From b86c661c4775f2251290d22555fb6cec3caf4cf8 Mon Sep 17 00:00:00 2001 From: Saifeddine ALOUI Date: Sat, 21 Dec 2024 00:02:35 +0100 Subject: [PATCH] Fixed rendering issues --- .../{index-P0ETQvbt.js => index-B9NDb1Ec.js} | 0 web/dist/assets/index-CfnZSzL0.css | 8 + web/dist/assets/index-jjsz8X-a.css | 8 - web/dist/index.html | 4 +- web/dist/themes/amber.css | 1123 ++++++++++++- web/dist/themes/borg.css | 1123 ++++++++++++- web/dist/themes/christmas.css | 1077 +++++++++++- web/dist/themes/default.css | 1139 ++++++++++++- web/dist/themes/lollms_blue.css | 1121 ++++++++++++- web/dist/themes/matrix_reborn.css | 1461 ++++++++++++++++- web/dist/themes/red_dragon.css | 1461 ++++++++++++++++- web/dist/themes/sober_gray.css | 1121 ++++++++++++- web/dist/themes/strawberry.css | 1121 ++++++++++++- web/dist/themes/strawberry_milkshake.css | 1461 ++++++++++++++++- web/public/themes/amber.css | 1123 ++++++++++++- web/public/themes/borg.css | 1123 ++++++++++++- web/public/themes/christmas.css | 1077 +++++++++++- web/public/themes/default.css | 1139 ++++++++++++- web/public/themes/lollms_blue.css | 1121 ++++++++++++- web/public/themes/matrix_reborn.css | 1461 ++++++++++++++++- web/public/themes/red_dragon.css | 1461 ++++++++++++++++- web/public/themes/sober_gray.css | 1121 ++++++++++++- web/public/themes/strawberry.css | 1121 ++++++++++++- web/public/themes/strawberry_milkshake.css | 1461 ++++++++++++++++- web/src/assets/tailwind.css | 71 +- web/src/themes/amber.css | 40 +- web/src/themes/borg.css | 48 +- web/src/themes/default.css | 71 +- web/src/themes/lollms_blue.css | 40 +- web/src/themes/matrix_reborn.css | 48 +- web/src/themes/red_dragon.css | 48 +- web/src/themes/sober_gray.css | 48 +- web/src/themes/strawberry.css | 39 +- web/src/themes/strawberry_milkshake.css | 48 +- web/tailwind.config.js | 27 +- 35 files changed, 23974 insertions(+), 990 deletions(-) rename web/dist/assets/{index-P0ETQvbt.js => index-B9NDb1Ec.js} (100%) create mode 100644 web/dist/assets/index-CfnZSzL0.css delete mode 100644 web/dist/assets/index-jjsz8X-a.css diff --git a/web/dist/assets/index-P0ETQvbt.js b/web/dist/assets/index-B9NDb1Ec.js similarity index 100% rename from web/dist/assets/index-P0ETQvbt.js rename to web/dist/assets/index-B9NDb1Ec.js diff --git a/web/dist/assets/index-CfnZSzL0.css b/web/dist/assets/index-CfnZSzL0.css new file mode 100644 index 00000000..d1ead59a --- /dev/null +++ b/web/dist/assets/index-CfnZSzL0.css @@ -0,0 +1,8 @@ +@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@500;600;700&family=Outfit:wght@400;500;600;700&display=swap";.hljs-comment,.hljs-quote{color:#7285b7}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#ff9da4}.hljs-number,.hljs-built_in,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#ffc58f}.hljs-attribute{color:#ffeead}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#d1f1a9}.hljs-title,.hljs-section{color:#bbdaff}.hljs-keyword,.hljs-selector-tag{color:#ebbbff}.hljs{background:#002451;color:#fff}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*! + Theme: Tokyo-night-Dark + origin: https://github.com/enkia/tokyo-night-vscode-theme + Description: Original highlight.js style + Author: (c) Henri Vandersleyen + License: see project LICENSE + Touched: 2022 +*/.hljs-meta,.hljs-comment{color:#565f89}.hljs-tag,.hljs-doctag,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-template-tag,.hljs-selector-pseudo,.hljs-selector-attr,.hljs-variable.language_,.hljs-deletion{color:#f7768e}.hljs-variable,.hljs-template-variable,.hljs-number,.hljs-literal,.hljs-type,.hljs-params,.hljs-link{color:#ff9e64}.hljs-built_in,.hljs-attribute{color:#e0af68}.hljs-selector-tag{color:#2ac3de}.hljs-keyword,.hljs-title.function_,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-subst,.hljs-property{color:#7dcfff}.hljs-selector-tag{color:#73daca}.hljs-quote,.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#9ece6a}.hljs-code,.hljs-formula,.hljs-section{color:#7aa2f7}.hljs-name,.hljs-keyword,.hljs-operator,.hljs-char.escape_,.hljs-attr{color:#bb9af7}.hljs-punctuation{color:#c0caf5}.hljs{background:#1a1b26;color:#9aa5ce}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.code-container{display:flex;margin:0}.line-numbers{flex-shrink:0;padding-right:5px;color:#999;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;margin:0}.code-content{flex-grow:1;margin:0;outline:none}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.execute-button{display:flex;align-items:center;gap:.5rem}.katex-display{display:inline-block;margin:0}.katex{display:inline-block;white-space:nowrap}.inline-latex{display:inline!important}.progress-bar-container{background-color:#f0f0f0;border-radius:4px;height:8px;overflow:hidden}.progress-bar{background-color:#3498db;height:100%;transition:width .3s ease}.custom-scrollbar[data-v-8a34bb65]{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}.custom-scrollbar[data-v-8a34bb65]::-webkit-scrollbar{width:6px}.custom-scrollbar[data-v-8a34bb65]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-8a34bb65]::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:3px}.custom-scrollbar[data-v-8a34bb65]::-webkit-scrollbar-thumb:hover{background-color:#9ca3afb3}.toastItem-enter-active[data-v-46f379e5],.toastItem-leave-active[data-v-46f379e5]{transition:all .5s ease}.toastItem-enter-from[data-v-46f379e5],.toastItem-leave-to[data-v-46f379e5]{opacity:0;transform:translate(-30px)}.topbar-container[data-v-8d9a9d0d]{position:fixed;top:0;left:0;right:0;z-index:1000}.topbar[data-v-8d9a9d0d]{background-color:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .3s ease-in-out;display:flex;justify-content:center}.topbar-hidden[data-v-8d9a9d0d]{transform:translateY(-100%)}.topbar-content[data-v-8d9a9d0d]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;width:100%}.pin-button[data-v-8d9a9d0d]{background-color:transparent;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.pin-button svg[data-v-8d9a9d0d]{width:24px;height:24px;transition:transform .3s ease}.pin-button:hover svg[data-v-8d9a9d0d]{transform:scale(1.2)}.placeholder[data-v-8d9a9d0d]{height:10px}.topbar-container[data-v-8d9a9d0d]{position:relative;width:100%}.hover-zone[data-v-8d9a9d0d]{opacity:0}.error[data-v-8d9a9d0d]{color:red;margin-left:1rem}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.hovered{transform:scale(1.05);transition:transform .2s ease-in-out}.active{transform:scale(1.1);transition:transform .2s ease-in-out}.dropdown-shadow[data-v-6c3ea3a5]{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}:root.dark .dropdown-shadow[data-v-6c3ea3a5]{box-shadow:0 4px 6px -1px #ffffff1a,0 2px 4px -1px #ffffff0f}select{width:200px}body{background-color:#fafafa;font-family:sans-serif}.container{margin:4px auto;width:800px}.settings{position:fixed;top:0;right:0;width:500px;background-color:#fff;z-index:1000;overflow-y:auto;height:100%}.slider-container{margin-top:20px}.slider-value{display:inline-block;margin-left:10px;color:#6b7280;font-size:14px}.small-button{padding:.5rem .75rem;font-size:.875rem}.active-tab{font-weight:700}.help-view[data-v-8c1798f3]{min-height:100vh}.big-card[data-v-8c1798f3]{margin-left:auto;margin-right:auto;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:2rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.big-card[data-v-8c1798f3]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.help-sections-container[data-v-8c1798f3]{max-height:70vh;overflow-y:auto;padding-right:1rem}.help-section[data-v-8c1798f3]{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.help-content[data-v-8c1798f3]{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.help-content[data-v-8c1798f3]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.help-sections-container[data-v-8c1798f3]::-webkit-scrollbar{width:12px}.help-sections-container[data-v-8c1798f3]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.help-sections-container[data-v-8c1798f3]::-webkit-scrollbar-thumb{background:#888;border-radius:10px;border:3px solid #f1f1f1}.help-sections-container[data-v-8c1798f3]::-webkit-scrollbar-thumb:hover{background:#555}.help-sections-container[data-v-8c1798f3]{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.menu-container{position:relative;display:inline-block}.menu-button{background-color:#007bff;color:#fff;padding:10px;border:none;cursor:pointer;border-radius:4px}.menu-list{position:absolute;background-color:#fff;color:#000;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0003;padding:10px;max-width:500px;z-index:1000}.slide-enter-active,.slide-leave-active{transition:transform .2s}.slide-enter-to,.slide-leave-from{transform:translateY(-10px)}.menu-ul{list-style:none;padding:0;margin:0}.menu-li{cursor:pointer;display:flex;align-items:center;padding:5px}.menu-icon{width:20px;height:20px;margin-right:8px}.menu-command{min-width:200px;text-align:left}.fade-enter-active[data-v-f43216be],.fade-leave-active[data-v-f43216be]{transition:opacity .3s}.fade-enter[data-v-f43216be],.fade-leave-to[data-v-f43216be]{opacity:0}.heartbeat-text[data-v-1a988e0d]{font-size:24px;animation:pulsate-1a988e0d 1.5s infinite}@keyframes pulsate-1a988e0d{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.list-move[data-v-1a988e0d],.list-enter-active[data-v-1a988e0d],.list-leave-active[data-v-1a988e0d]{transition:all .5s ease}.list-enter-from[data-v-1a988e0d]{transform:translatey(-30px)}.list-leave-to[data-v-1a988e0d]{opacity:0;transform:translatey(30px)}.list-leave-active[data-v-1a988e0d]{position:absolute}.bounce-enter-active[data-v-1a988e0d]{animation:bounce-in-1a988e0d .5s}.bounce-leave-active[data-v-1a988e0d]{animation:bounce-in-1a988e0d .5s reverse}@keyframes bounce-in-1a988e0d{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}.bg-primary-light[data-v-1a988e0d]{background-color:#0ff}.hover[data-v-1a988e0d]:bg-primary-light:hover{background-color:#7fffd4}.font-bold[data-v-1a988e0d]{font-weight:700}.control-buttons[data-v-2b3580ce]{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;transform:translate(100%);transition:transform .3s}.group:hover .control-buttons[data-v-2b3580ce]{transform:translate(0)}.control-buttons-inner[data-v-2b3580ce]{display:flex;gap:10px;align-items:center;background-color:#fff;padding:8px;border-radius:0 0 0 8px;box-shadow:0 2px 8px #0000001a}.json-tree-view[data-v-40406ec6]{margin-left:16px}.json-item[data-v-40406ec6]{margin-bottom:4px}.json-key[data-v-40406ec6]{cursor:pointer;display:flex;align-items:center}.toggle-icon[data-v-40406ec6]{margin-right:4px;width:12px}.key[data-v-40406ec6]{font-weight:700;margin-right:4px}.value[data-v-40406ec6]{margin-left:4px}.string[data-v-40406ec6]{color:#0b7285}.number[data-v-40406ec6]{color:#d9480f}.boolean[data-v-40406ec6]{color:#5c940d}.null[data-v-40406ec6]{color:#868e96}.json-nested[data-v-40406ec6]{margin-left:16px;border-left:1px dashed #ccc;padding-left:8px}.json-viewer[data-v-83fc9727]{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:14px;line-height:1.5;color:#333}.collapsible-section[data-v-83fc9727]{cursor:pointer;padding:8px;background-color:#f0f0f0;border-radius:4px;display:flex;align-items:center;transition:background-color .2s}.collapsible-section[data-v-83fc9727]:hover{background-color:#e0e0e0}.toggle-icon[data-v-83fc9727]{margin-right:8px;transition:transform .2s}.json-content[data-v-83fc9727]{margin-top:8px;padding-left:16px}.expand-button{margin-left:10px;margin-right:10px;background:none;border:none;padding:0;cursor:pointer}.htmljs{background:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}details[open] summary~*{animation:slideDown .3s ease-in-out}details summary::marker{display:none}details summary::-webkit-details-marker{display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bounce-enter-active[data-v-f44002af]{animation:bounce-in-f44002af .5s}.bounce-leave-active[data-v-f44002af]{animation:bounce-in-f44002af .5s reverse}@keyframes bounce-in-f44002af{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}.custom-scrollbar[data-v-1a32c141]::-webkit-scrollbar{width:8px}.custom-scrollbar[data-v-1a32c141]::-webkit-scrollbar-track{background-color:#f1f1f1}.custom-scrollbar[data-v-1a32c141]::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.custom-scrollbar[data-v-1a32c141]::-webkit-scrollbar-thumb:hover{background-color:#555}.menu[data-v-1a32c141]{display:flex;flex-direction:column;align-items:center}.commands-menu-items-wrapper[data-v-1a32c141]{position:relative;display:flex;flex-direction:column;align-items:center}.commands-menu-items-wrapper>#commands-menu-items[data-v-1a32c141]{top:calc(-100% - 2rem)}.personalities-hover-area[data-v-908c73f4]{position:relative;padding-top:10px}.custom-scrollbar[data-v-908c73f4]{scrollbar-width:thin;scrollbar-color:rgba(155,155,155,.5) transparent}.custom-scrollbar[data-v-908c73f4]::-webkit-scrollbar{width:6px}.custom-scrollbar[data-v-908c73f4]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-908c73f4]::-webkit-scrollbar-thumb{background-color:#9b9b9b80;border-radius:20px;border:transparent}.list-move[data-v-908c73f4],.list-enter-active[data-v-908c73f4],.list-leave-active[data-v-908c73f4]{transition:all .5s ease}.list-enter-from[data-v-908c73f4]{transform:translatey(-30px)}.list-leave-to[data-v-908c73f4]{opacity:0;transform:translatey(30px)}.list-leave-active[data-v-908c73f4]{position:absolute}@keyframes rolling-ball-d9375d3e{0%{transform:translate(-50px) rotate(0)}25%{transform:translate(0) rotate(90deg)}50%{transform:translate(50px) rotate(180deg)}75%{transform:translate(0) rotate(270deg)}to{transform:translate(-50px) rotate(360deg)}}@keyframes bounce-d9375d3e{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fade-in-up-d9375d3e{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-rolling-ball[data-v-d9375d3e]{animation:rolling-ball-d9375d3e 4s infinite ease-in-out,bounce-d9375d3e 1s infinite ease-in-out}.animate-fade-in-up[data-v-d9375d3e]{animation:fade-in-up-d9375d3e 1.5s ease-out}.floating-button-container[data-v-d9375d3e]{position:fixed;bottom:30px;right:30px;z-index:9999}.floating-button[data-v-d9375d3e]{position:fixed;bottom:30px;right:30px;width:100px;height:100px;border-radius:50%;background-color:#ff4500e6;display:flex;justify-content:center;align-items:center;box-shadow:0 0 30px #ff4500cc;animation:pulse-d9375d3e 1.5s infinite,glow-d9375d3e 2s infinite,wobble-d9375d3e 3s infinite;overflow:hidden;z-index:9999;transition:all .3s ease}.floating-button[data-v-d9375d3e]:hover{transform:scale(1.2) rotate(5deg);background-color:#ff4500}.tooltip[data-v-d9375d3e]{position:absolute;background-color:#000c;color:#fff;padding:8px 12px;border-radius:8px;font-size:16px;font-weight:700;white-space:nowrap;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;top:-50px;left:50%;transform:translate(-50%) scale(.9)}.floating-button:hover .tooltip[data-v-d9375d3e]{opacity:1;transform:translate(-50%) scale(1)}@keyframes pulse-d9375d3e{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes glow-d9375d3e{0%{box-shadow:0 0 30px #ff4500cc}50%{box-shadow:0 0 60px #ff4500,0 0 90px #ff450099}to{box-shadow:0 0 30px #ff4500cc}}@keyframes wobble-d9375d3e{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.hidden[data-v-d9375d3e]{display:none}.popup-container[data-v-d504dfc9]{background-color:#fff;color:#333;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:24px;width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.close-button[data-v-d504dfc9]{position:absolute;top:16px;right:16px;background-color:#3490dc;color:#fff;font-weight:700;padding:8px 16px;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.close-button[data-v-d504dfc9]:hover{background-color:#2779bd}.iframe-content[data-v-d504dfc9]{width:100%;height:80%;border:none;margin-bottom:16px}.checkbox-container[data-v-d504dfc9]{display:flex;align-items:center;justify-content:center}.styled-checkbox[data-v-d504dfc9]{width:24px;height:24px;accent-color:#3490dc;cursor:pointer}.checkbox-label[data-v-d504dfc9]{margin-left:8px;font-size:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fade-enter-active[data-v-d504dfc9],.fade-leave-active[data-v-d504dfc9]{transition:opacity .5s}.fade-enter[data-v-d504dfc9],.fade-leave-to[data-v-d504dfc9]{opacity:0}.glow-effect[data-v-31178107]{box-shadow:0 0 5px 2px #00ffffb3;animation:glow-31178107 1.5s ease-in-out infinite alternate}@keyframes glow-31178107{0%{box-shadow:0 0 5px 2px #00ffffb3}to{box-shadow:0 0 20px 2px #00ffffb3}}.personalities-container[data-v-57566b64]{position:relative}.skills-lib-icon[data-v-57566b64]{position:absolute;top:-2px;right:-2px;z-index:10;font-size:5px;width:2px;height:2px}.skills-lib-icon i[data-v-57566b64]{width:2px;height:2px}@keyframes giggle-57566b64{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(-5px) rotate(-10deg) scale(1.05)}50%{transform:translate(5px) rotate(10deg) scale(.95)}75%{transform:translate(-5px) rotate(-10deg) scale(1.05)}}.animate-giggle[data-v-57566b64]{animation:giggle-57566b64 1.5s infinite ease-in-out}.custom-scrollbar[data-v-57566b64]{scrollbar-width:thin;scrollbar-color:rgba(155,155,155,.5) transparent}.custom-scrollbar[data-v-57566b64]::-webkit-scrollbar{width:8px}.custom-scrollbar[data-v-57566b64]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-57566b64]::-webkit-scrollbar-thumb{background-color:#9b9b9b80;border-radius:20px;border:transparent}@keyframes custom-pulse-57566b64{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 15px #3b82f600}}.animate-pulse[data-v-57566b64]{animation:custom-pulse-57566b64 2s infinite}.slide-right-enter-active[data-v-57566b64],.slide-right-leave-active[data-v-57566b64]{transition:transform .3s ease}.slide-right-enter[data-v-57566b64],.slide-right-leave-to[data-v-57566b64]{transform:translate(-100%)}.slide-left-enter-active[data-v-57566b64],.slide-left-leave-active[data-v-57566b64]{transition:transform .3s ease}.slide-left-enter[data-v-57566b64],.slide-left-leave-to[data-v-57566b64]{transform:translate(100%)}.fade-and-fly-enter-active[data-v-57566b64]{animation:fade-and-fly-enter-57566b64 .5s ease}.fade-and-fly-leave-active[data-v-57566b64]{animation:fade-and-fly-leave-57566b64 .5s ease}@keyframes fade-and-fly-enter-57566b64{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-and-fly-leave-57566b64{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(1.2)}}.list-move[data-v-57566b64],.list-enter-active[data-v-57566b64],.list-leave-active[data-v-57566b64]{transition:all .5s ease}.list-enter-from[data-v-57566b64]{transform:translatey(-30px)}.list-leave-to[data-v-57566b64]{opacity:0;transform:translatey(30px)}.list-leave-active[data-v-57566b64]{position:absolute}@keyframes float-57566b64{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float[data-v-57566b64]{animation:float-57566b64 linear infinite}@keyframes star-move-57566b64{0%{transform:translate(0) rotate(0)}50%{transform:translate(20px,20px) rotate(180deg)}to{transform:translate(0) rotate(360deg)}}.animate-star[data-v-57566b64]{animation:star-move-57566b64 linear infinite}@keyframes fall-57566b64{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(calc(100vh + 20px)) rotate(360deg);opacity:0}}.animate-fall[data-v-57566b64]{animation:fall-57566b64 linear infinite}@keyframes glow-57566b64{0%,to{text-shadow:0 0 5px rgba(66,153,225,.5),0 0 10px rgba(66,153,225,.5)}50%{text-shadow:0 0 20px rgba(66,153,225,.8),0 0 30px rgba(66,153,225,.8)}}.animate-glow[data-v-57566b64]{animation:glow-57566b64 2s ease-in-out infinite}@media (prefers-color-scheme: dark){@keyframes glow-57566b64{0%,to{text-shadow:0 0 5px rgba(147,197,253,.5),0 0 10px rgba(147,197,253,.5)}50%{text-shadow:0 0 20px rgba(147,197,253,.8),0 0 30px rgba(147,197,253,.8)}0%,to{text-shadow:0 0 5px rgba(147,197,253,.5),0 0 10px rgba(147,197,253,.5)}50%{text-shadow:0 0 20px rgba(147,197,253,.8),0 0 30px rgba(147,197,253,.8)}}}@keyframes roll-57566b64{0%{transform:translate(-50%) rotate(0)}to{transform:translate(50%) rotate(360deg)}}.animate-roll[data-v-57566b64]{animation:roll-57566b64 4s linear infinite}.toolbar[data-v-57566b64]{position:relative;width:100%}.toolbar-container[data-v-57566b64]{display:flex;height:2.5rem;align-items:center}.toolbar-button[data-v-57566b64]{cursor:pointer;border-style:none;background-color:transparent;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.toolbar-button[data-v-57566b64]:hover{--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}.menu-container[data-v-57566b64]{position:relative}.expandable-menu[data-v-57566b64]{position:absolute;top:100%;left:.625rem;flex-direction:column;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.menu-container:hover .expandable-menu[data-v-57566b64],.menu-visible[data-v-57566b64]{display:flex}.menu-item[data-v-57566b64]{background:none;border:none;cursor:pointer;padding:8px;color:#333;transition:background-color .3s}.menu-item[data-v-57566b64]:hover{background-color:#f0f0f0}.dot[data-v-57566b64]{width:10px;height:10px;border-radius:50%}.dot-green[data-v-57566b64]{background-color:green}.dot-red[data-v-57566b64]{background-color:red}.animate-pulse[data-v-57566b64]{animation:pulse-57566b64 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-57566b64{0%,to{opacity:1}50%{opacity:.7}}.logo-container[data-v-57566b64]{position:relative;width:48px;height:48px}.logo-image[data-v-57566b64]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}@keyframes bounce-57566b64{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce[data-v-57566b64]{animation:bounce-57566b64 1s infinite}@keyframes roll-and-bounce-57566b64{0%,to{transform:translate(0) rotate(0)}45%{transform:translate(100px) rotate(360deg)}50%{transform:translate(90px) rotate(390deg)}55%{transform:translate(100px) rotate(360deg)}95%{transform:translate(0) rotate(0)}}@keyframes spin-57566b64{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.floating-frame{margin:15px;float:left;height:auto;border:1px solid #000;border-radius:4px;overflow:hidden;z-index:5000;position:fixed;cursor:move;bottom:0;right:0}.handle{width:100%;height:20px;background:#ccc;cursor:move;text-align:center}.floating-frame img{width:100%;height:auto}.controls{margin-top:10px}#webglContainer{top:0;left:0}.floating-frame2{margin:15px;width:800px;height:auto;border:1px solid #000;border-radius:4px;overflow:hidden;min-height:200px;z-index:5000}:root{--baklava-control-color-primary: #e28b46;--baklava-control-color-error: #d00000;--baklava-control-color-background: #2c3748;--baklava-control-color-foreground: white;--baklava-control-color-hover: #455670;--baklava-control-color-active: #556986;--baklava-control-color-disabled-foreground: #666c75;--baklava-control-border-radius: 3px;--baklava-sidebar-color-background: #1b202c;--baklava-sidebar-color-foreground: white;--baklava-node-color-background: #1b202c;--baklava-node-color-foreground: white;--baklava-node-color-hover: #e28c4677;--baklava-node-color-selected: var(--baklava-control-color-primary);--baklava-node-color-resize-handle: var(--baklava-control-color-background);--baklava-node-title-color-background: #151a24;--baklava-node-title-color-foreground: white;--baklava-group-node-title-color-background: #215636;--baklava-group-node-title-color-foreground: white;--baklava-node-interface-port-tooltip-color-foreground: var(--baklava-control-color-primary);--baklava-node-interface-port-tooltip-color-background: var(--baklava-editor-background-pattern-black);--baklava-node-border-radius: 6px;--baklava-color-connection-default: #737f96;--baklava-color-connection-allowed: #48bc79;--baklava-color-connection-forbidden: #bc4848;--baklava-editor-background-pattern-default: #202b3c;--baklava-editor-background-pattern-line: #263140;--baklava-editor-background-pattern-black: #263140;--baklava-context-menu-background: #1b202c;--baklava-context-menu-shadow: 0 0 8px rgba(0, 0, 0, .65);--baklava-toolbar-background: #1b202caa;--baklava-toolbar-foreground: white;--baklava-node-palette-background: #1b202caa;--baklava-node-palette-foreground: white;--baklava-selectionbox-color-border: var(--baklava-node-color-background);--baklava-selectionbox-color-background: var(--baklava-node-color-hover);--baklava-visual-transition: .1s linear}.baklava-button{background-color:var(--baklava-control-color-background);color:var(--baklava-control-color-foreground);transition:background-color var(--baklava-visual-transition);border:none;padding:.45em .35em;border-radius:var(--baklava-control-border-radius);font-size:inherit;cursor:pointer;overflow-x:hidden}.baklava-button:hover{background-color:var(--baklava-control-color-hover)}.baklava-button:active{background-color:var(--baklava-control-color-primary)}.baklava-button.--block{width:100%}.baklava-checkbox{display:flex;padding:.35em 0;cursor:pointer;overflow-x:hidden;align-items:center}.baklava-checkbox .__checkmark-container{display:flex;background-color:var(--baklava-control-color-background);border-radius:var(--baklava-control-border-radius);transition:background-color var(--baklava-visual-transition);width:18px;height:18px}.baklava-checkbox:hover .__checkmark-container{background-color:var(--baklava-control-color-hover)}.baklava-checkbox:active .__checkmark-container{background-color:var(--baklava-control-color-active)}.baklava-checkbox .__checkmark{stroke-dasharray:15;stroke-dashoffset:15;stroke:var(--baklava-control-color-foreground);stroke-width:2px;fill:none;transition:stroke-dashoffset var(--baklava-visual-transition)}.baklava-checkbox.--checked .__checkmark{stroke-dashoffset:0}.baklava-checkbox.--checked .__checkmark-container{background-color:var(--baklava-control-color-primary)}.baklava-checkbox .__label{margin-left:.5rem}.baklava-context-menu{color:var(--baklava-control-color-foreground);position:absolute;display:inline-block;z-index:100;background-color:var(--baklava-context-menu-background);box-shadow:var(--baklava-context-menu-shadow);border-radius:0 0 var(--baklava-control-border-radius) var(--baklava-control-border-radius);min-width:6rem;width:-moz-max-content;width:max-content}.baklava-context-menu>.item{display:flex;align-items:center;padding:.35em 1em;transition:background .05s linear;position:relative}.baklava-context-menu>.item>.__label{flex:1 1 auto}.baklava-context-menu>.item>.__submenu-icon{margin-left:.75rem}.baklava-context-menu>.item.--disabled{color:var(--baklava-control-color-hover)}.baklava-context-menu>.item:not(.--header):not(.--active):not(.--disabled):hover{background:var(--baklava-control-color-primary)}.baklava-context-menu>.item.--active{background:var(--baklava-control-color-primary)}.baklava-context-menu.--nested{left:100%;top:0}.baklava-context-menu.--flipped-x.--nested{left:unset;right:100%}.baklava-context-menu.--flipped-y.--nested{top:unset;bottom:0}.baklava-context-menu>.divider{margin:.35em 0;height:1px;background-color:var(--baklava-control-color-hover)}.baklava-icon{display:block;height:100%}.baklava-icon.--clickable{cursor:pointer;transition:color var(--baklava-visual-transition)}.baklava-icon.--clickable:hover{color:var(--baklava-control-color-primary)}.baklava-input{background-color:var(--baklava-control-color-background);color:var(--baklava-control-color-foreground);caret-color:var(--baklava-control-color-primary);border:none;border-radius:var(--baklava-control-border-radius);padding:.45em .75em;width:100%;transition:background-color var(--baklava-visual-transition);font-size:inherit;font:inherit}.baklava-input:hover{background-color:var(--baklava-control-color-hover)}.baklava-input:active{background-color:var(--baklava-control-color-active)}.baklava-input:focus-visible{outline:1px solid var(--baklava-control-color-primary)}.baklava-input[type=number]::-webkit-inner-spin-button,.baklava-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.baklava-input.--invalid{box-shadow:0 0 2px 2px var(--baklava-control-color-error)}.baklava-num-input{background:var(--baklava-control-color-background);color:var(--baklava-control-color-foreground);border-radius:var(--baklava-control-border-radius);width:100%;display:grid;grid-template-columns:20px 1fr 20px}.baklava-num-input>.__button{display:flex;flex:0 0 auto;width:20px;justify-content:center;align-items:center;transition:background var(--baklava-visual-transition);cursor:pointer}.baklava-num-input>.__button:hover{background-color:var(--baklava-control-color-hover)}.baklava-num-input>.__button:active{background-color:var(--baklava-control-color-active)}.baklava-num-input>.__button.--dec{grid-area:1/1/span 1/span 1}.baklava-num-input>.__button.--dec>svg{transform:rotate(90deg)}.baklava-num-input>.__button.--inc{grid-area:1/3/span 1/span 1}.baklava-num-input>.__button.--inc>svg{transform:rotate(-90deg)}.baklava-num-input>.__button path{stroke:var(--baklava-control-color-foreground);fill:var(--baklava-control-color-foreground)}.baklava-num-input>.__content{grid-area:1/2/span 1/span 1;display:inline-flex;cursor:pointer;max-width:100%;min-width:0;align-items:center;transition:background-color var(--baklava-visual-transition)}.baklava-num-input>.__content:hover{background-color:var(--baklava-control-color-hover)}.baklava-num-input>.__content:active{background-color:var(--baklava-control-color-active)}.baklava-num-input>.__content>.__label,.baklava-num-input>.__content>.__value{margin:.35em 0;padding:0 .5em}.baklava-num-input>.__content>.__label{flex:1;min-width:0;overflow:hidden}.baklava-num-input>.__content>.__value{text-align:right}.baklava-num-input>.__content>input{background-color:var(--baklava-control-color-background);color:var(--baklava-control-color-foreground);caret-color:var(--baklava-control-color-primary);padding:.35em;width:100%}.baklava-select{width:100%;position:relative;color:var(--baklava-control-color-foreground)}.baklava-select.--open>.__selected{border-bottom-left-radius:0;border-bottom-right-radius:0}.baklava-select.--open>.__selected>.__icon{transform:rotate(180deg)}.baklava-select>.__selected{background-color:var(--baklava-control-color-background);padding:.35em .75em;border-radius:var(--baklava-control-border-radius);transition:background var(--baklava-visual-transition);min-height:1.7em;display:flex;align-items:center;cursor:pointer}.baklava-select>.__selected:hover{background:var(--baklava-control-color-hover)}.baklava-select>.__selected:active{background:var(--baklava-control-color-active)}.baklava-select>.__selected>.__text{flex:1 0 auto;flex-basis:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.baklava-select>.__selected>.__icon{flex:0 0 auto;display:flex;justify-content:center;align-items:center;transition:transform .25s ease;width:18px;height:18px}.baklava-select>.__selected>.__icon path{stroke:var(--baklava-control-color-foreground);fill:var(--baklava-control-color-foreground)}.baklava-select>.__dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;background-color:var(--baklava-context-menu-background);filter:drop-shadow(0 0 4px black);border-radius:0 0 var(--baklava-control-border-radius) var(--baklava-control-border-radius);max-height:15em;overflow-y:scroll}.baklava-select>.__dropdown::-webkit-scrollbar{width:0px;background:transparent}.baklava-select>.__dropdown>.item{padding:.35em .35em .35em 1em;transition:background .05s linear}.baklava-select>.__dropdown>.item:not(.--header):not(.--active){cursor:pointer}.baklava-select>.__dropdown>.item:not(.--header):not(.--active):hover{background:var(--baklava-control-color-hover)}.baklava-select>.__dropdown>.item.--active{background:var(--baklava-control-color-primary)}.baklava-select>.__dropdown>.item.--header{color:var(--baklava-control-color-disabled-foreground);border-bottom:1px solid var(--baklava-control-color-disabled-foreground);padding:.5em .35em .5em 1em}.baklava-slider{background:var(--baklava-control-color-background);color:var(--baklava-control-color-foreground);border-radius:var(--baklava-control-border-radius);position:relative;cursor:pointer}.baklava-slider>.__content{display:flex;position:relative}.baklava-slider>.__content>.__label,.baklava-slider>.__content>.__value{flex:1 1 auto;margin:.35em 0;padding:0 .5em;text-overflow:ellipsis}.baklava-slider>.__content>.__value{text-align:right}.baklava-slider>.__content>input{background-color:var(--baklava-control-color-background);color:var(--baklava-control-color-foreground);caret-color:var(--baklava-control-color-primary);padding:.35em;width:100%}.baklava-slider>.__slider{position:absolute;top:0;bottom:0;left:0;background-color:var(--baklava-control-color-primary);border-radius:var(--baklava-control-border-radius)}.baklava-connection{stroke:var(--baklava-color-connection-default);stroke-width:2px;fill:none}.baklava-connection.--temporary{stroke-width:4px;stroke-dasharray:5 5;stroke-dashoffset:0;animation:dash 1s linear infinite;transform:translateY(-1px)}@keyframes dash{to{stroke-dashoffset:20}}.baklava-connection.--allowed{stroke:var(--baklava-color-connection-allowed)}.baklava-connection.--forbidden{stroke:var(--baklava-color-connection-forbidden)}.baklava-minimap{position:absolute;height:15%;width:15%;min-width:150px;max-width:90%;top:20px;right:20px;z-index:900}.baklava-editor{width:100%;height:100%;position:relative;overflow:hidden;outline:none!important;font-family:Lato,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;touch-action:none}.baklava-editor .background{background-color:var(--baklava-editor-background-pattern-default);background-image:linear-gradient(var(--baklava-editor-background-pattern-black) 2px,transparent 2px),linear-gradient(90deg,var(--baklava-editor-background-pattern-black) 2px,transparent 2px),linear-gradient(var(--baklava-editor-background-pattern-line) 1px,transparent 1px),linear-gradient(90deg,var(--baklava-editor-background-pattern-line) 1px,transparent 1px);background-repeat:repeat;width:100%;height:100%;pointer-events:none!important}.baklava-editor .selection-box{position:absolute;border:1px solid var(--baklava-selectionbox-color-border);background-color:var(--baklava-selectionbox-color-background);pointer-events:none;opacity:.5}.baklava-editor.--start-selection-box{cursor:crosshair}.baklava-editor *:not(input):not(textarea){user-select:none;-moz-user-select:none;-webkit-user-select:none;touch-action:none}.baklava-editor .input-user-select{user-select:auto;-moz-user-select:auto;-webkit-user-select:auto}.baklava-editor *,.baklava-editor *:after,.baklava-editor *:before{box-sizing:border-box}.baklava-editor.--temporary-connection{cursor:crosshair}.baklava-editor .connections-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none!important}.baklava-editor .node-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.baklava-editor .node-container *{pointer-events:all}.baklava-ignore-mouse *{pointer-events:none!important}.baklava-ignore-mouse .__port{pointer-events:all!important}.baklava-node-interface{padding:.25em 0;position:relative}.baklava-node-interface .__port{position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;top:calc(50% - 5px);cursor:crosshair}.baklava-node-interface .__port.--selected{outline:2px var(--baklava-color-connection-default) solid;outline-offset:4px}.baklava-node-interface.--input{text-align:left;padding-left:.5em}.baklava-node-interface.--input .__port{left:-1.1em}.baklava-node-interface.--output{text-align:right;padding-right:.5em}.baklava-node-interface.--output .__port{right:-1.1em}.baklava-node-interface .__tooltip{position:absolute;left:5px;top:15px;transform:translate(-50%);background:var(--baklava-node-interface-port-tooltip-color-background);color:var(--baklava-node-interface-port-tooltip-color-foreground);padding:.25em .5em;text-align:center;z-index:2}.baklava-node-palette{position:absolute;left:0;top:60px;width:250px;height:calc(100% - 60px);z-index:3;padding:2rem;overflow-y:auto;background:var(--baklava-node-palette-background);color:var(--baklava-node-palette-foreground)}.baklava-node-palette h1{margin-top:2rem}.baklava-node.--palette{position:unset;margin:1rem 0;cursor:grab}.baklava-node.--palette:first-child{margin-top:0}.baklava-node.--palette .__title{padding:.5rem;border-radius:var(--baklava-node-border-radius)}.baklava-dragged-node{position:absolute;width:calc(250px - 4rem);height:40px;z-index:4;pointer-events:none}.baklava-node{background:var(--baklava-node-color-background);color:var(--baklava-node-color-foreground);border:1px solid transparent;border-radius:var(--baklava-node-border-radius);position:absolute;box-shadow:0 0 4px #000c;transition:border-color var(--baklava-visual-transition),box-shadow var(--baklava-visual-transition);width:var(--width)}.baklava-node:hover{border-color:var(--baklava-node-color-hover)}.baklava-node:hover .__resize-handle:after{opacity:1}.baklava-node.--selected{z-index:5;border-color:var(--baklava-node-color-selected)}.baklava-node.--dragging{box-shadow:0 0 12px #000c}.baklava-node.--dragging>.__title{cursor:grabbing}.baklava-node>.__title{display:flex;background:var(--baklava-node-title-color-background);color:var(--baklava-node-title-color-foreground);padding:.4em .75em;border-radius:var(--baklava-node-border-radius) var(--baklava-node-border-radius) 0 0;cursor:grab}.baklava-node>.__title>*:first-child{flex-grow:1}.baklava-node>.__title>.__title-label{pointer-events:none}.baklava-node>.__title>.__menu{position:relative;cursor:initial}.baklava-node[data-node-type^=__baklava_]>.__title{background:var(--baklava-group-node-title-color-background);color:var(--baklava-group-node-title-color-foreground)}.baklava-node>.__content{padding:.75em}.baklava-node>.__content.--reverse-y{display:flex;flex-direction:column-reverse}.baklava-node>.__content>div>div{margin:.5em 0}.baklava-node.--two-column>.__content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:". ." ". ."}.baklava-node.--two-column>.__content>.__inputs{grid-row:1;grid-column:1}.baklava-node.--two-column>.__content>.__outputs{grid-row:1;grid-column:2}.baklava-node .__resize-handle{position:absolute;right:0;bottom:0;width:1rem;height:1rem;transform:translate(50%);cursor:ew-resize}.baklava-node .__resize-handle:after{content:"";position:absolute;bottom:0;left:-.5rem;width:1rem;height:1rem;opacity:0;border-bottom-right-radius:var(--baklava-node-border-radius);transition:opacity var(--baklava-visual-transition);background:linear-gradient(-45deg,transparent 10%,var(--baklava-node-color-resize-handle) 10%,var(--baklava-node-color-resize-handle) 15%,transparent 15%,transparent 30%,var(--baklava-node-color-resize-handle) 30%,var(--baklava-node-color-resize-handle) 35%,transparent 35%,transparent 50%,var(--baklava-node-color-resize-handle) 50%,var(--baklava-node-color-resize-handle) 55%,transparent 55%)}.baklava-sidebar{position:absolute;height:100%;width:25%;min-width:300px;max-width:90%;top:0;right:0;z-index:1000;background-color:var(--baklava-sidebar-color-background);color:var(--baklava-sidebar-color-foreground);box-shadow:none;overflow-x:hidden;padding:1em;transform:translate(100%);transition:transform .5s;display:flex;flex-direction:column}.baklava-sidebar.--open{transform:translate(0);box-shadow:0 0 15px #000}.baklava-sidebar .__resizer{position:absolute;left:0;top:0;height:100%;width:4px;cursor:col-resize}.baklava-sidebar .__header{display:flex;align-items:center}.baklava-sidebar .__header .__node-name{margin-left:.5rem}.baklava-sidebar .__close{font-size:2em;border:none;background:none;color:inherit;cursor:pointer}.baklava-sidebar .__interface{margin:.5em 0}.baklava-toolbar{position:absolute;left:0;top:0;width:100%;height:60px;z-index:3;padding:.5rem 2rem;background:var(--baklava-toolbar-background);color:var(--baklava-toolbar-foreground);display:flex;align-items:center}.baklava-toolbar-entry{margin-left:.5rem;margin-right:.5rem}.baklava-toolbar-button{color:var(--baklava-toolbar-foreground);background:none;border:none;transition:color var(--baklava-visual-transition)}.baklava-toolbar-button:not([disabled]){cursor:pointer}.baklava-toolbar-button:hover:not([disabled]){color:var(--baklava-control-color-primary)}.baklava-toolbar-button[disabled]{color:var(--baklava-control-color-disabled-foreground)}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .1s ease-out}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateY(5px);opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease-out!important}.fade-enter-from,.fade-leave-to{opacity:0}.loading-indicator[data-v-f8c39e0b]{display:flex;justify-content:center;align-items:center;height:100px;font-size:1.2em;color:#666}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(63 131 248 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(63 131 248 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,Outfit,PTSans,Roboto,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,Consolas,monospace;font-feature-settings:normal;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:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.tooltip-arrow,.tooltip-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.tooltip-arrow{visibility:hidden}.tooltip-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}[data-tooltip-style^=light]+.tooltip>.tooltip-arrow:before{border-style:solid;border-color:#e5e7eb}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=top]>.tooltip-arrow:before{border-bottom-width:1px;border-right-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=right]>.tooltip-arrow:before{border-bottom-width:1px;border-left-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=bottom]>.tooltip-arrow:before{border-top-width:1px;border-left-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=left]>.tooltip-arrow:before{border-top-width:1px;border-right-width:1px}.tooltip[data-popper-placement^=top]>.tooltip-arrow{bottom:-4px}.tooltip[data-popper-placement^=bottom]>.tooltip-arrow{top:-4px}.tooltip[data-popper-placement^=left]>.tooltip-arrow{right:-4px}.tooltip[data-popper-placement^=right]>.tooltip-arrow{left:-4px}.tooltip.invisible>.tooltip-arrow:before{visibility:hidden}[data-popper-arrow],[data-popper-arrow]:before{position:absolute;width:8px;height:8px;background:inherit}[data-popper-arrow]{visibility:hidden}[data-popper-arrow]:before{content:"";visibility:visible;transform:rotate(45deg)}[data-popper-arrow]:after{content:"";visibility:visible;transform:rotate(45deg);position:absolute;width:9px;height:9px;background:inherit}[role=tooltip]>[data-popper-arrow]:before{border-style:solid;border-color:#e5e7eb}.dark [role=tooltip]>[data-popper-arrow]:before{border-style:solid;border-color:#4b5563}[role=tooltip]>[data-popper-arrow]:after{border-style:solid;border-color:#e5e7eb}.dark [role=tooltip]>[data-popper-arrow]:after{border-style:solid;border-color:#4b5563}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:before{border-bottom-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:after{border-bottom-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:before{border-bottom-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:after{border-bottom-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:before{border-top-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:after{border-top-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:before{border-top-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:after{border-top-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]{bottom:-5px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]{top:-5px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]{right:-5px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]{left:-5px}[role=tooltip].invisible>[data-popper-arrow]:before{visibility:hidden}[role=tooltip].invisible>[data-popper-arrow]:after{visibility:hidden}[type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #1C64F2;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#1c64f2}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}select:not([size]){background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:.75em .75em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple]{background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#1c64f2;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #1C64F2;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked,.dark [type=checkbox]:checked,.dark [type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:.55em .55em;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");background-repeat:no-repeat;background-size:.55em .55em;-webkit-print-color-adjust:exact;print-color-adjust:exact}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");background-size:1em 1em}.dark [type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");background-size:1em 1em}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");background-color:currentColor;border-color:transparent;background-position:center;background-repeat:no-repeat;background-size:.55em .55em;-webkit-print-color-adjust:exact;print-color-adjust:exact}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px auto inherit}input[type=file]::file-selector-button{color:#fff;background:#1f2937;border:0;font-weight:500;font-size:.875rem;cursor:pointer;padding:.625rem 1rem .625rem 2rem;margin-inline-start:-1rem;margin-inline-end:1rem}input[type=file]::file-selector-button:hover{background:#374151}.dark input[type=file]::file-selector-button{color:#fff;background:#4b5563}.dark input[type=file]::file-selector-button:hover{background:#6b7280}input[type=range]::-webkit-slider-thumb{height:1.25rem;width:1.25rem;background:#1c64f2;border-radius:9999px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}input[type=range]:disabled::-webkit-slider-thumb{background:#9ca3af}.dark input[type=range]:disabled::-webkit-slider-thumb{background:#6b7280}input[type=range]:focus::-webkit-slider-thumb{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1px;--tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity))}input[type=range]::-moz-range-thumb{height:1.25rem;width:1.25rem;background:#1c64f2;border-radius:9999px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}input[type=range]:disabled::-moz-range-thumb{background:#9ca3af}.dark input[type=range]:disabled::-moz-range-thumb{background:#6b7280}input[type=range]::-moz-range-progress{background:#3f83f8}input[type=range]::-ms-fill-lower{background:#3f83f8}.toggle-bg:after{content:"";position:absolute;top:.125rem;left:.125rem;background:#fff;border-color:#d1d5db;border-width:1px;border-radius:9999px;height:1.25rem;width:1.25rem;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;box-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)}input:checked+.toggle-bg:after{transform:translate(100%);border-color:#fff}input:checked+.toggle-bg{background:#1c64f2;border-color:#1c64f2}*{scrollbar-color:initial;scrollbar-width:initial}body{min-height:100vh;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #e0eaff var(--tw-gradient-from-position);--tw-gradient-to: rgb(224 234 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #f0e6ff var(--tw-gradient-to-position)}body:is(.dark *){background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #0f2647 var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 38 71 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #1e1b4b var(--tw-gradient-to-position)}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.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}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-1{top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.-bottom-0\.5{bottom:-.125rem}.-bottom-1{bottom:-.25rem}.-bottom-1\.5{bottom:-.375rem}.-bottom-2{bottom:-.5rem}.-bottom-4{bottom:-1rem}.-left-1\.5{left:-.375rem}.-right-0\.5{right:-.125rem}.-right-1{right:-.25rem}.-right-1\.5{right:-.375rem}.-top-1\.5{top:-.375rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.bottom-16{bottom:4rem}.bottom-2{bottom:.5rem}.bottom-2\.5{bottom:.625rem}.bottom-20{bottom:5rem}.bottom-4{bottom:1rem}.bottom-5{bottom:1.25rem}.bottom-6{bottom:1.5rem}.bottom-\[60px\]{bottom:60px}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-2\.5{left:.625rem}.left-20{left:5rem}.left-3{left:.75rem}.right-0{right:0}.right-2{right:.5rem}.right-2\.5{right:.625rem}.right-20{right:5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-20{top:5rem}.top-3{top:.75rem}.top-full{top:100%}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.float-left{float:left}.float-none{float:none}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.clear-none{clear:none}.-m-1{margin:-.25rem}.-m-2{margin:-.5rem}.-m-4{margin:-1rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-4{margin:1rem}.-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.-my-1\.5{margin-top:-.375rem;margin-bottom:-.375rem}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.inline-table{display:inline-table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.h-0{height:0px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-4\/5{height:80%}.h-48{height:12rem}.h-5{height:1.25rem}.h-5\/6{height:83.333333%}.h-56{height:14rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[200px\]{height:200px}.h-\[400px\]{height:400px}.h-auto{height:auto}.h-full{height:100%}.h-modal{height:calc(100% - 2rem)}.h-px{height:1px}.h-screen{height:100vh}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-\[400px\]{max-height:400px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-\[200px\]{min-height:200px}.min-h-\[220px\]{min-height:220px}.min-h-\[500px\]{min-height:500px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-36{width:9rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[15rem\]{width:15rem}.w-\[16rem\]{width:16rem}.w-\[300px\]{width:300px}.w-\[500px\]{width:500px}.w-\[this-is\\\\\]{width:this-is\\}.w-\[this-is\]{width:this-is}.w-\[weird-and-invalid\]{width:weird-and-invalid}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.min-w-96,.min-w-\[24rem\]{min-width:24rem}.min-w-\[300px\]{min-width:300px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[24rem\]{max-width:24rem}.max-w-\[300px\]{max-width:300px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.grow{flex-grow:1}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.origin-left{transform-origin:left}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-0{--tw-scale-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\!transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform,.transform-cpu{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-none{transform:none}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-auto{touch-action:auto}.touch-none{touch-action:none}.touch-pan-x{--tw-pan-x: pan-x;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-left{--tw-pan-x: pan-left;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-right{--tw-pan-x: pan-right;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-y{--tw-pan-y: pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-up{--tw-pan-y: pan-up;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-down{--tw-pan-y: pan-down;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pinch-zoom{--tw-pinch-zoom: pinch-zoom;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.resize-none{resize:none}.resize-y{resize:vertical}.resize-x{resize:horizontal}.resize{resize:both}.snap-none{scroll-snap-type:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-both{scroll-snap-type:both var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness: mandatory}.snap-proximity{--tw-scroll-snap-strictness: proximity}.snap-start{scroll-snap-align:start}.snap-end{scroll-snap-align:end}.snap-center{scroll-snap-align:center}.snap-align-none{scroll-snap-align:none}.snap-normal{scroll-snap-stop:normal}.snap-always{scroll-snap-stop:always}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.break-before-auto{-moz-column-break-before:auto;break-before:auto}.break-before-avoid{-moz-column-break-before:avoid;break-before:avoid}.break-before-all{-moz-column-break-before:all;break-before:all}.break-before-avoid-page{-moz-column-break-before:avoid;break-before:avoid-page}.break-before-page{-moz-column-break-before:page;break-before:page}.break-before-left{-moz-column-break-before:left;break-before:left}.break-before-right{-moz-column-break-before:right;break-before:right}.break-before-column{-moz-column-break-before:column;break-before:column}.break-inside-auto{-moz-column-break-inside:auto;break-inside:auto}.break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid}.break-inside-avoid-page{break-inside:avoid-page}.break-inside-avoid-column{-moz-column-break-inside:avoid;break-inside:avoid-column}.break-after-auto{-moz-column-break-after:auto;break-after:auto}.break-after-avoid{-moz-column-break-after:avoid;break-after:avoid}.break-after-all{-moz-column-break-after:all;break-after:all}.break-after-avoid-page{-moz-column-break-after:avoid;break-after:avoid-page}.break-after-page{-moz-column-break-after:page;break-after:page}.break-after-left{-moz-column-break-after:left;break-after:left}.break-after-right{-moz-column-break-after:right;break-after:right}.break-after-column{-moz-column-break-after:column;break-after:column}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row-dense{grid-auto-flow:row dense}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.place-content-center{place-content:center}.place-content-start{place-content:start}.place-content-end{place-content:end}.place-content-between{place-content:space-between}.place-content-around{place-content:space-around}.place-content-evenly{place-content:space-evenly}.place-content-baseline{place-content:baseline}.place-content-stretch{place-content:stretch}.place-items-start{place-items:start}.place-items-end{place-items:end}.place-items-center{place-items:center}.place-items-baseline{place-items:baseline}.place-items-stretch{place-items:stretch}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.content-baseline{align-content:baseline}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.justify-items-stretch{justify-items:stretch}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-1rem * var(--tw-space-x-reverse));margin-left:calc(-1rem * calc(1 - var(--tw-space-x-reverse)))}.-space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-1px * var(--tw-space-x-reverse));margin-left:calc(-1px * calc(1 - var(--tw-space-x-reverse)))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 1}.space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 1}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-y-reverse>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 1}.divide-x-reverse>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 1}.divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.divide-dashed>:not([hidden])~:not([hidden]){border-style:dashed}.divide-dotted>:not([hidden])~:not([hidden]){border-style:dotted}.divide-double>:not([hidden])~:not([hidden]){border-style:double}.divide-none>:not([hidden])~:not([hidden]){border-style:none}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity))}.place-self-auto{place-self:auto}.place-self-start{place-self:start}.place-self-end{place-self:end}.place-self-center{place-self:center}.place-self-stretch{place-self:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-clip{overflow-x:clip}.overflow-y-clip{overflow-y:clip}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.overscroll-auto{overscroll-behavior:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.overscroll-y-auto{overscroll-behavior-y:auto}.overscroll-y-contain{overscroll-behavior-y:contain}.overscroll-y-none{overscroll-behavior-y:none}.overscroll-x-auto{overscroll-behavior-x:auto}.overscroll-x-contain{overscroll-behavior-x:contain}.overscroll-x-none{overscroll-behavior-x:none}.scroll-auto{scroll-behavior:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-ellipsis,.text-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.\!rounded-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.rounded-bl{border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-x{border-left-width:1px;border-right-width:1px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0px}.border-t-2{border-top-width:2px}.border-t-4{border-top-width:4px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-hidden{border-style:hidden}.border-none{border-style:none}.border-bg-dark{border-color:var(--color-bg-dark)}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(195 221 253 / var(--tw-border-opacity))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(164 202 254 / var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(63 131 248 / var(--tw-border-opacity))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(28 100 242 / var(--tw-border-opacity))}.border-blue-700{--tw-border-opacity: 1;border-color:rgb(26 86 219 / var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(14 159 110 / var(--tw-border-opacity))}.border-green-600{--tw-border-opacity: 1;border-color:rgb(5 122 85 / var(--tw-border-opacity))}.border-green-700{--tw-border-opacity: 1;border-color:rgb(4 108 78 / var(--tw-border-opacity))}.border-pink-600{--tw-border-opacity: 1;border-color:rgb(214 31 105 / var(--tw-border-opacity))}.border-pink-700{--tw-border-opacity: 1;border-color:rgb(191 18 93 / var(--tw-border-opacity))}.border-primary{border-color:var(--color-primary)}.border-primary-light{border-color:var(--color-primary-light)}.border-purple-600{--tw-border-opacity: 1;border-color:rgb(126 58 242 / var(--tw-border-opacity))}.border-purple-700{--tw-border-opacity: 1;border-color:rgb(108 43 217 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(240 82 82 / var(--tw-border-opacity))}.border-red-600{--tw-border-opacity: 1;border-color:rgb(224 36 36 / var(--tw-border-opacity))}.border-red-700{--tw-border-opacity: 1;border-color:rgb(200 30 30 / var(--tw-border-opacity))}.border-secondary{border-color:var(--color-secondary)}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(227 160 8 / var(--tw-border-opacity))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(194 120 3 / var(--tw-border-opacity))}.bg-\[rgb\(255\,0\,0\)\]{--tw-bg-opacity: 1;background-color:rgb(255 0 0 / var(--tw-bg-opacity))}.bg-accent{background-color:var(--color-accent)}.bg-bg-dark-tone-panel{background-color:var(--color-bg-dark-tone-panel)}.bg-bg-light{background-color:var(--color-bg-light)}.bg-bg-light-tone{background-color:var(--color-bg-light-tone)}.bg-bg-light-tone-panel{background-color:var(--color-bg-light-tone-panel)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(118 169 250 / var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(235 245 255 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.bg-blue-700{--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(222 247 236 / var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity: 1;background-color:rgb(188 240 218 / var(--tw-bg-opacity))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(49 196 141 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(14 159 110 / var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(5 122 85 / var(--tw-bg-opacity))}.bg-green-700{--tw-bg-opacity: 1;background-color:rgb(4 108 78 / var(--tw-bg-opacity))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(229 237 255 / var(--tw-bg-opacity))}.bg-indigo-200{--tw-bg-opacity: 1;background-color:rgb(205 219 254 / var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(104 117 245 / var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(88 80 236 / var(--tw-bg-opacity))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(254 236 220 / var(--tw-bg-opacity))}.bg-pink-100{--tw-bg-opacity: 1;background-color:rgb(252 232 243 / var(--tw-bg-opacity))}.bg-pink-200{--tw-bg-opacity: 1;background-color:rgb(250 209 232 / var(--tw-bg-opacity))}.bg-pink-700{--tw-bg-opacity: 1;background-color:rgb(191 18 93 / var(--tw-bg-opacity))}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(237 235 254 / var(--tw-bg-opacity))}.bg-purple-200{--tw-bg-opacity: 1;background-color:rgb(220 215 254 / var(--tw-bg-opacity))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(144 97 249 / var(--tw-bg-opacity))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(126 58 242 / var(--tw-bg-opacity))}.bg-purple-700{--tw-bg-opacity: 1;background-color:rgb(108 43 217 / var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(253 232 232 / var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity: 1;background-color:rgb(251 213 213 / var(--tw-bg-opacity))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(249 128 128 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(240 82 82 / var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(224 36 36 / var(--tw-bg-opacity))}.bg-red-700{--tw-bg-opacity: 1;background-color:rgb(200 30 30 / var(--tw-bg-opacity))}.bg-secondary{background-color:var(--color-secondary)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-white\/30{background-color:#ffffff4d}.bg-white\/50{background-color:#ffffff80}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(253 246 178 / var(--tw-bg-opacity))}.bg-yellow-200{--tw-bg-opacity: 1;background-color:rgb(252 233 106 / var(--tw-bg-opacity))}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(227 160 8 / var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-70{--tw-bg-opacity: .7}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-bg-light{--tw-gradient-from: var(--color-bg-light) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500\/10{--tw-gradient-from: rgb(63 131 248 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-400{--tw-gradient-from: #31C48D var(--tw-gradient-from-position);--tw-gradient-to: rgb(49 196 141 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #0E9F6E var(--tw-gradient-from-position);--tw-gradient-to: rgb(14 159 110 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from: #5850EC var(--tw-gradient-from-position);--tw-gradient-to: rgb(88 80 236 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-lime-500{--tw-gradient-from: #84cc16 var(--tw-gradient-from-position);--tw-gradient-to: rgb(132 204 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from: #E74694 var(--tw-gradient-from-position);--tw-gradient-to: rgb(231 70 148 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #9061F9 var(--tw-gradient-from-position);--tw-gradient-to: rgb(144 97 249 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from: #7E3AF2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(126 58 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-200{--tw-gradient-from: #FBD5D5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 213 213 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from: #F05252 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 82 82 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-200{--tw-gradient-from: #AFECEF var(--tw-gradient-from-position);--tw-gradient-to: rgb(175 236 239 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-300{--tw-gradient-from: #7EDCE2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(126 220 226 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-500{--tw-gradient-from: #0694A2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 148 162 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-5\%{--tw-gradient-from-position: 5%}.via-bg-light{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--color-bg-light) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-blue-600{--tw-gradient-to: rgb(28 100 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #1C64F2 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-cyan-600{--tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #0891b2 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-green-600{--tw-gradient-to: rgb(5 122 85 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #057A55 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-lime-600{--tw-gradient-to: rgb(101 163 13 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #65a30d var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-pink-600{--tw-gradient-to: rgb(214 31 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #D61F69 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-600{--tw-gradient-to: rgb(126 58 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #7E3AF2 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-red-300{--tw-gradient-to: rgb(248 180 180 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #F8B4B4 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-red-600{--tw-gradient-to: rgb(224 36 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #E02424 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-teal-600{--tw-gradient-to: rgb(4 116 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #047481 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-10\%{--tw-gradient-via-position: 10%}.to-blue-500{--tw-gradient-to: #3F83F8 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #1C64F2 var(--tw-gradient-to-position)}.to-blue-700{--tw-gradient-to: #1A56DB var(--tw-gradient-to-position)}.to-cyan-700{--tw-gradient-to: #0e7490 var(--tw-gradient-to-position)}.to-green-700{--tw-gradient-to: #046C4E var(--tw-gradient-to-position)}.to-lime-200{--tw-gradient-to: #d9f99d var(--tw-gradient-to-position)}.to-lime-300{--tw-gradient-to: #bef264 var(--tw-gradient-to-position)}.to-lime-700{--tw-gradient-to: #4d7c0f var(--tw-gradient-to-position)}.to-orange-400{--tw-gradient-to: #FF8A4C var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #E74694 var(--tw-gradient-to-position)}.to-pink-700{--tw-gradient-to: #BF125D var(--tw-gradient-to-position)}.to-purple-500\/10{--tw-gradient-to: rgb(144 97 249 / .1) var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #7E3AF2 var(--tw-gradient-to-position)}.to-purple-700{--tw-gradient-to: #6C2BD9 var(--tw-gradient-to-position)}.to-red-700{--tw-gradient-to: #C81E1E var(--tw-gradient-to-position)}.to-teal-700{--tw-gradient-to: #036672 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-yellow-200{--tw-gradient-to: #FCE96A var(--tw-gradient-to-position)}.to-100\%{--tw-gradient-to-position: 100%}.decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.box-decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.bg-fixed{background-attachment:fixed}.bg-local{background-attachment:local}.bg-scroll{background-attachment:scroll}.bg-clip-border{background-clip:border-box}.bg-clip-padding{background-clip:padding-box}.bg-clip-content{background-clip:content-box}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-repeat{background-repeat:repeat}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat-x{background-repeat:repeat-x}.bg-repeat-y{background-repeat:repeat-y}.bg-repeat-round{background-repeat:round}.bg-repeat-space{background-repeat:space}.bg-origin-border{background-origin:border-box}.bg-origin-padding{background-origin:padding-box}.bg-origin-content{background-origin:content-box}.fill-blue-600{fill:#1c64f2}.fill-current{fill:currentColor}.fill-gray-300{fill:#d1d5db}.fill-gray-600{fill:#4b5563}.fill-green-500{fill:#0e9f6e}.fill-pink-600{fill:#d61f69}.fill-purple-600{fill:#7e3af2}.fill-red-600{fill:#e02424}.fill-secondary{fill:var(--color-secondary)}.fill-white{fill:#fff}.fill-yellow-400{fill:#e3a008}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-80{padding-bottom:20rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-start{text-align:start}.text-end{text-align:end}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.align-text-top{vertical-align:text-top}.align-text-bottom{vertical-align:text-bottom}.align-sub{vertical-align:sub}.align-super{vertical-align:super}.font-mono{font-family:JetBrains Mono,Consolas,monospace}.font-sans{font-family:Inter,Outfit,PTSans,Roboto,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.not-italic{font-style:normal}.normal-nums{font-variant-numeric:normal}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.slashed-zero{--tw-slashed-zero: slashed-zero;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.lining-nums{--tw-numeric-figure: lining-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.oldstyle-nums{--tw-numeric-figure: oldstyle-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.proportional-nums{--tw-numeric-spacing: proportional-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.diagonal-fractions{--tw-numeric-fraction: diagonal-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.stacked-fractions{--tw-numeric-fraction: stacked-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-6{line-height:1.5rem}.leading-9{line-height:2.25rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-\[\#336699\]\/\[\.35\]{color:#33669959}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-blue-100{--tw-text-opacity: 1;color:rgb(225 239 254 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}.text-blue-700{--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-green-200{--tw-text-opacity: 1;color:rgb(188 240 218 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(14 159 110 / var(--tw-text-opacity))}.text-green-600{--tw-text-opacity: 1;color:rgb(5 122 85 / var(--tw-text-opacity))}.text-green-700{--tw-text-opacity: 1;color:rgb(4 108 78 / var(--tw-text-opacity))}.text-green-800{--tw-text-opacity: 1;color:rgb(3 84 63 / var(--tw-text-opacity))}.text-green-900{--tw-text-opacity: 1;color:rgb(1 71 55 / var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(104 117 245 / var(--tw-text-opacity))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(81 69 205 / var(--tw-text-opacity))}.text-indigo-800{--tw-text-opacity: 1;color:rgb(66 56 157 / var(--tw-text-opacity))}.text-indigo-900{--tw-text-opacity: 1;color:rgb(54 47 120 / var(--tw-text-opacity))}.text-light-text-panel{color:var(--color-light-text-panel)}.text-orange-200{--tw-text-opacity: 1;color:rgb(252 217 189 / var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity: 1;color:rgb(255 90 31 / var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity: 1;color:rgb(208 56 1 / var(--tw-text-opacity))}.text-pink-500{--tw-text-opacity: 1;color:rgb(231 70 148 / var(--tw-text-opacity))}.text-pink-600{--tw-text-opacity: 1;color:rgb(214 31 105 / var(--tw-text-opacity))}.text-pink-700{--tw-text-opacity: 1;color:rgb(191 18 93 / var(--tw-text-opacity))}.text-pink-800{--tw-text-opacity: 1;color:rgb(153 21 75 / var(--tw-text-opacity))}.text-pink-900{--tw-text-opacity: 1;color:rgb(117 26 61 / var(--tw-text-opacity))}.text-purple-500{--tw-text-opacity: 1;color:rgb(144 97 249 / var(--tw-text-opacity))}.text-purple-600{--tw-text-opacity: 1;color:rgb(126 58 242 / var(--tw-text-opacity))}.text-purple-700{--tw-text-opacity: 1;color:rgb(108 43 217 / var(--tw-text-opacity))}.text-purple-800{--tw-text-opacity: 1;color:rgb(85 33 181 / var(--tw-text-opacity))}.text-purple-900{--tw-text-opacity: 1;color:rgb(74 29 150 / var(--tw-text-opacity))}.text-red-100{--tw-text-opacity: 1;color:rgb(253 232 232 / var(--tw-text-opacity))}.text-red-200{--tw-text-opacity: 1;color:rgb(251 213 213 / var(--tw-text-opacity))}.text-red-400{--tw-text-opacity: 1;color:rgb(249 128 128 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(240 82 82 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(224 36 36 / var(--tw-text-opacity))}.text-red-700{--tw-text-opacity: 1;color:rgb(200 30 30 / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(155 28 28 / var(--tw-text-opacity))}.text-red-900{--tw-text-opacity: 1;color:rgb(119 29 29 / var(--tw-text-opacity))}.text-secondary{color:var(--color-secondary)}.text-slate-50{--tw-text-opacity: 1;color:rgb(248 250 252 / var(--tw-text-opacity))}.text-slate-950{--tw-text-opacity: 1;color:rgb(2 6 23 / var(--tw-text-opacity))}.text-teal-500{--tw-text-opacity: 1;color:rgb(6 148 162 / var(--tw-text-opacity))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(227 160 8 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(194 120 3 / var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(142 75 16 / var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(114 59 19 / var(--tw-text-opacity))}.text-yellow-900{--tw-text-opacity: 1;color:rgb(99 49 18 / var(--tw-text-opacity))}.text-opacity-95{--tw-text-opacity: .95}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.decoration-solid{text-decoration-style:solid}.decoration-double{text-decoration-style:double}.decoration-dotted{text-decoration-style:dotted}.decoration-dashed{text-decoration-style:dashed}.decoration-wavy{text-decoration-style:wavy}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.bg-blend-normal{background-blend-mode:normal}.bg-blend-multiply{background-blend-mode:multiply}.bg-blend-screen{background-blend-mode:screen}.bg-blend-overlay{background-blend-mode:overlay}.bg-blend-darken{background-blend-mode:darken}.bg-blend-lighten{background-blend-mode:lighten}.bg-blend-color-dodge{background-blend-mode:color-dodge}.bg-blend-color-burn{background-blend-mode:color-burn}.bg-blend-hard-light{background-blend-mode:hard-light}.bg-blend-soft-light{background-blend-mode:soft-light}.bg-blend-difference{background-blend-mode:difference}.bg-blend-exclusion{background-blend-mode:exclusion}.bg-blend-hue{background-blend-mode:hue}.bg-blend-saturation{background-blend-mode:saturation}.bg-blend-color{background-blend-mode:color}.bg-blend-luminosity{background-blend-mode:luminosity}.mix-blend-normal{mix-blend-mode:normal}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-screen{mix-blend-mode:screen}.mix-blend-overlay{mix-blend-mode:overlay}.mix-blend-darken{mix-blend-mode:darken}.mix-blend-lighten{mix-blend-mode:lighten}.mix-blend-color-dodge{mix-blend-mode:color-dodge}.mix-blend-color-burn{mix-blend-mode:color-burn}.mix-blend-hard-light{mix-blend-mode:hard-light}.mix-blend-soft-light{mix-blend-mode:soft-light}.mix-blend-difference{mix-blend-mode:difference}.mix-blend-exclusion{mix-blend-mode:exclusion}.mix-blend-hue{mix-blend-mode:hue}.mix-blend-saturation{mix-blend-mode:saturation}.mix-blend-color{mix-blend-mode:color}.mix-blend-luminosity{mix-blend-mode:luminosity}.mix-blend-plus-lighter{mix-blend-mode:plus-lighter}.\!shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-blue-500\/50{--tw-shadow-color: rgb(63 131 248 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-blue-800\/80{--tw-shadow-color: rgb(30 66 159 / .8);--tw-shadow: var(--tw-shadow-colored)}.shadow-cyan-500\/50{--tw-shadow-color: rgb(6 182 212 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-cyan-800\/80{--tw-shadow-color: rgb(21 94 117 / .8);--tw-shadow: var(--tw-shadow-colored)}.shadow-green-500\/50{--tw-shadow-color: rgb(14 159 110 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-green-800\/80{--tw-shadow-color: rgb(3 84 63 / .8);--tw-shadow: var(--tw-shadow-colored)}.shadow-lime-500\/50{--tw-shadow-color: rgb(132 204 22 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-lime-800\/80{--tw-shadow-color: rgb(63 98 18 / .8);--tw-shadow: var(--tw-shadow-colored)}.shadow-pink-500\/50{--tw-shadow-color: rgb(231 70 148 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-pink-800\/80{--tw-shadow-color: rgb(153 21 75 / .8);--tw-shadow: var(--tw-shadow-colored)}.shadow-purple-500\/50{--tw-shadow-color: rgb(144 97 249 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-purple-800\/80{--tw-shadow-color: rgb(85 33 181 / .8);--tw-shadow: var(--tw-shadow-colored)}.shadow-red-500\/50{--tw-shadow-color: rgb(240 82 82 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-red-800\/80{--tw-shadow-color: rgb(155 28 28 / .8);--tw-shadow: var(--tw-shadow-colored)}.shadow-teal-500\/50{--tw-shadow-color: rgb(6 148 162 / .5);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-dashed{outline-style:dashed}.outline-dotted{outline-style:dotted}.outline-double{outline-style:double}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))}.ring-blue-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity))}.ring-cyan-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(21 94 117 / var(--tw-ring-opacity))}.ring-gray-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity))}.ring-gray-600{--tw-ring-opacity: 1;--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity))}.ring-gray-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity))}.ring-green-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity))}.ring-pink-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(153 21 75 / var(--tw-ring-opacity))}.ring-pink-900{--tw-ring-opacity: 1;--tw-ring-color: rgb(117 26 61 / var(--tw-ring-opacity))}.ring-purple-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(85 33 181 / var(--tw-ring-opacity))}.ring-purple-900{--tw-ring-opacity: 1;--tw-ring-color: rgb(74 29 150 / var(--tw-ring-opacity))}.ring-red-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity))}.ring-red-900{--tw-ring-opacity: 1;--tw-ring-color: rgb(119 29 29 / var(--tw-ring-opacity))}.ring-opacity-5{--tw-ring-opacity: .05}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));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)}.grayscale{--tw-grayscale: grayscale(100%);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)}.invert{--tw-invert: invert(100%);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)}.sepia{--tw-sepia: sepia(100%);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{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)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter-none{filter:none}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-grayscale{--tw-backdrop-grayscale: grayscale(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-invert{--tw-backdrop-invert: invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-sepia{--tw-backdrop-sepia: sepia(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter-none{-webkit-backdrop-filter:none;backdrop-filter:none}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{--tw-content: "this-is-also-valid]-weirdly-enough";content:var(--tw-content)}.scrollbar{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}.scrollbar::-webkit-scrollbar{display:block;width:var(--scrollbar-width, 16px);height:var(--scrollbar-height, 16px)}.scrollbar-thin::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.scrollbar-thin::-webkit-scrollbar-track:hover{background-color:var(--scrollbar-track-hover, var(--scrollbar-track))}.scrollbar-thin::-webkit-scrollbar-track:active{background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))}.scrollbar-thin::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))}.scrollbar-thin::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.scrollbar-thin::-webkit-scrollbar-corner:hover{background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))}.scrollbar-thin::-webkit-scrollbar-corner:active{background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}.scrollbar-thin::-webkit-scrollbar{display:block;width:8px;height:8px}.scrollbar-track-bg-light{--scrollbar-track: var(--color-bg-light) !important}.scrollbar-track-bg-light-tone{--scrollbar-track: var(--color-bg-light-tone) !important}.scrollbar-track-blue-100{--scrollbar-track: #E1EFFE !important}.scrollbar-track-gray-200{--scrollbar-track: #E5E7EB !important}.scrollbar-thumb-bg-light-tone{--scrollbar-thumb: var(--color-bg-light-tone) !important}.scrollbar-thumb-bg-light-tone-panel{--scrollbar-thumb: var(--color-bg-light-tone-panel) !important}.scrollbar-thumb-blue-500{--scrollbar-thumb: #3F83F8 !important}.scrollbar-thumb-gray-400{--scrollbar-thumb: #9CA3AF !important}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.display-none{display:none}h1{margin-bottom:1.5rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity))}h1:is(.dark *){--tw-text-opacity: 1;color:rgb(225 239 254 / var(--tw-text-opacity))}@media (min-width: 768px){h1{font-size:3rem;line-height:1}}h2{margin-bottom:1rem;font-size:1.875rem;line-height:2.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}h2:is(.dark *){--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}h3{margin-bottom:.75rem;font-size:1.5rem;line-height:2rem;font-weight:500;--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}h3:is(.dark *){--tw-text-opacity: 1;color:rgb(164 202 254 / var(--tw-text-opacity))}h4{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}h4:is(.dark *){--tw-text-opacity: 1;color:rgb(118 169 250 / var(--tw-text-opacity))}h1,h2{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(164 202 254 / var(--tw-border-opacity));padding-bottom:.5rem}h1:is(.dark *),h2:is(.dark *){--tw-border-opacity: 1;border-color:rgb(28 100 242 / var(--tw-border-opacity))}p{overflow-wrap:break-word;font-family:Inter,Outfit,PTSans,Roboto,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:1rem;line-height:1.5rem;line-height:1.625;letter-spacing:-.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p:is(.dark *){--tw-text-opacity: 1;color:rgb(164 202 254 / var(--tw-text-opacity))}@media (min-width: 768px){p{font-size:1.125rem;line-height:1.75rem;line-height:2}}ul,ol{margin-top:1rem;margin-bottom:1rem;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.75rem}ul{margin-left:.5rem;list-style-type:disc}ul>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}li{position:relative;padding-left:.5rem}ol{margin-left:.5rem;list-style-type:decimal}ol>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}ul ul,ol ol,ul ol,ol ul{margin-top:.5rem;margin-bottom:0;margin-left:1.5rem}li::marker{color:#4b5563}:root{--color-primary: #4a90e2;--color-primary-light: #6ab7f1;--color-secondary: #8ab8e0;--color-accent: #3a7ca1;--color-light-text-panel: #ffffff;--color-dark-text-panel: #e0e0e0;--color-bg-light-panel: #f0faff;--color-bg-light: #ffffff;--color-bg-light-tone: #e0f0ff;--color-bg-light-code-block: #f5faff;--color-bg-light-tone-panel: #d0e0f0;--color-bg-light-discussion: #f8faff;--color-bg-light-discussion-odd: #f0faff;--color-bg-dark: #0a0a1a;--color-bg-dark-tone: #151521;--color-bg-dark-tone-panel: #1c1c2a;--color-bg-dark-code-block: #151521;--color-bg-dark-discussion: #0e0e1a;--color-bg-dark-discussion-odd: #0d0d1a}textarea,input,select{--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity))}textarea:is(.dark *),input:is(.dark *),select:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(35 56 118 / var(--tw-bg-opacity))}.background-color{min-height:100vh;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #E1EFFE var(--tw-gradient-from-position);--tw-gradient-to: rgb(225 239 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #CABFFD var(--tw-gradient-to-position)}.background-color:is(.dark *){--tw-gradient-from: #1E429F var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 66 159 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #4A1D96 var(--tw-gradient-to-position)}.toolbar-color{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.toolbar-color:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}.panels-color{--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.panels-color:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}.unicolor-panels-color{--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity))}.unicolor-panels-color:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.message{position:relative;margin:.5rem;display:flex;width:100%;flex-grow:1;flex-direction:column;flex-wrap:wrap;overflow:visible;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(164 202 254 / var(--tw-border-opacity));padding:1.25rem 1.25rem .75rem;font-size:1.125rem;line-height:1.75rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.message:is(.dark *){--tw-border-opacity: 1;border-color:rgb(28 100 242 / var(--tw-border-opacity))}.message{--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(35 56 118 / var(--tw-text-opacity))}.message:is(.dark *){background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #233876 var(--tw-gradient-from-position);--tw-gradient-to: rgb(35 56 118 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #1E429F var(--tw-gradient-to-position);--tw-text-opacity: 1;color:rgb(225 239 254 / var(--tw-text-opacity))}.message:hover{--tw-border-opacity: 1;border-color:rgb(118 169 250 / var(--tw-border-opacity))}.message:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(63 131 248 / var(--tw-border-opacity))}.message:nth-child(2n){--tw-bg-opacity: 1;background-color:rgb(235 245 255 / var(--tw-bg-opacity))}.message:nth-child(2n):is(.dark *){--tw-bg-opacity: 1;background-color:rgb(35 56 118 / var(--tw-bg-opacity))}.message:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity))}.message:nth-child(odd):is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity))}.message-header{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.message-content{font-size:1.125rem;line-height:1.75rem;line-height:1.625}body{min-height:100vh;--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity));font-size:1rem;line-height:1.5rem}body:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(35 56 118 / var(--tw-bg-opacity))}.discussion{margin-right:.5rem;font-size:.75rem;line-height:1rem}.discussion:hover{--tw-bg-opacity: 1;background-color:rgb(164 202 254 / var(--tw-bg-opacity))}.discussion-hilighted{--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity));font-size:.75rem;line-height:1rem}.discussion-hilighted:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity))}.bg-gradient-welcome{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #E1EFFE var(--tw-gradient-from-position);--tw-gradient-to: rgb(225 239 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #CABFFD var(--tw-gradient-to-position)}.bg-gradient-welcome:is(.dark *){--tw-gradient-from: #1E429F var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 66 159 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #4A1D96 var(--tw-gradient-to-position)}.bg-gradient-progress{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #C3DDFD var(--tw-gradient-from-position);--tw-gradient-to: rgb(195 221 253 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #A4CAFE var(--tw-gradient-to-position)}.bg-gradient-progress:is(.dark *){--tw-gradient-from: #1A56DB var(--tw-gradient-from-position);--tw-gradient-to: rgb(26 86 219 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #1C64F2 var(--tw-gradient-to-position)}.text-gradient-title{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #1A56DB var(--tw-gradient-from-position);--tw-gradient-to: rgb(26 86 219 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #3F83F8 var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-title:is(.dark *){--tw-gradient-from: #A4CAFE var(--tw-gradient-from-position);--tw-gradient-to: rgb(164 202 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #3F83F8 var(--tw-gradient-to-position)}.text-subtitle{--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}.text-subtitle:is(.dark *){--tw-text-opacity: 1;color:rgb(118 169 250 / var(--tw-text-opacity))}.text-author{--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}.text-author:is(.dark *){--tw-text-opacity: 1;color:rgb(118 169 250 / var(--tw-text-opacity))}.text-loading{--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.text-loading:is(.dark *){--tw-text-opacity: 1;color:rgb(164 202 254 / var(--tw-text-opacity))}.text-progress{--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}.text-progress:is(.dark *){--tw-text-opacity: 1;color:rgb(118 169 250 / var(--tw-text-opacity))}.btn-primary{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity));padding:.5rem 1rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-secondary{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(118 169 250 / var(--tw-bg-opacity));padding:.5rem 1rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.card{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:1.5rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.card:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity))}.input{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(164 202 254 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity));padding:.5rem 1rem}.input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity))}.input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(28 100 242 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.input:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(118 169 250 / var(--tw-ring-opacity))}.label{margin-bottom:.25rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.label:is(.dark *){--tw-text-opacity: 1;color:rgb(164 202 254 / var(--tw-text-opacity))}.link{--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}.link:hover{--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity))}.link:is(.dark *){--tw-text-opacity: 1;color:rgb(118 169 250 / var(--tw-text-opacity))}.link:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}.navbar-container{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.navbar-container:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}.game-menu{position:relative;display:flex;align-items:center;justify-content:center}.text-shadow-custom{text-shadow:1px 1px 0px #e0e0e0,-1px -1px 0px #e0e0e0,1px -1px 0px #e0e0e0,-1px 1px 0px #e0e0e0}.animated-progressbar-bg{position:relative;height:2.5rem;width:100%;overflow:hidden;border-radius:.125rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #172554 var(--tw-gradient-from-position);--tw-gradient-to: rgb(23 37 84 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #233876 var(--tw-gradient-to-position);--tw-shadow: 0 0 15px rgba(245,158,11,.2);--tw-shadow-colored: 0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.animated-progressbar-bg:is(.dark *){--tw-gradient-from: #000000 var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #172554 var(--tw-gradient-to-position)}.animated-progressbar-fg{position:absolute;top:0;left:0;height:100%;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #76A9FA var(--tw-gradient-to-position);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.animated-progressbar-fg:is(.dark *){--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #3F83F8 var(--tw-gradient-to-position)}.menu-item{margin-bottom:.5rem;padding:.5rem 1rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity));transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.menu-item:is(.dark *){--tw-text-opacity: 1;color:rgb(164 202 254 / var(--tw-text-opacity))}.menu-item:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity))}.menu-item:is(.dark *):hover{--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}.menu-item.active-link{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-top-left-radius:.375rem;border-top-right-radius:.375rem;--tw-border-opacity: 1;border-color:rgb(63 131 248 / var(--tw-border-opacity));font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity));transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);text-shadow:1px 1px 0px #e0e0e0,-1px -1px 0px #e0e0e0,1px -1px 0px #e0e0e0,-1px 1px 0px #e0e0e0}.menu-item.active-link:is(.dark *){--tw-text-opacity: 1;color:rgb(164 202 254 / var(--tw-text-opacity))}.menu-item.active-link:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity: 1;color:rgb(35 56 118 / var(--tw-text-opacity))}.menu-item.active-link:is(.dark *):hover{--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}.menu-item.active-link{text-shadow:0 0 10px rgba(128,128,128,.5)}.menu-item.active-link:before{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:5px;background:linear-gradient(to right,#4a90e2,#8ab8e0,#4a90e2);border-radius:10px;animation:shimmer 2s infinite}.dark .menu-item.active-link:before{background:linear-gradient(to right,#6ab7f1,#aaa,#6ab7f1)}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.feather-emoji{display:inline-block;margin-left:5px;animation:bounce 2s infinite}.app-card{--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.app-card:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.app-card:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(225 239 254 / var(--tw-text-opacity))}.app-card:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}button{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}button:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:#76A9FA #C3DDFD}.dark .scrollbar-thin{scrollbar-color:#1C64F2 #1E429F}.scrollbar-thin::-webkit-scrollbar{width:.5rem}.scrollbar-thin::-webkit-scrollbar-track{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity))}.scrollbar-thin:is(.dark *)::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity))}.scrollbar-thin::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(118 169 250 / var(--tw-bg-opacity))}.scrollbar-thin:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.scrollbar-thin::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.scrollbar-thin:is(.dark *)::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.btn{display:flex;align-items:center;border-radius:.5rem;padding:.5rem 1rem;font-weight:600;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-primary{--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.btn-primary:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity))}.btn-primary:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(28 100 242 / var(--tw-ring-opacity))}.btn-secondary{--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.btn-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(164 202 254 / var(--tw-bg-opacity))}.btn-secondary:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(195 221 253 / var(--tw-ring-opacity))}.btn-secondary:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}.btn-secondary:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.btn-secondary:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(28 100 242 / var(--tw-ring-opacity))}.search-input{width:100%;border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(164 202 254 / var(--tw-border-opacity));background-color:transparent;padding:.5rem 1rem .5rem 2.5rem;--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.search-input:focus{--tw-border-opacity: 1;border-color:rgb(63 131 248 / var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}.search-input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(28 100 242 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(225 239 254 / var(--tw-text-opacity))}.search-input:focus:is(.dark *){--tw-border-opacity: 1;border-color:rgb(118 169 250 / var(--tw-border-opacity))}.scrollbar::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.scrollbar::-webkit-scrollbar-track:hover{background-color:var(--scrollbar-track-hover, var(--scrollbar-track))}.scrollbar::-webkit-scrollbar-track:active{background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))}.scrollbar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))}.scrollbar::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))}.scrollbar::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.scrollbar::-webkit-scrollbar-corner:hover{background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))}.scrollbar::-webkit-scrollbar-corner:active{background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}.scrollbar::-webkit-scrollbar{display:block;width:8px;height:8px}.scrollbar{--scrollbar-track: #C3DDFD;--scrollbar-thumb: #76A9FA;scrollbar-width:thin;scrollbar-color:#76A9FA #C3DDFD}.dark .scrollbar{scrollbar-color:#1C64F2 #1E429F}.scrollbar::-webkit-scrollbar{width:.5rem}.scrollbar::-webkit-scrollbar-track{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity))}.scrollbar:is(.dark *)::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity))}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(118 169 250 / var(--tw-bg-opacity))}.scrollbar:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.scrollbar::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.scrollbar:is(.dark *)::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.scrollbar{--scrollbar-thumb-hover: #3F83F8}.scrollbar:is(.dark *){--scrollbar-track: #1A56DB;--scrollbar-thumb: #1C64F2;--scrollbar-thumb-hover: #3F83F8}.card-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity))}.card-title:is(.dark *){--tw-text-opacity: 1;color:rgb(225 239 254 / var(--tw-text-opacity))}.card-content{--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}.card-content:is(.dark *){--tw-text-opacity: 1;color:rgb(164 202 254 / var(--tw-text-opacity))}.card-footer{margin-top:1rem;display:flex;align-items:center;justify-content:space-between}.card-footer-button{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity));padding:.5rem 1rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.card-footer-button:hover{--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.subcard{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(235 245 255 / var(--tw-bg-opacity));padding:1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.subcard:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity))}.subcard-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity))}.subcard-title:is(.dark *){--tw-text-opacity: 1;color:rgb(225 239 254 / var(--tw-text-opacity))}.subcard-content{--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}.subcard-content:is(.dark *){--tw-text-opacity: 1;color:rgb(164 202 254 / var(--tw-text-opacity))}.subcard-footer{margin-top:1rem;display:flex;align-items:center;justify-content:space-between}.subcard-footer-button{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity));padding:.5rem 1rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.subcard-footer-button:hover{--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.discussion-toolbox{display:flex;--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;gap:.5rem;border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.5rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.group:hover .discussion-toolbox{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.discussion-toolbox:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.lollms-title-style{text-shadow:2px 2px 4px rgba(0,0,0,.2),2px 2px 0px white,-2px -2px 0px white,2px -2px 0px white,-2px 2px 0px white;background:linear-gradient(45deg,#f59e0b,#fbbf24);-webkit-background-clip:text;background-clip:text}.chat-bar{position:relative;display:flex;flex-grow:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:.5rem;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity));padding:.25rem;--tw-text-opacity: 1;color:rgb(49 196 141 / var(--tw-text-opacity));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.chat-bar:hover{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.chat-bar:is(.dark *){--tw-border-opacity: 1;border-color:rgb(4 108 78 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(132 225 188 / var(--tw-text-opacity))}.chat-bar{height:50px;transition:all .3s ease}.chat-bar:hover{box-shadow:0 4px 6px -1px #00ff001a,0 2px 4px -1px #00ff000f}.svg-button{border-radius:9999px;padding:.5rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.svg-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));--tw-ring-offset-width: 2px}.svg-button:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.svg-button:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.svg-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.svg-button:active{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.svg-button:active:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.nav-button{border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nav-button:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.nav-button:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.nav-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.nav-button-active{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.nav-button-active:hover{--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.nav-button-active:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.nav-button-active:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.btn-on{--tw-text-opacity: 1;color:rgb(14 159 110 / var(--tw-text-opacity))}.btn-on:is(.dark *){--tw-text-opacity: 1;color:rgb(49 196 141 / var(--tw-text-opacity))}.btn-off{--tw-text-opacity: 1;color:rgb(240 82 82 / var(--tw-text-opacity))}.btn-off:is(.dark *){--tw-text-opacity: 1;color:rgb(249 128 128 / var(--tw-text-opacity))}.interesting-facts{margin-top:1.5rem;margin-bottom:1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.5rem;background-color:#fffc;padding:1rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.interesting-facts:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.interesting-facts:is(.dark *){background-color:#1f2937cc}.toolbar-button{cursor:pointer;border-style:none;background-color:transparent;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.toolbar-button:hover{--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}.context-menu{position:absolute;background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 10px #0000001a;border-radius:4px;padding:8px 0;min-width:150px;z-index:1000}.context-menu-item{padding:8px 16px;font-size:14px;color:#333;cursor:pointer;transition:background-color .2s ease}.context-menu-item:hover{background-color:#f5f5f5}.context-menu-separator{height:1px;background-color:#e0e0e0;margin:4px 0}.context-menu-item-disabled{color:#999;cursor:not-allowed}.context-menu-item-icon{margin-right:8px}.steps-container{margin-bottom:1rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.steps-header{display:flex;cursor:pointer;align-items:center;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));padding:1rem}.steps-header:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.steps-title{margin:0;font-size:1rem;line-height:1.5rem;font-weight:600}.step-item{margin-bottom:.5rem;border-left-width:2px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));padding-left:1rem}.steps-container{margin-bottom:1rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.steps-container:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.steps-header{display:flex;cursor:pointer;align-items:center;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));padding:1rem}.steps-header:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.steps-icon{margin-right:1rem}.steps-summary{flex-grow:1}.steps-title{margin:0;font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.steps-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.steps-status{margin:0;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.steps-status:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.toggle-icon{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.toggle-icon:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.steps-content{padding:1rem}.steps-list{margin:0;list-style-type:none;padding:0}.step-item{margin-bottom:.5rem;border-left-width:2px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));padding-left:1rem}.step-item:last-child{margin-bottom:0}.step-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.step-container{margin-bottom:1rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.step-wrapper{display:flex;align-items:flex-start;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.75rem}.step-wrapper:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.step-icon{margin-right:.75rem;height:1.5rem;width:1.5rem;flex-shrink:0}.icon-success{height:1.5rem;width:1.5rem;--tw-text-opacity: 1;color:rgb(14 159 110 / var(--tw-text-opacity))}.icon-fail{height:1.5rem;width:1.5rem;--tw-text-opacity: 1;color:rgb(240 82 82 / var(--tw-text-opacity))}.icon-spinner{height:1.5rem;width:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.icon-spinner{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;--tw-border-opacity: 1;border-color:rgb(63 131 248 / var(--tw-border-opacity));border-top-color:transparent}.icon-spinner:is(.dark *){--tw-border-opacity: 1;border-color:rgb(118 169 250 / var(--tw-border-opacity))}.step-content{flex-grow:1}.step-text{font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.step-text:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.step-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.step-description:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.fade-enter-active,.fade-leave-active{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.fade-enter,.fade-leave-to{opacity:0}.status-icon{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.icon{height:1.5rem;width:1.5rem}.icon-success{--tw-text-opacity: 1;color:rgb(14 159 110 / var(--tw-text-opacity))}.icon-success:is(.dark *){--tw-text-opacity: 1;color:rgb(49 196 141 / var(--tw-text-opacity))}.icon-fail{--tw-text-opacity: 1;color:rgb(240 82 82 / var(--tw-text-opacity))}.icon-fail:is(.dark *){--tw-text-opacity: 1;color:rgb(249 128 128 / var(--tw-text-opacity))}.icon-text{font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.icon-text:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}@media (min-width: 640px){.sm\:container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}.sm\:container{max-width:640px}@media (min-width: 768px){.sm\:container{max-width:768px}}@media (min-width: 1024px){.sm\:container{max-width:1024px}}@media (min-width: 1280px){.sm\:container{max-width:1280px}}@media (min-width: 1536px){.sm\:container{max-width:1536px}}}.last\:mb-0:last-child{margin-bottom:0}.even\:bg-bg-light-discussion-odd:nth-child(2n){background-color:var(--color-bg-light-discussion-odd)}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:block{display:block}.group\/item:hover .group-hover\/item\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/item:hover .group-hover\/item\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-secondary{border-color:var(--color-secondary)}.group:hover .group-hover\:bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.group:hover .group-hover\:bg-white\/50{background-color:#ffffff80}.group:hover .group-hover\:bg-opacity-0{--tw-bg-opacity: 0}.group:hover .group-hover\:from-cyan-500{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.group:hover .group-hover\:from-green-400{--tw-gradient-from: #31C48D var(--tw-gradient-from-position);--tw-gradient-to: rgb(49 196 141 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.group:hover .group-hover\:from-pink-500{--tw-gradient-from: #E74694 var(--tw-gradient-from-position);--tw-gradient-to: rgb(231 70 148 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.group:hover .group-hover\:from-purple-500{--tw-gradient-from: #9061F9 var(--tw-gradient-from-position);--tw-gradient-to: rgb(144 97 249 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.group:hover .group-hover\:from-purple-600{--tw-gradient-from: #7E3AF2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(126 58 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.group:hover .group-hover\:from-red-200{--tw-gradient-from: #FBD5D5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 213 213 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.group:hover .group-hover\:from-teal-300{--tw-gradient-from: #7EDCE2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(126 220 226 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.group:hover .group-hover\:via-red-300{--tw-gradient-to: rgb(248 180 180 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #F8B4B4 var(--tw-gradient-via-position), var(--tw-gradient-to)}.group:hover .group-hover\:to-blue-500{--tw-gradient-to: #3F83F8 var(--tw-gradient-to-position)}.group:hover .group-hover\:to-blue-600{--tw-gradient-to: #1C64F2 var(--tw-gradient-to-position)}.group:hover .group-hover\:to-lime-300{--tw-gradient-to: #bef264 var(--tw-gradient-to-position)}.group:hover .group-hover\:to-orange-400{--tw-gradient-to: #FF8A4C var(--tw-gradient-to-position)}.group:hover .group-hover\:to-pink-500{--tw-gradient-to: #E74694 var(--tw-gradient-to-position)}.group:hover .group-hover\:to-yellow-200{--tw-gradient-to: #FCE96A var(--tw-gradient-to-position)}.group:hover .group-hover\:text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.group\/item:hover .group-hover\/item\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.group:focus .group-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.group:focus .group-focus\:ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.group:focus .group-focus\:ring-white{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity))}.peer:checked~.peer-checked\:text-primary{color:var(--color-primary)}.hover\:z-10:hover{z-index:10}.hover\:z-20:hover{z-index:20}.hover\:h-8:hover{height:2rem}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-2:hover{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-x-100:hover{--tw-scale-x: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-2:hover{border-width:2px}.hover\:border-solid:hover{border-style:solid}.hover\:border-blue-300:hover{--tw-border-opacity: 1;border-color:rgb(164 202 254 / var(--tw-border-opacity))}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.hover\:border-gray-600:hover{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.hover\:border-green-200:hover{--tw-border-opacity: 1;border-color:rgb(188 240 218 / var(--tw-border-opacity))}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:border-primary-light:hover{border-color:var(--color-primary-light)}.hover\:border-secondary:hover{border-color:var(--color-secondary)}.hover\:bg-bg-light-tone:hover{background-color:var(--color-bg-light-tone)}.hover\:bg-bg-light-tone-panel:hover{background-color:var(--color-bg-light-tone-panel)}.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity))}.hover\:bg-blue-200:hover{--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity))}.hover\:bg-blue-300:hover{--tw-bg-opacity: 1;background-color:rgb(164 202 254 / var(--tw-bg-opacity))}.hover\:bg-blue-400:hover{--tw-bg-opacity: 1;background-color:rgb(118 169 250 / var(--tw-bg-opacity))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.hover\:bg-blue-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.hover\:bg-gray-400:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.hover\:bg-gray-900:hover{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.hover\:bg-green-200:hover{--tw-bg-opacity: 1;background-color:rgb(188 240 218 / var(--tw-bg-opacity))}.hover\:bg-green-300:hover{--tw-bg-opacity: 1;background-color:rgb(132 225 188 / var(--tw-bg-opacity))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(5 122 85 / var(--tw-bg-opacity))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(4 108 78 / var(--tw-bg-opacity))}.hover\:bg-green-800:hover{--tw-bg-opacity: 1;background-color:rgb(3 84 63 / var(--tw-bg-opacity))}.hover\:bg-pink-800:hover{--tw-bg-opacity: 1;background-color:rgb(153 21 75 / var(--tw-bg-opacity))}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:bg-primary-light:hover{background-color:var(--color-primary-light)}.hover\:bg-purple-800:hover{--tw-bg-opacity: 1;background-color:rgb(85 33 181 / var(--tw-bg-opacity))}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(253 232 232 / var(--tw-bg-opacity))}.hover\:bg-red-200:hover{--tw-bg-opacity: 1;background-color:rgb(251 213 213 / var(--tw-bg-opacity))}.hover\:bg-red-300:hover{--tw-bg-opacity: 1;background-color:rgb(248 180 180 / var(--tw-bg-opacity))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(224 36 36 / var(--tw-bg-opacity))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(200 30 30 / var(--tw-bg-opacity))}.hover\:bg-red-800:hover{--tw-bg-opacity: 1;background-color:rgb(155 28 28 / var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.hover\:bg-yellow-200:hover{--tw-bg-opacity: 1;background-color:rgb(252 233 106 / var(--tw-bg-opacity))}.hover\:bg-yellow-500:hover{--tw-bg-opacity: 1;background-color:rgb(194 120 3 / var(--tw-bg-opacity))}.hover\:bg-gradient-to-bl:hover{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}.hover\:bg-gradient-to-br:hover{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.hover\:bg-gradient-to-l:hover{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.hover\:bg-gradient-to-r:hover{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.hover\:from-blue-50:hover{--tw-gradient-from: #EBF5FF var(--tw-gradient-from-position);--tw-gradient-to: rgb(235 245 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-blue-500\/20:hover{--tw-gradient-from: rgb(63 131 248 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-teal-200:hover{--tw-gradient-from: #AFECEF var(--tw-gradient-from-position);--tw-gradient-to: rgb(175 236 239 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-lime-200:hover{--tw-gradient-to: #d9f99d var(--tw-gradient-to-position)}.hover\:to-purple-50:hover{--tw-gradient-to: #F6F5FF var(--tw-gradient-to-position)}.hover\:to-purple-500\/20:hover{--tw-gradient-to: rgb(144 97 249 / .2) var(--tw-gradient-to-position)}.hover\:font-bold:hover{font-weight:700}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.hover\:text-green-300:hover{--tw-text-opacity: 1;color:rgb(132 225 188 / var(--tw-text-opacity))}.hover\:text-green-500:hover{--tw-text-opacity: 1;color:rgb(14 159 110 / var(--tw-text-opacity))}.hover\:text-green-600:hover{--tw-text-opacity: 1;color:rgb(5 122 85 / var(--tw-text-opacity))}.hover\:text-indigo-600:hover{--tw-text-opacity: 1;color:rgb(88 80 236 / var(--tw-text-opacity))}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-purple-600:hover{--tw-text-opacity: 1;color:rgb(126 58 242 / var(--tw-text-opacity))}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(248 180 180 / var(--tw-text-opacity))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(240 82 82 / var(--tw-text-opacity))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(224 36 36 / var(--tw-text-opacity))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(200 30 30 / var(--tw-text-opacity))}.hover\:text-secondary:hover{color:var(--color-secondary)}.hover\:text-teal-600:hover{--tw-text-opacity: 1;color:rgb(4 116 129 / var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:text-yellow-600:hover{--tw-text-opacity: 1;color:rgb(159 88 10 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-none:hover{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:scrollbar-thumb-primary{--scrollbar-thumb-hover: var(--color-primary) !important}.before\:hover\:text-center:hover:before{content:var(--tw-content);text-align:center}.hover\:before\:text-center:hover:before{content:var(--tw-content);text-align:center}.focus\:z-10:focus{z-index:10}.focus\:border-blue-300:focus{--tw-border-opacity: 1;border-color:rgb(164 202 254 / var(--tw-border-opacity))}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(63 131 248 / var(--tw-border-opacity))}.focus\:border-secondary:focus{border-color:var(--color-secondary)}.focus\:border-transparent:focus{border-color:transparent}.focus\:text-blue-700:focus{--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(195 221 253 / var(--tw-ring-opacity))}.focus\:ring-blue-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity))}.focus\:ring-blue-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(118 169 250 / var(--tw-ring-opacity))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity))}.focus\:ring-blue-500\/50:focus{--tw-ring-color: rgb(63 131 248 / .5)}.focus\:ring-blue-700:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(26 86 219 / var(--tw-ring-opacity))}.focus\:ring-cyan-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(165 243 252 / var(--tw-ring-opacity))}.focus\:ring-cyan-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity))}.focus\:ring-gray-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity))}.focus\:ring-gray-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity))}.focus\:ring-gray-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity))}.focus\:ring-green-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(188 240 218 / var(--tw-ring-opacity))}.focus\:ring-green-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(132 225 188 / var(--tw-ring-opacity))}.focus\:ring-green-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(49 196 141 / var(--tw-ring-opacity))}.focus\:ring-lime-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(217 249 157 / var(--tw-ring-opacity))}.focus\:ring-lime-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(190 242 100 / var(--tw-ring-opacity))}.focus\:ring-pink-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(250 209 232 / var(--tw-ring-opacity))}.focus\:ring-pink-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 180 217 / var(--tw-ring-opacity))}.focus\:ring-purple-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(220 215 254 / var(--tw-ring-opacity))}.focus\:ring-purple-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(202 191 253 / var(--tw-ring-opacity))}.focus\:ring-red-100:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(253 232 232 / var(--tw-ring-opacity))}.focus\:ring-red-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 180 180 / var(--tw-ring-opacity))}.focus\:ring-red-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity))}.focus\:ring-secondary:focus{--tw-ring-color: var(--color-secondary)}.focus\:ring-teal-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(126 220 226 / var(--tw-ring-opacity))}.focus\:ring-yellow-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(250 202 21 / var(--tw-ring-opacity))}.focus\:ring-yellow-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(227 160 8 / var(--tw-ring-opacity))}.focus\:ring-opacity-50:focus{--tw-ring-opacity: .5}.focus\:hover\:text-center:hover:focus{text-align:center}.hover\:focus\:text-center:focus:hover{text-align:center}.active\:scale-75:active{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-90:active{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scrollbar-thumb-secondary{--scrollbar-thumb-active: var(--color-secondary) !important}.dark\:divide-gray-700:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity))}.dark\:border-bg-light:is(.dark *){border-color:var(--color-bg-light)}.dark\:border-blue-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(63 131 248 / var(--tw-border-opacity))}.dark\:border-blue-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(26 86 219 / var(--tw-border-opacity))}.dark\:border-gray-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.dark\:border-gray-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}.dark\:border-gray-900:is(.dark *){--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity))}.dark\:border-green-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(14 159 110 / var(--tw-border-opacity))}.dark\:border-pink-400:is(.dark *){--tw-border-opacity: 1;border-color:rgb(241 126 184 / var(--tw-border-opacity))}.dark\:border-pink-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(231 70 148 / var(--tw-border-opacity))}.dark\:border-purple-400:is(.dark *){--tw-border-opacity: 1;border-color:rgb(172 148 250 / var(--tw-border-opacity))}.dark\:border-purple-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(144 97 249 / var(--tw-border-opacity))}.dark\:border-red-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(240 82 82 / var(--tw-border-opacity))}.dark\:border-transparent:is(.dark *){border-color:transparent}.dark\:border-yellow-300:is(.dark *){--tw-border-opacity: 1;border-color:rgb(250 202 21 / var(--tw-border-opacity))}.dark\:bg-bg-dark:is(.dark *){background-color:var(--color-bg-dark)}.dark\:bg-bg-dark-tone:is(.dark *){background-color:var(--color-bg-dark-tone)}.dark\:bg-bg-dark-tone-panel:is(.dark *){background-color:var(--color-bg-dark-tone-panel)}.dark\:bg-black:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.dark\:bg-blue-200:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity))}.dark\:bg-blue-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.dark\:bg-blue-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.dark\:bg-blue-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.dark\:bg-blue-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity))}.dark\:bg-blue-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(35 56 118 / var(--tw-bg-opacity))}.dark\:bg-gray-300:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.dark\:bg-gray-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.dark\:bg-gray-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:bg-gray-800\/30:is(.dark *){background-color:#1f29374d}.dark\:bg-gray-800\/50:is(.dark *){background-color:#1f293780}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.dark\:bg-green-200:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(188 240 218 / var(--tw-bg-opacity))}.dark\:bg-green-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(14 159 110 / var(--tw-bg-opacity))}.dark\:bg-green-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(5 122 85 / var(--tw-bg-opacity))}.dark\:bg-green-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(3 84 63 / var(--tw-bg-opacity))}.dark\:bg-indigo-200:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(205 219 254 / var(--tw-bg-opacity))}.dark\:bg-indigo-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(104 117 245 / var(--tw-bg-opacity))}.dark\:bg-orange-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(180 52 3 / var(--tw-bg-opacity))}.dark\:bg-orange-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(138 44 13 / var(--tw-bg-opacity))}.dark\:bg-pink-200:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(250 209 232 / var(--tw-bg-opacity))}.dark\:bg-pink-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(214 31 105 / var(--tw-bg-opacity))}.dark\:bg-purple-200:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(220 215 254 / var(--tw-bg-opacity))}.dark\:bg-purple-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(144 97 249 / var(--tw-bg-opacity))}.dark\:bg-purple-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(126 58 242 / var(--tw-bg-opacity))}.dark\:bg-red-200:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(251 213 213 / var(--tw-bg-opacity))}.dark\:bg-red-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(240 82 82 / var(--tw-bg-opacity))}.dark\:bg-red-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(224 36 36 / var(--tw-bg-opacity))}.dark\:bg-red-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(155 28 28 / var(--tw-bg-opacity))}.dark\:bg-white:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dark\:bg-yellow-200:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(252 233 106 / var(--tw-bg-opacity))}.dark\:bg-opacity-70:is(.dark *){--tw-bg-opacity: .7}.dark\:bg-opacity-80:is(.dark *){--tw-bg-opacity: .8}.dark\:from-bg-dark:is(.dark *){--tw-gradient-from: var(--color-bg-dark) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-blue-400\/20:is(.dark *){--tw-gradient-from: rgb(118 169 250 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-indigo-400:is(.dark *){--tw-gradient-from: #8DA2FB var(--tw-gradient-from-position);--tw-gradient-to: rgb(141 162 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:via-bg-dark:is(.dark *){--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--color-bg-dark) var(--tw-gradient-via-position), var(--tw-gradient-to)}.dark\:to-purple-400:is(.dark *){--tw-gradient-to: #AC94FA var(--tw-gradient-to-position)}.dark\:to-purple-400\/20:is(.dark *){--tw-gradient-to: rgb(172 148 250 / .2) var(--tw-gradient-to-position)}.dark\:fill-gray-300:is(.dark *){fill:#d1d5db}.dark\:text-blue-200:is(.dark *){--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(118 169 250 / var(--tw-text-opacity))}.dark\:text-blue-500:is(.dark *){--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}.dark\:text-blue-800:is(.dark *){--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity))}.dark\:text-dark-text-panel:is(.dark *){color:var(--color-dark-text-panel)}.dark\:text-gray-100:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.dark\:text-gray-600:is(.dark *){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.dark\:text-gray-800:is(.dark *){--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.dark\:text-green-200:is(.dark *){--tw-text-opacity: 1;color:rgb(188 240 218 / var(--tw-text-opacity))}.dark\:text-green-500:is(.dark *){--tw-text-opacity: 1;color:rgb(14 159 110 / var(--tw-text-opacity))}.dark\:text-green-800:is(.dark *){--tw-text-opacity: 1;color:rgb(3 84 63 / var(--tw-text-opacity))}.dark\:text-green-900:is(.dark *){--tw-text-opacity: 1;color:rgb(1 71 55 / var(--tw-text-opacity))}.dark\:text-indigo-500:is(.dark *){--tw-text-opacity: 1;color:rgb(104 117 245 / var(--tw-text-opacity))}.dark\:text-indigo-900:is(.dark *){--tw-text-opacity: 1;color:rgb(54 47 120 / var(--tw-text-opacity))}.dark\:text-orange-200:is(.dark *){--tw-text-opacity: 1;color:rgb(252 217 189 / var(--tw-text-opacity))}.dark\:text-pink-400:is(.dark *){--tw-text-opacity: 1;color:rgb(241 126 184 / var(--tw-text-opacity))}.dark\:text-pink-500:is(.dark *){--tw-text-opacity: 1;color:rgb(231 70 148 / var(--tw-text-opacity))}.dark\:text-pink-900:is(.dark *){--tw-text-opacity: 1;color:rgb(117 26 61 / var(--tw-text-opacity))}.dark\:text-primary:is(.dark *){color:var(--color-primary)}.dark\:text-purple-400:is(.dark *){--tw-text-opacity: 1;color:rgb(172 148 250 / var(--tw-text-opacity))}.dark\:text-purple-500:is(.dark *){--tw-text-opacity: 1;color:rgb(144 97 249 / var(--tw-text-opacity))}.dark\:text-purple-900:is(.dark *){--tw-text-opacity: 1;color:rgb(74 29 150 / var(--tw-text-opacity))}.dark\:text-red-200:is(.dark *){--tw-text-opacity: 1;color:rgb(251 213 213 / var(--tw-text-opacity))}.dark\:text-red-300:is(.dark *){--tw-text-opacity: 1;color:rgb(248 180 180 / var(--tw-text-opacity))}.dark\:text-red-500:is(.dark *){--tw-text-opacity: 1;color:rgb(240 82 82 / var(--tw-text-opacity))}.dark\:text-red-800:is(.dark *){--tw-text-opacity: 1;color:rgb(155 28 28 / var(--tw-text-opacity))}.dark\:text-red-900:is(.dark *){--tw-text-opacity: 1;color:rgb(119 29 29 / var(--tw-text-opacity))}.dark\:text-slate-50:is(.dark *){--tw-text-opacity: 1;color:rgb(248 250 252 / var(--tw-text-opacity))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:text-yellow-300:is(.dark *){--tw-text-opacity: 1;color:rgb(250 202 21 / var(--tw-text-opacity))}.dark\:text-yellow-500:is(.dark *){--tw-text-opacity: 1;color:rgb(194 120 3 / var(--tw-text-opacity))}.dark\:text-yellow-800:is(.dark *){--tw-text-opacity: 1;color:rgb(114 59 19 / var(--tw-text-opacity))}.dark\:text-yellow-900:is(.dark *){--tw-text-opacity: 1;color:rgb(99 49 18 / var(--tw-text-opacity))}.dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.dark\:placeholder-gray-400:is(.dark *)::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.dark\:shadow-lg:is(.dark *){--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-blue-800\/80:is(.dark *){--tw-shadow-color: rgb(30 66 159 / .8);--tw-shadow: var(--tw-shadow-colored)}.dark\:shadow-cyan-800\/80:is(.dark *){--tw-shadow-color: rgb(21 94 117 / .8);--tw-shadow: var(--tw-shadow-colored)}.dark\:shadow-green-800\/80:is(.dark *){--tw-shadow-color: rgb(3 84 63 / .8);--tw-shadow: var(--tw-shadow-colored)}.dark\:shadow-lime-800\/80:is(.dark *){--tw-shadow-color: rgb(63 98 18 / .8);--tw-shadow: var(--tw-shadow-colored)}.dark\:shadow-pink-800\/80:is(.dark *){--tw-shadow-color: rgb(153 21 75 / .8);--tw-shadow: var(--tw-shadow-colored)}.dark\:shadow-purple-800\/80:is(.dark *){--tw-shadow-color: rgb(85 33 181 / .8);--tw-shadow: var(--tw-shadow-colored)}.dark\:shadow-red-800\/80:is(.dark *){--tw-shadow-color: rgb(155 28 28 / .8);--tw-shadow: var(--tw-shadow-colored)}.dark\:shadow-teal-800\/80:is(.dark *){--tw-shadow-color: rgb(5 80 92 / .8);--tw-shadow: var(--tw-shadow-colored)}.dark\:ring-gray-500:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity))}.dark\:ring-white:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity))}.dark\:ring-opacity-20:is(.dark *){--tw-ring-opacity: .2}.dark\:ring-offset-gray-700:is(.dark *){--tw-ring-offset-color: #374151}.dark\:ring-offset-gray-800:is(.dark *){--tw-ring-offset-color: #1F2937}.dark\:scrollbar-track-bg-dark:is(.dark *){--scrollbar-track: var(--color-bg-dark) !important}.dark\:scrollbar-track-bg-dark-tone:is(.dark *){--scrollbar-track: var(--color-bg-dark-tone) !important}.dark\:scrollbar-track-gray-700:is(.dark *){--scrollbar-track: #374151 !important}.dark\:scrollbar-track-gray-800:is(.dark *){--scrollbar-track: #1F2937 !important}.dark\:scrollbar-thumb-bg-dark-tone:is(.dark *){--scrollbar-thumb: var(--color-bg-dark-tone) !important}.dark\:scrollbar-thumb-bg-dark-tone-panel:is(.dark *){--scrollbar-thumb: var(--color-bg-dark-tone-panel) !important}.dark\:scrollbar-thumb-gray-500:is(.dark *){--scrollbar-thumb: #6B7280 !important}.dark\:scrollbar-thumb-gray-600:is(.dark *){--scrollbar-thumb: #4B5563 !important}.dark\:even\:bg-bg-dark-discussion-odd:nth-child(2n):is(.dark *){background-color:var(--color-bg-dark-discussion-odd)}.group:hover .dark\:group-hover\:bg-gray-800\/60:is(.dark *){background-color:#1f293799}.group:hover .dark\:group-hover\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.group:focus .dark\:group-focus\:ring-gray-800\/70:is(.dark *){--tw-ring-color: rgb(31 41 55 / .7)}.dark\:hover\:border-blue-600:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(28 100 242 / var(--tw-border-opacity))}.dark\:hover\:border-gray-600:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.dark\:hover\:border-primary:hover:is(.dark *){border-color:var(--color-primary)}.dark\:hover\:bg-blue-300:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(164 202 254 / var(--tw-bg-opacity))}.dark\:hover\:bg-blue-600:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.dark\:hover\:bg-blue-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.dark\:hover\:bg-blue-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(35 56 118 / var(--tw-bg-opacity))}.dark\:hover\:bg-gray-500:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:hover\:bg-green-300:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(132 225 188 / var(--tw-bg-opacity))}.dark\:hover\:bg-green-600:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(5 122 85 / var(--tw-bg-opacity))}.dark\:hover\:bg-green-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(4 108 78 / var(--tw-bg-opacity))}.dark\:hover\:bg-pink-500:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(231 70 148 / var(--tw-bg-opacity))}.dark\:hover\:bg-pink-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(191 18 93 / var(--tw-bg-opacity))}.dark\:hover\:bg-primary:hover:is(.dark *){background-color:var(--color-primary)}.dark\:hover\:bg-purple-500:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(144 97 249 / var(--tw-bg-opacity))}.dark\:hover\:bg-purple-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(108 43 217 / var(--tw-bg-opacity))}.dark\:hover\:bg-red-300:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(248 180 180 / var(--tw-bg-opacity))}.dark\:hover\:bg-red-600:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(224 36 36 / var(--tw-bg-opacity))}.dark\:hover\:bg-red-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(200 30 30 / var(--tw-bg-opacity))}.dark\:hover\:bg-red-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(119 29 29 / var(--tw-bg-opacity))}.dark\:hover\:bg-yellow-300:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(250 202 21 / var(--tw-bg-opacity))}.dark\:hover\:bg-yellow-400:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(227 160 8 / var(--tw-bg-opacity))}.hover\:dark\:bg-bg-dark-tone:is(.dark *):hover{background-color:var(--color-bg-dark-tone)}.hover\:dark\:bg-bg-dark-tone-panel:is(.dark *):hover{background-color:var(--color-bg-dark-tone-panel)}.dark\:hover\:from-blue-400\/30:hover:is(.dark *){--tw-gradient-from: rgb(118 169 250 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:hover\:from-blue-900\/30:hover:is(.dark *){--tw-gradient-from: rgb(35 56 118 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(35 56 118 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:hover\:to-purple-400\/30:hover:is(.dark *){--tw-gradient-to: rgb(172 148 250 / .3) var(--tw-gradient-to-position)}.dark\:hover\:to-purple-900\/30:hover:is(.dark *){--tw-gradient-to: rgb(74 29 150 / .3) var(--tw-gradient-to-position)}.dark\:hover\:text-blue-500:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}.dark\:hover\:text-gray-200:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.dark\:hover\:text-gray-900:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.dark\:hover\:text-green-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(49 196 141 / var(--tw-text-opacity))}.dark\:hover\:text-red-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(249 128 128 / var(--tw-text-opacity))}.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:hover\:scrollbar-thumb-primary:is(.dark *){--scrollbar-thumb-hover: var(--color-primary) !important}.dark\:focus\:border-blue-500:focus:is(.dark *){--tw-border-opacity: 1;border-color:rgb(63 131 248 / var(--tw-border-opacity))}.dark\:focus\:border-secondary:focus:is(.dark *){border-color:var(--color-secondary)}.dark\:focus\:text-white:focus:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:focus\:ring-blue-500:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity))}.dark\:focus\:ring-blue-600:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(28 100 242 / var(--tw-ring-opacity))}.dark\:focus\:ring-blue-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity))}.dark\:focus\:ring-cyan-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(21 94 117 / var(--tw-ring-opacity))}.dark\:focus\:ring-gray-500:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity))}.dark\:focus\:ring-gray-600:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity))}.dark\:focus\:ring-gray-700:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity))}.dark\:focus\:ring-gray-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity))}.dark\:focus\:ring-green-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity))}.dark\:focus\:ring-lime-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(63 98 18 / var(--tw-ring-opacity))}.dark\:focus\:ring-pink-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(153 21 75 / var(--tw-ring-opacity))}.dark\:focus\:ring-pink-900:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(117 26 61 / var(--tw-ring-opacity))}.dark\:focus\:ring-purple-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(85 33 181 / var(--tw-ring-opacity))}.dark\:focus\:ring-purple-900:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(74 29 150 / var(--tw-ring-opacity))}.dark\:focus\:ring-red-400:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity))}.dark\:focus\:ring-red-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(155 28 28 / var(--tw-ring-opacity))}.dark\:focus\:ring-red-900:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(119 29 29 / var(--tw-ring-opacity))}.dark\:focus\:ring-secondary:focus:is(.dark *){--tw-ring-color: var(--color-secondary)}.dark\:focus\:ring-teal-700:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(3 102 114 / var(--tw-ring-opacity))}.dark\:focus\:ring-teal-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(5 80 92 / var(--tw-ring-opacity))}.dark\:focus\:ring-yellow-900:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(99 49 18 / var(--tw-ring-opacity))}.dark\:focus\:ring-offset-gray-700:focus:is(.dark *){--tw-ring-offset-color: #374151}@media (min-width: 640px){.sm\:mb-0{margin-bottom:0}.sm\:mr-4{margin-right:1rem}.sm\:mt-0{margin-top:0}.sm\:h-10{height:2.5rem}.sm\:h-6{height:1.5rem}.sm\:h-64{height:16rem}.sm\:w-1\/4{width:25%}.sm\:w-10{width:2.5rem}.sm\:w-6{width:1.5rem}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:rounded-lg{border-radius:.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:text-center{text-align:center}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:underline{text-decoration-line:underline}}@media (min-width: 768px){.md\:inset-0{top:0;right:0;bottom:0;left:0}.md\:order-2{order:2}.md\:mr-6{margin-right:1.5rem}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-auto{height:auto}.md\:h-full{height:100%}.md\:w-1\/4{width:25%}.md\:w-48{width:12rem}.md\:w-auto{width:auto}.md\:max-w-xl{max-width:36rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.md\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.md\:rounded-none{border-radius:0}.md\:rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.md\:border-0{border-width:0px}.md\:bg-transparent{background-color:transparent}.md\:p-0{padding:0}.md\:p-6{padding:1.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:font-medium{font-weight:500}.md\:text-blue-700{--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.md\:hover\:bg-transparent:hover{background-color:transparent}.md\:hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.md\:dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.md\:dark\:hover\:bg-transparent:hover:is(.dark *){background-color:transparent}.md\:dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){paint-order:markers}}@media (min-width: 1280px){.xl\:h-80{height:20rem}.xl\:w-1\/6{width:16.666667%}}@media (min-width: 1536px){.\32xl\:h-96{height:24rem}} diff --git a/web/dist/assets/index-jjsz8X-a.css b/web/dist/assets/index-jjsz8X-a.css deleted file mode 100644 index 82ea3c25..00000000 --- a/web/dist/assets/index-jjsz8X-a.css +++ /dev/null @@ -1,8 +0,0 @@ -@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";.hljs-comment,.hljs-quote{color:#7285b7}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#ff9da4}.hljs-number,.hljs-built_in,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#ffc58f}.hljs-attribute{color:#ffeead}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#d1f1a9}.hljs-title,.hljs-section{color:#bbdaff}.hljs-keyword,.hljs-selector-tag{color:#ebbbff}.hljs{background:#002451;color:#fff}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*! - Theme: Tokyo-night-Dark - origin: https://github.com/enkia/tokyo-night-vscode-theme - Description: Original highlight.js style - Author: (c) Henri Vandersleyen - License: see project LICENSE - Touched: 2022 -*/.hljs-meta,.hljs-comment{color:#565f89}.hljs-tag,.hljs-doctag,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-template-tag,.hljs-selector-pseudo,.hljs-selector-attr,.hljs-variable.language_,.hljs-deletion{color:#f7768e}.hljs-variable,.hljs-template-variable,.hljs-number,.hljs-literal,.hljs-type,.hljs-params,.hljs-link{color:#ff9e64}.hljs-built_in,.hljs-attribute{color:#e0af68}.hljs-selector-tag{color:#2ac3de}.hljs-keyword,.hljs-title.function_,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-subst,.hljs-property{color:#7dcfff}.hljs-selector-tag{color:#73daca}.hljs-quote,.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#9ece6a}.hljs-code,.hljs-formula,.hljs-section{color:#7aa2f7}.hljs-name,.hljs-keyword,.hljs-operator,.hljs-char.escape_,.hljs-attr{color:#bb9af7}.hljs-punctuation{color:#c0caf5}.hljs{background:#1a1b26;color:#9aa5ce}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.code-container{display:flex;margin:0}.line-numbers{flex-shrink:0;padding-right:5px;color:#999;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;margin:0}.code-content{flex-grow:1;margin:0;outline:none}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.execute-button{display:flex;align-items:center;gap:.5rem}.katex-display{display:inline-block;margin:0}.katex{display:inline-block;white-space:nowrap}.inline-latex{display:inline!important}.progress-bar-container{background-color:#f0f0f0;border-radius:4px;height:8px;overflow:hidden}.progress-bar{background-color:#3498db;height:100%;transition:width .3s ease}.custom-scrollbar[data-v-8a34bb65]{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}.custom-scrollbar[data-v-8a34bb65]::-webkit-scrollbar{width:6px}.custom-scrollbar[data-v-8a34bb65]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-8a34bb65]::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:3px}.custom-scrollbar[data-v-8a34bb65]::-webkit-scrollbar-thumb:hover{background-color:#9ca3afb3}.toastItem-enter-active[data-v-46f379e5],.toastItem-leave-active[data-v-46f379e5]{transition:all .5s ease}.toastItem-enter-from[data-v-46f379e5],.toastItem-leave-to[data-v-46f379e5]{opacity:0;transform:translate(-30px)}.topbar-container[data-v-8d9a9d0d]{position:fixed;top:0;left:0;right:0;z-index:1000}.topbar[data-v-8d9a9d0d]{background-color:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .3s ease-in-out;display:flex;justify-content:center}.topbar-hidden[data-v-8d9a9d0d]{transform:translateY(-100%)}.topbar-content[data-v-8d9a9d0d]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;width:100%}.pin-button[data-v-8d9a9d0d]{background-color:transparent;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.pin-button svg[data-v-8d9a9d0d]{width:24px;height:24px;transition:transform .3s ease}.pin-button:hover svg[data-v-8d9a9d0d]{transform:scale(1.2)}.placeholder[data-v-8d9a9d0d]{height:10px}.topbar-container[data-v-8d9a9d0d]{position:relative;width:100%}.hover-zone[data-v-8d9a9d0d]{opacity:0}.error[data-v-8d9a9d0d]{color:red;margin-left:1rem}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.hovered{transform:scale(1.05);transition:transform .2s ease-in-out}.active{transform:scale(1.1);transition:transform .2s ease-in-out}.dropdown-shadow[data-v-6c3ea3a5]{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}:root.dark .dropdown-shadow[data-v-6c3ea3a5]{box-shadow:0 4px 6px -1px #ffffff1a,0 2px 4px -1px #ffffff0f}select{width:200px}body{background-color:#fafafa;font-family:sans-serif}.container{margin:4px auto;width:800px}.settings{position:fixed;top:0;right:0;width:500px;background-color:#fff;z-index:1000;overflow-y:auto;height:100%}.slider-container{margin-top:20px}.slider-value{display:inline-block;margin-left:10px;color:#6b7280;font-size:14px}.small-button{padding:.5rem .75rem;font-size:.875rem}.active-tab{font-weight:700}.help-view[data-v-8c1798f3]{min-height:100vh}.big-card[data-v-8c1798f3]{margin-left:auto;margin-right:auto;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:2rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.big-card[data-v-8c1798f3]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.help-sections-container[data-v-8c1798f3]{max-height:70vh;overflow-y:auto;padding-right:1rem}.help-section[data-v-8c1798f3]{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.help-content[data-v-8c1798f3]{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.help-content[data-v-8c1798f3]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.help-sections-container[data-v-8c1798f3]::-webkit-scrollbar{width:12px}.help-sections-container[data-v-8c1798f3]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.help-sections-container[data-v-8c1798f3]::-webkit-scrollbar-thumb{background:#888;border-radius:10px;border:3px solid #f1f1f1}.help-sections-container[data-v-8c1798f3]::-webkit-scrollbar-thumb:hover{background:#555}.help-sections-container[data-v-8c1798f3]{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.menu-container{position:relative;display:inline-block}.menu-button{background-color:#007bff;color:#fff;padding:10px;border:none;cursor:pointer;border-radius:4px}.menu-list{position:absolute;background-color:#fff;color:#000;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0003;padding:10px;max-width:500px;z-index:1000}.slide-enter-active,.slide-leave-active{transition:transform .2s}.slide-enter-to,.slide-leave-from{transform:translateY(-10px)}.menu-ul{list-style:none;padding:0;margin:0}.menu-li{cursor:pointer;display:flex;align-items:center;padding:5px}.menu-icon{width:20px;height:20px;margin-right:8px}.menu-command{min-width:200px;text-align:left}.fade-enter-active[data-v-f43216be],.fade-leave-active[data-v-f43216be]{transition:opacity .3s}.fade-enter[data-v-f43216be],.fade-leave-to[data-v-f43216be]{opacity:0}.heartbeat-text[data-v-1a988e0d]{font-size:24px;animation:pulsate-1a988e0d 1.5s infinite}@keyframes pulsate-1a988e0d{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.list-move[data-v-1a988e0d],.list-enter-active[data-v-1a988e0d],.list-leave-active[data-v-1a988e0d]{transition:all .5s ease}.list-enter-from[data-v-1a988e0d]{transform:translatey(-30px)}.list-leave-to[data-v-1a988e0d]{opacity:0;transform:translatey(30px)}.list-leave-active[data-v-1a988e0d]{position:absolute}.bounce-enter-active[data-v-1a988e0d]{animation:bounce-in-1a988e0d .5s}.bounce-leave-active[data-v-1a988e0d]{animation:bounce-in-1a988e0d .5s reverse}@keyframes bounce-in-1a988e0d{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}.bg-primary-light[data-v-1a988e0d]{background-color:#0ff}.hover[data-v-1a988e0d]:bg-primary-light:hover{background-color:#7fffd4}.font-bold[data-v-1a988e0d]{font-weight:700}.control-buttons[data-v-2b3580ce]{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;transform:translate(100%);transition:transform .3s}.group:hover .control-buttons[data-v-2b3580ce]{transform:translate(0)}.control-buttons-inner[data-v-2b3580ce]{display:flex;gap:10px;align-items:center;background-color:#fff;padding:8px;border-radius:0 0 0 8px;box-shadow:0 2px 8px #0000001a}.json-tree-view[data-v-40406ec6]{margin-left:16px}.json-item[data-v-40406ec6]{margin-bottom:4px}.json-key[data-v-40406ec6]{cursor:pointer;display:flex;align-items:center}.toggle-icon[data-v-40406ec6]{margin-right:4px;width:12px}.key[data-v-40406ec6]{font-weight:700;margin-right:4px}.value[data-v-40406ec6]{margin-left:4px}.string[data-v-40406ec6]{color:#0b7285}.number[data-v-40406ec6]{color:#d9480f}.boolean[data-v-40406ec6]{color:#5c940d}.null[data-v-40406ec6]{color:#868e96}.json-nested[data-v-40406ec6]{margin-left:16px;border-left:1px dashed #ccc;padding-left:8px}.json-viewer[data-v-83fc9727]{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:14px;line-height:1.5;color:#333}.collapsible-section[data-v-83fc9727]{cursor:pointer;padding:8px;background-color:#f0f0f0;border-radius:4px;display:flex;align-items:center;transition:background-color .2s}.collapsible-section[data-v-83fc9727]:hover{background-color:#e0e0e0}.toggle-icon[data-v-83fc9727]{margin-right:8px;transition:transform .2s}.json-content[data-v-83fc9727]{margin-top:8px;padding-left:16px}.expand-button{margin-left:10px;margin-right:10px;background:none;border:none;padding:0;cursor:pointer}.htmljs{background:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}details[open] summary~*{animation:slideDown .3s ease-in-out}details summary::marker{display:none}details summary::-webkit-details-marker{display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bounce-enter-active[data-v-f44002af]{animation:bounce-in-f44002af .5s}.bounce-leave-active[data-v-f44002af]{animation:bounce-in-f44002af .5s reverse}@keyframes bounce-in-f44002af{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}.custom-scrollbar[data-v-1a32c141]::-webkit-scrollbar{width:8px}.custom-scrollbar[data-v-1a32c141]::-webkit-scrollbar-track{background-color:#f1f1f1}.custom-scrollbar[data-v-1a32c141]::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.custom-scrollbar[data-v-1a32c141]::-webkit-scrollbar-thumb:hover{background-color:#555}.menu[data-v-1a32c141]{display:flex;flex-direction:column;align-items:center}.commands-menu-items-wrapper[data-v-1a32c141]{position:relative;display:flex;flex-direction:column;align-items:center}.commands-menu-items-wrapper>#commands-menu-items[data-v-1a32c141]{top:calc(-100% - 2rem)}.personalities-hover-area[data-v-908c73f4]{position:relative;padding-top:10px}.custom-scrollbar[data-v-908c73f4]{scrollbar-width:thin;scrollbar-color:rgba(155,155,155,.5) transparent}.custom-scrollbar[data-v-908c73f4]::-webkit-scrollbar{width:6px}.custom-scrollbar[data-v-908c73f4]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-908c73f4]::-webkit-scrollbar-thumb{background-color:#9b9b9b80;border-radius:20px;border:transparent}.list-move[data-v-908c73f4],.list-enter-active[data-v-908c73f4],.list-leave-active[data-v-908c73f4]{transition:all .5s ease}.list-enter-from[data-v-908c73f4]{transform:translatey(-30px)}.list-leave-to[data-v-908c73f4]{opacity:0;transform:translatey(30px)}.list-leave-active[data-v-908c73f4]{position:absolute}@keyframes rolling-ball-d9375d3e{0%{transform:translate(-50px) rotate(0)}25%{transform:translate(0) rotate(90deg)}50%{transform:translate(50px) rotate(180deg)}75%{transform:translate(0) rotate(270deg)}to{transform:translate(-50px) rotate(360deg)}}@keyframes bounce-d9375d3e{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fade-in-up-d9375d3e{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-rolling-ball[data-v-d9375d3e]{animation:rolling-ball-d9375d3e 4s infinite ease-in-out,bounce-d9375d3e 1s infinite ease-in-out}.animate-fade-in-up[data-v-d9375d3e]{animation:fade-in-up-d9375d3e 1.5s ease-out}.floating-button-container[data-v-d9375d3e]{position:fixed;bottom:30px;right:30px;z-index:9999}.floating-button[data-v-d9375d3e]{position:fixed;bottom:30px;right:30px;width:100px;height:100px;border-radius:50%;background-color:#ff4500e6;display:flex;justify-content:center;align-items:center;box-shadow:0 0 30px #ff4500cc;animation:pulse-d9375d3e 1.5s infinite,glow-d9375d3e 2s infinite,wobble-d9375d3e 3s infinite;overflow:hidden;z-index:9999;transition:all .3s ease}.floating-button[data-v-d9375d3e]:hover{transform:scale(1.2) rotate(5deg);background-color:#ff4500}.tooltip[data-v-d9375d3e]{position:absolute;background-color:#000c;color:#fff;padding:8px 12px;border-radius:8px;font-size:16px;font-weight:700;white-space:nowrap;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;top:-50px;left:50%;transform:translate(-50%) scale(.9)}.floating-button:hover .tooltip[data-v-d9375d3e]{opacity:1;transform:translate(-50%) scale(1)}@keyframes pulse-d9375d3e{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes glow-d9375d3e{0%{box-shadow:0 0 30px #ff4500cc}50%{box-shadow:0 0 60px #ff4500,0 0 90px #ff450099}to{box-shadow:0 0 30px #ff4500cc}}@keyframes wobble-d9375d3e{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.hidden[data-v-d9375d3e]{display:none}.popup-container[data-v-d504dfc9]{background-color:#fff;color:#333;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:24px;width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.close-button[data-v-d504dfc9]{position:absolute;top:16px;right:16px;background-color:#3490dc;color:#fff;font-weight:700;padding:8px 16px;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.close-button[data-v-d504dfc9]:hover{background-color:#2779bd}.iframe-content[data-v-d504dfc9]{width:100%;height:80%;border:none;margin-bottom:16px}.checkbox-container[data-v-d504dfc9]{display:flex;align-items:center;justify-content:center}.styled-checkbox[data-v-d504dfc9]{width:24px;height:24px;accent-color:#3490dc;cursor:pointer}.checkbox-label[data-v-d504dfc9]{margin-left:8px;font-size:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fade-enter-active[data-v-d504dfc9],.fade-leave-active[data-v-d504dfc9]{transition:opacity .5s}.fade-enter[data-v-d504dfc9],.fade-leave-to[data-v-d504dfc9]{opacity:0}.glow-effect[data-v-31178107]{box-shadow:0 0 5px 2px #00ffffb3;animation:glow-31178107 1.5s ease-in-out infinite alternate}@keyframes glow-31178107{0%{box-shadow:0 0 5px 2px #00ffffb3}to{box-shadow:0 0 20px 2px #00ffffb3}}.personalities-container[data-v-57566b64]{position:relative}.skills-lib-icon[data-v-57566b64]{position:absolute;top:-2px;right:-2px;z-index:10;font-size:5px;width:2px;height:2px}.skills-lib-icon i[data-v-57566b64]{width:2px;height:2px}@keyframes giggle-57566b64{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(-5px) rotate(-10deg) scale(1.05)}50%{transform:translate(5px) rotate(10deg) scale(.95)}75%{transform:translate(-5px) rotate(-10deg) scale(1.05)}}.animate-giggle[data-v-57566b64]{animation:giggle-57566b64 1.5s infinite ease-in-out}.custom-scrollbar[data-v-57566b64]{scrollbar-width:thin;scrollbar-color:rgba(155,155,155,.5) transparent}.custom-scrollbar[data-v-57566b64]::-webkit-scrollbar{width:8px}.custom-scrollbar[data-v-57566b64]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-57566b64]::-webkit-scrollbar-thumb{background-color:#9b9b9b80;border-radius:20px;border:transparent}@keyframes custom-pulse-57566b64{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 15px #3b82f600}}.animate-pulse[data-v-57566b64]{animation:custom-pulse-57566b64 2s infinite}.slide-right-enter-active[data-v-57566b64],.slide-right-leave-active[data-v-57566b64]{transition:transform .3s ease}.slide-right-enter[data-v-57566b64],.slide-right-leave-to[data-v-57566b64]{transform:translate(-100%)}.slide-left-enter-active[data-v-57566b64],.slide-left-leave-active[data-v-57566b64]{transition:transform .3s ease}.slide-left-enter[data-v-57566b64],.slide-left-leave-to[data-v-57566b64]{transform:translate(100%)}.fade-and-fly-enter-active[data-v-57566b64]{animation:fade-and-fly-enter-57566b64 .5s ease}.fade-and-fly-leave-active[data-v-57566b64]{animation:fade-and-fly-leave-57566b64 .5s ease}@keyframes fade-and-fly-enter-57566b64{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-and-fly-leave-57566b64{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(1.2)}}.list-move[data-v-57566b64],.list-enter-active[data-v-57566b64],.list-leave-active[data-v-57566b64]{transition:all .5s ease}.list-enter-from[data-v-57566b64]{transform:translatey(-30px)}.list-leave-to[data-v-57566b64]{opacity:0;transform:translatey(30px)}.list-leave-active[data-v-57566b64]{position:absolute}@keyframes float-57566b64{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float[data-v-57566b64]{animation:float-57566b64 linear infinite}@keyframes star-move-57566b64{0%{transform:translate(0) rotate(0)}50%{transform:translate(20px,20px) rotate(180deg)}to{transform:translate(0) rotate(360deg)}}.animate-star[data-v-57566b64]{animation:star-move-57566b64 linear infinite}@keyframes fall-57566b64{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(calc(100vh + 20px)) rotate(360deg);opacity:0}}.animate-fall[data-v-57566b64]{animation:fall-57566b64 linear infinite}@keyframes glow-57566b64{0%,to{text-shadow:0 0 5px rgba(66,153,225,.5),0 0 10px rgba(66,153,225,.5)}50%{text-shadow:0 0 20px rgba(66,153,225,.8),0 0 30px rgba(66,153,225,.8)}}.animate-glow[data-v-57566b64]{animation:glow-57566b64 2s ease-in-out infinite}@media (prefers-color-scheme: dark){@keyframes glow-57566b64{0%,to{text-shadow:0 0 5px rgba(147,197,253,.5),0 0 10px rgba(147,197,253,.5)}50%{text-shadow:0 0 20px rgba(147,197,253,.8),0 0 30px rgba(147,197,253,.8)}0%,to{text-shadow:0 0 5px rgba(147,197,253,.5),0 0 10px rgba(147,197,253,.5)}50%{text-shadow:0 0 20px rgba(147,197,253,.8),0 0 30px rgba(147,197,253,.8)}}}@keyframes roll-57566b64{0%{transform:translate(-50%) rotate(0)}to{transform:translate(50%) rotate(360deg)}}.animate-roll[data-v-57566b64]{animation:roll-57566b64 4s linear infinite}.toolbar[data-v-57566b64]{position:relative;width:100%}.toolbar-container[data-v-57566b64]{display:flex;height:2.5rem;align-items:center}.toolbar-button[data-v-57566b64]{cursor:pointer;border-style:none;background-color:transparent;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.toolbar-button[data-v-57566b64]:hover{--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}.menu-container[data-v-57566b64]{position:relative}.expandable-menu[data-v-57566b64]{position:absolute;top:100%;left:.625rem;flex-direction:column;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.menu-container:hover .expandable-menu[data-v-57566b64],.menu-visible[data-v-57566b64]{display:flex}.menu-item[data-v-57566b64]{background:none;border:none;cursor:pointer;padding:8px;color:#333;transition:background-color .3s}.menu-item[data-v-57566b64]:hover{background-color:#f0f0f0}.dot[data-v-57566b64]{width:10px;height:10px;border-radius:50%}.dot-green[data-v-57566b64]{background-color:green}.dot-red[data-v-57566b64]{background-color:red}.animate-pulse[data-v-57566b64]{animation:pulse-57566b64 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-57566b64{0%,to{opacity:1}50%{opacity:.7}}.logo-container[data-v-57566b64]{position:relative;width:48px;height:48px}.logo-image[data-v-57566b64]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}@keyframes bounce-57566b64{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce[data-v-57566b64]{animation:bounce-57566b64 1s infinite}@keyframes roll-and-bounce-57566b64{0%,to{transform:translate(0) rotate(0)}45%{transform:translate(100px) rotate(360deg)}50%{transform:translate(90px) rotate(390deg)}55%{transform:translate(100px) rotate(360deg)}95%{transform:translate(0) rotate(0)}}@keyframes spin-57566b64{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.floating-frame{margin:15px;float:left;height:auto;border:1px solid #000;border-radius:4px;overflow:hidden;z-index:5000;position:fixed;cursor:move;bottom:0;right:0}.handle{width:100%;height:20px;background:#ccc;cursor:move;text-align:center}.floating-frame img{width:100%;height:auto}.controls{margin-top:10px}#webglContainer{top:0;left:0}.floating-frame2{margin:15px;width:800px;height:auto;border:1px solid #000;border-radius:4px;overflow:hidden;min-height:200px;z-index:5000}:root{--baklava-control-color-primary: #e28b46;--baklava-control-color-error: #d00000;--baklava-control-color-background: #2c3748;--baklava-control-color-foreground: white;--baklava-control-color-hover: #455670;--baklava-control-color-active: #556986;--baklava-control-color-disabled-foreground: #666c75;--baklava-control-border-radius: 3px;--baklava-sidebar-color-background: #1b202c;--baklava-sidebar-color-foreground: white;--baklava-node-color-background: #1b202c;--baklava-node-color-foreground: white;--baklava-node-color-hover: #e28c4677;--baklava-node-color-selected: var(--baklava-control-color-primary);--baklava-node-color-resize-handle: var(--baklava-control-color-background);--baklava-node-title-color-background: #151a24;--baklava-node-title-color-foreground: white;--baklava-group-node-title-color-background: #215636;--baklava-group-node-title-color-foreground: white;--baklava-node-interface-port-tooltip-color-foreground: var(--baklava-control-color-primary);--baklava-node-interface-port-tooltip-color-background: var(--baklava-editor-background-pattern-black);--baklava-node-border-radius: 6px;--baklava-color-connection-default: #737f96;--baklava-color-connection-allowed: #48bc79;--baklava-color-connection-forbidden: #bc4848;--baklava-editor-background-pattern-default: #202b3c;--baklava-editor-background-pattern-line: #263140;--baklava-editor-background-pattern-black: #263140;--baklava-context-menu-background: #1b202c;--baklava-context-menu-shadow: 0 0 8px rgba(0, 0, 0, .65);--baklava-toolbar-background: #1b202caa;--baklava-toolbar-foreground: white;--baklava-node-palette-background: #1b202caa;--baklava-node-palette-foreground: white;--baklava-selectionbox-color-border: var(--baklava-node-color-background);--baklava-selectionbox-color-background: var(--baklava-node-color-hover);--baklava-visual-transition: .1s linear}.baklava-button{background-color:var(--baklava-control-color-background);color:var(--baklava-control-color-foreground);transition:background-color var(--baklava-visual-transition);border:none;padding:.45em .35em;border-radius:var(--baklava-control-border-radius);font-size:inherit;cursor:pointer;overflow-x:hidden}.baklava-button:hover{background-color:var(--baklava-control-color-hover)}.baklava-button:active{background-color:var(--baklava-control-color-primary)}.baklava-button.--block{width:100%}.baklava-checkbox{display:flex;padding:.35em 0;cursor:pointer;overflow-x:hidden;align-items:center}.baklava-checkbox .__checkmark-container{display:flex;background-color:var(--baklava-control-color-background);border-radius:var(--baklava-control-border-radius);transition:background-color var(--baklava-visual-transition);width:18px;height:18px}.baklava-checkbox:hover .__checkmark-container{background-color:var(--baklava-control-color-hover)}.baklava-checkbox:active .__checkmark-container{background-color:var(--baklava-control-color-active)}.baklava-checkbox .__checkmark{stroke-dasharray:15;stroke-dashoffset:15;stroke:var(--baklava-control-color-foreground);stroke-width:2px;fill:none;transition:stroke-dashoffset var(--baklava-visual-transition)}.baklava-checkbox.--checked .__checkmark{stroke-dashoffset:0}.baklava-checkbox.--checked .__checkmark-container{background-color:var(--baklava-control-color-primary)}.baklava-checkbox .__label{margin-left:.5rem}.baklava-context-menu{color:var(--baklava-control-color-foreground);position:absolute;display:inline-block;z-index:100;background-color:var(--baklava-context-menu-background);box-shadow:var(--baklava-context-menu-shadow);border-radius:0 0 var(--baklava-control-border-radius) var(--baklava-control-border-radius);min-width:6rem;width:-moz-max-content;width:max-content}.baklava-context-menu>.item{display:flex;align-items:center;padding:.35em 1em;transition:background .05s linear;position:relative}.baklava-context-menu>.item>.__label{flex:1 1 auto}.baklava-context-menu>.item>.__submenu-icon{margin-left:.75rem}.baklava-context-menu>.item.--disabled{color:var(--baklava-control-color-hover)}.baklava-context-menu>.item:not(.--header):not(.--active):not(.--disabled):hover{background:var(--baklava-control-color-primary)}.baklava-context-menu>.item.--active{background:var(--baklava-control-color-primary)}.baklava-context-menu.--nested{left:100%;top:0}.baklava-context-menu.--flipped-x.--nested{left:unset;right:100%}.baklava-context-menu.--flipped-y.--nested{top:unset;bottom:0}.baklava-context-menu>.divider{margin:.35em 0;height:1px;background-color:var(--baklava-control-color-hover)}.baklava-icon{display:block;height:100%}.baklava-icon.--clickable{cursor:pointer;transition:color var(--baklava-visual-transition)}.baklava-icon.--clickable:hover{color:var(--baklava-control-color-primary)}.baklava-input{background-color:var(--baklava-control-color-background);color:var(--baklava-control-color-foreground);caret-color:var(--baklava-control-color-primary);border:none;border-radius:var(--baklava-control-border-radius);padding:.45em .75em;width:100%;transition:background-color var(--baklava-visual-transition);font-size:inherit;font:inherit}.baklava-input:hover{background-color:var(--baklava-control-color-hover)}.baklava-input:active{background-color:var(--baklava-control-color-active)}.baklava-input:focus-visible{outline:1px solid var(--baklava-control-color-primary)}.baklava-input[type=number]::-webkit-inner-spin-button,.baklava-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.baklava-input.--invalid{box-shadow:0 0 2px 2px var(--baklava-control-color-error)}.baklava-num-input{background:var(--baklava-control-color-background);color:var(--baklava-control-color-foreground);border-radius:var(--baklava-control-border-radius);width:100%;display:grid;grid-template-columns:20px 1fr 20px}.baklava-num-input>.__button{display:flex;flex:0 0 auto;width:20px;justify-content:center;align-items:center;transition:background var(--baklava-visual-transition);cursor:pointer}.baklava-num-input>.__button:hover{background-color:var(--baklava-control-color-hover)}.baklava-num-input>.__button:active{background-color:var(--baklava-control-color-active)}.baklava-num-input>.__button.--dec{grid-area:1/1/span 1/span 1}.baklava-num-input>.__button.--dec>svg{transform:rotate(90deg)}.baklava-num-input>.__button.--inc{grid-area:1/3/span 1/span 1}.baklava-num-input>.__button.--inc>svg{transform:rotate(-90deg)}.baklava-num-input>.__button path{stroke:var(--baklava-control-color-foreground);fill:var(--baklava-control-color-foreground)}.baklava-num-input>.__content{grid-area:1/2/span 1/span 1;display:inline-flex;cursor:pointer;max-width:100%;min-width:0;align-items:center;transition:background-color var(--baklava-visual-transition)}.baklava-num-input>.__content:hover{background-color:var(--baklava-control-color-hover)}.baklava-num-input>.__content:active{background-color:var(--baklava-control-color-active)}.baklava-num-input>.__content>.__label,.baklava-num-input>.__content>.__value{margin:.35em 0;padding:0 .5em}.baklava-num-input>.__content>.__label{flex:1;min-width:0;overflow:hidden}.baklava-num-input>.__content>.__value{text-align:right}.baklava-num-input>.__content>input{background-color:var(--baklava-control-color-background);color:var(--baklava-control-color-foreground);caret-color:var(--baklava-control-color-primary);padding:.35em;width:100%}.baklava-select{width:100%;position:relative;color:var(--baklava-control-color-foreground)}.baklava-select.--open>.__selected{border-bottom-left-radius:0;border-bottom-right-radius:0}.baklava-select.--open>.__selected>.__icon{transform:rotate(180deg)}.baklava-select>.__selected{background-color:var(--baklava-control-color-background);padding:.35em .75em;border-radius:var(--baklava-control-border-radius);transition:background var(--baklava-visual-transition);min-height:1.7em;display:flex;align-items:center;cursor:pointer}.baklava-select>.__selected:hover{background:var(--baklava-control-color-hover)}.baklava-select>.__selected:active{background:var(--baklava-control-color-active)}.baklava-select>.__selected>.__text{flex:1 0 auto;flex-basis:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.baklava-select>.__selected>.__icon{flex:0 0 auto;display:flex;justify-content:center;align-items:center;transition:transform .25s ease;width:18px;height:18px}.baklava-select>.__selected>.__icon path{stroke:var(--baklava-control-color-foreground);fill:var(--baklava-control-color-foreground)}.baklava-select>.__dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;background-color:var(--baklava-context-menu-background);filter:drop-shadow(0 0 4px black);border-radius:0 0 var(--baklava-control-border-radius) var(--baklava-control-border-radius);max-height:15em;overflow-y:scroll}.baklava-select>.__dropdown::-webkit-scrollbar{width:0px;background:transparent}.baklava-select>.__dropdown>.item{padding:.35em .35em .35em 1em;transition:background .05s linear}.baklava-select>.__dropdown>.item:not(.--header):not(.--active){cursor:pointer}.baklava-select>.__dropdown>.item:not(.--header):not(.--active):hover{background:var(--baklava-control-color-hover)}.baklava-select>.__dropdown>.item.--active{background:var(--baklava-control-color-primary)}.baklava-select>.__dropdown>.item.--header{color:var(--baklava-control-color-disabled-foreground);border-bottom:1px solid var(--baklava-control-color-disabled-foreground);padding:.5em .35em .5em 1em}.baklava-slider{background:var(--baklava-control-color-background);color:var(--baklava-control-color-foreground);border-radius:var(--baklava-control-border-radius);position:relative;cursor:pointer}.baklava-slider>.__content{display:flex;position:relative}.baklava-slider>.__content>.__label,.baklava-slider>.__content>.__value{flex:1 1 auto;margin:.35em 0;padding:0 .5em;text-overflow:ellipsis}.baklava-slider>.__content>.__value{text-align:right}.baklava-slider>.__content>input{background-color:var(--baklava-control-color-background);color:var(--baklava-control-color-foreground);caret-color:var(--baklava-control-color-primary);padding:.35em;width:100%}.baklava-slider>.__slider{position:absolute;top:0;bottom:0;left:0;background-color:var(--baklava-control-color-primary);border-radius:var(--baklava-control-border-radius)}.baklava-connection{stroke:var(--baklava-color-connection-default);stroke-width:2px;fill:none}.baklava-connection.--temporary{stroke-width:4px;stroke-dasharray:5 5;stroke-dashoffset:0;animation:dash 1s linear infinite;transform:translateY(-1px)}@keyframes dash{to{stroke-dashoffset:20}}.baklava-connection.--allowed{stroke:var(--baklava-color-connection-allowed)}.baklava-connection.--forbidden{stroke:var(--baklava-color-connection-forbidden)}.baklava-minimap{position:absolute;height:15%;width:15%;min-width:150px;max-width:90%;top:20px;right:20px;z-index:900}.baklava-editor{width:100%;height:100%;position:relative;overflow:hidden;outline:none!important;font-family:Lato,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;touch-action:none}.baklava-editor .background{background-color:var(--baklava-editor-background-pattern-default);background-image:linear-gradient(var(--baklava-editor-background-pattern-black) 2px,transparent 2px),linear-gradient(90deg,var(--baklava-editor-background-pattern-black) 2px,transparent 2px),linear-gradient(var(--baklava-editor-background-pattern-line) 1px,transparent 1px),linear-gradient(90deg,var(--baklava-editor-background-pattern-line) 1px,transparent 1px);background-repeat:repeat;width:100%;height:100%;pointer-events:none!important}.baklava-editor .selection-box{position:absolute;border:1px solid var(--baklava-selectionbox-color-border);background-color:var(--baklava-selectionbox-color-background);pointer-events:none;opacity:.5}.baklava-editor.--start-selection-box{cursor:crosshair}.baklava-editor *:not(input):not(textarea){user-select:none;-moz-user-select:none;-webkit-user-select:none;touch-action:none}.baklava-editor .input-user-select{user-select:auto;-moz-user-select:auto;-webkit-user-select:auto}.baklava-editor *,.baklava-editor *:after,.baklava-editor *:before{box-sizing:border-box}.baklava-editor.--temporary-connection{cursor:crosshair}.baklava-editor .connections-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none!important}.baklava-editor .node-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.baklava-editor .node-container *{pointer-events:all}.baklava-ignore-mouse *{pointer-events:none!important}.baklava-ignore-mouse .__port{pointer-events:all!important}.baklava-node-interface{padding:.25em 0;position:relative}.baklava-node-interface .__port{position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;top:calc(50% - 5px);cursor:crosshair}.baklava-node-interface .__port.--selected{outline:2px var(--baklava-color-connection-default) solid;outline-offset:4px}.baklava-node-interface.--input{text-align:left;padding-left:.5em}.baklava-node-interface.--input .__port{left:-1.1em}.baklava-node-interface.--output{text-align:right;padding-right:.5em}.baklava-node-interface.--output .__port{right:-1.1em}.baklava-node-interface .__tooltip{position:absolute;left:5px;top:15px;transform:translate(-50%);background:var(--baklava-node-interface-port-tooltip-color-background);color:var(--baklava-node-interface-port-tooltip-color-foreground);padding:.25em .5em;text-align:center;z-index:2}.baklava-node-palette{position:absolute;left:0;top:60px;width:250px;height:calc(100% - 60px);z-index:3;padding:2rem;overflow-y:auto;background:var(--baklava-node-palette-background);color:var(--baklava-node-palette-foreground)}.baklava-node-palette h1{margin-top:2rem}.baklava-node.--palette{position:unset;margin:1rem 0;cursor:grab}.baklava-node.--palette:first-child{margin-top:0}.baklava-node.--palette .__title{padding:.5rem;border-radius:var(--baklava-node-border-radius)}.baklava-dragged-node{position:absolute;width:calc(250px - 4rem);height:40px;z-index:4;pointer-events:none}.baklava-node{background:var(--baklava-node-color-background);color:var(--baklava-node-color-foreground);border:1px solid transparent;border-radius:var(--baklava-node-border-radius);position:absolute;box-shadow:0 0 4px #000c;transition:border-color var(--baklava-visual-transition),box-shadow var(--baklava-visual-transition);width:var(--width)}.baklava-node:hover{border-color:var(--baklava-node-color-hover)}.baklava-node:hover .__resize-handle:after{opacity:1}.baklava-node.--selected{z-index:5;border-color:var(--baklava-node-color-selected)}.baklava-node.--dragging{box-shadow:0 0 12px #000c}.baklava-node.--dragging>.__title{cursor:grabbing}.baklava-node>.__title{display:flex;background:var(--baklava-node-title-color-background);color:var(--baklava-node-title-color-foreground);padding:.4em .75em;border-radius:var(--baklava-node-border-radius) var(--baklava-node-border-radius) 0 0;cursor:grab}.baklava-node>.__title>*:first-child{flex-grow:1}.baklava-node>.__title>.__title-label{pointer-events:none}.baklava-node>.__title>.__menu{position:relative;cursor:initial}.baklava-node[data-node-type^=__baklava_]>.__title{background:var(--baklava-group-node-title-color-background);color:var(--baklava-group-node-title-color-foreground)}.baklava-node>.__content{padding:.75em}.baklava-node>.__content.--reverse-y{display:flex;flex-direction:column-reverse}.baklava-node>.__content>div>div{margin:.5em 0}.baklava-node.--two-column>.__content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:". ." ". ."}.baklava-node.--two-column>.__content>.__inputs{grid-row:1;grid-column:1}.baklava-node.--two-column>.__content>.__outputs{grid-row:1;grid-column:2}.baklava-node .__resize-handle{position:absolute;right:0;bottom:0;width:1rem;height:1rem;transform:translate(50%);cursor:ew-resize}.baklava-node .__resize-handle:after{content:"";position:absolute;bottom:0;left:-.5rem;width:1rem;height:1rem;opacity:0;border-bottom-right-radius:var(--baklava-node-border-radius);transition:opacity var(--baklava-visual-transition);background:linear-gradient(-45deg,transparent 10%,var(--baklava-node-color-resize-handle) 10%,var(--baklava-node-color-resize-handle) 15%,transparent 15%,transparent 30%,var(--baklava-node-color-resize-handle) 30%,var(--baklava-node-color-resize-handle) 35%,transparent 35%,transparent 50%,var(--baklava-node-color-resize-handle) 50%,var(--baklava-node-color-resize-handle) 55%,transparent 55%)}.baklava-sidebar{position:absolute;height:100%;width:25%;min-width:300px;max-width:90%;top:0;right:0;z-index:1000;background-color:var(--baklava-sidebar-color-background);color:var(--baklava-sidebar-color-foreground);box-shadow:none;overflow-x:hidden;padding:1em;transform:translate(100%);transition:transform .5s;display:flex;flex-direction:column}.baklava-sidebar.--open{transform:translate(0);box-shadow:0 0 15px #000}.baklava-sidebar .__resizer{position:absolute;left:0;top:0;height:100%;width:4px;cursor:col-resize}.baklava-sidebar .__header{display:flex;align-items:center}.baklava-sidebar .__header .__node-name{margin-left:.5rem}.baklava-sidebar .__close{font-size:2em;border:none;background:none;color:inherit;cursor:pointer}.baklava-sidebar .__interface{margin:.5em 0}.baklava-toolbar{position:absolute;left:0;top:0;width:100%;height:60px;z-index:3;padding:.5rem 2rem;background:var(--baklava-toolbar-background);color:var(--baklava-toolbar-foreground);display:flex;align-items:center}.baklava-toolbar-entry{margin-left:.5rem;margin-right:.5rem}.baklava-toolbar-button{color:var(--baklava-toolbar-foreground);background:none;border:none;transition:color var(--baklava-visual-transition)}.baklava-toolbar-button:not([disabled]){cursor:pointer}.baklava-toolbar-button:hover:not([disabled]){color:var(--baklava-control-color-primary)}.baklava-toolbar-button[disabled]{color:var(--baklava-control-color-disabled-foreground)}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .1s ease-out}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateY(5px);opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease-out!important}.fade-enter-from,.fade-leave-to{opacity:0}.loading-indicator[data-v-f8c39e0b]{display:flex;justify-content:center;align-items:center;height:100px;font-size:1.2em;color:#666}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(63 131 248 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(63 131 248 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:PTSans,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;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:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.tooltip-arrow,.tooltip-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.tooltip-arrow{visibility:hidden}.tooltip-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}[data-tooltip-style^=light]+.tooltip>.tooltip-arrow:before{border-style:solid;border-color:#e5e7eb}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=top]>.tooltip-arrow:before{border-bottom-width:1px;border-right-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=right]>.tooltip-arrow:before{border-bottom-width:1px;border-left-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=bottom]>.tooltip-arrow:before{border-top-width:1px;border-left-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=left]>.tooltip-arrow:before{border-top-width:1px;border-right-width:1px}.tooltip[data-popper-placement^=top]>.tooltip-arrow{bottom:-4px}.tooltip[data-popper-placement^=bottom]>.tooltip-arrow{top:-4px}.tooltip[data-popper-placement^=left]>.tooltip-arrow{right:-4px}.tooltip[data-popper-placement^=right]>.tooltip-arrow{left:-4px}.tooltip.invisible>.tooltip-arrow:before{visibility:hidden}[data-popper-arrow],[data-popper-arrow]:before{position:absolute;width:8px;height:8px;background:inherit}[data-popper-arrow]{visibility:hidden}[data-popper-arrow]:before{content:"";visibility:visible;transform:rotate(45deg)}[data-popper-arrow]:after{content:"";visibility:visible;transform:rotate(45deg);position:absolute;width:9px;height:9px;background:inherit}[role=tooltip]>[data-popper-arrow]:before{border-style:solid;border-color:#e5e7eb}.dark [role=tooltip]>[data-popper-arrow]:before{border-style:solid;border-color:#4b5563}[role=tooltip]>[data-popper-arrow]:after{border-style:solid;border-color:#e5e7eb}.dark [role=tooltip]>[data-popper-arrow]:after{border-style:solid;border-color:#4b5563}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:before{border-bottom-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:after{border-bottom-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:before{border-bottom-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:after{border-bottom-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:before{border-top-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:after{border-top-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:before{border-top-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:after{border-top-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]{bottom:-5px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]{top:-5px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]{right:-5px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]{left:-5px}[role=tooltip].invisible>[data-popper-arrow]:before{visibility:hidden}[role=tooltip].invisible>[data-popper-arrow]:after{visibility:hidden}[type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #1C64F2;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#1c64f2}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}select:not([size]){background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:.75em .75em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple]{background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#1c64f2;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #1C64F2;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked,.dark [type=checkbox]:checked,.dark [type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:.55em .55em;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");background-repeat:no-repeat;background-size:.55em .55em;-webkit-print-color-adjust:exact;print-color-adjust:exact}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");background-size:1em 1em}.dark [type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");background-size:1em 1em}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");background-color:currentColor;border-color:transparent;background-position:center;background-repeat:no-repeat;background-size:.55em .55em;-webkit-print-color-adjust:exact;print-color-adjust:exact}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px auto inherit}input[type=file]::file-selector-button{color:#fff;background:#1f2937;border:0;font-weight:500;font-size:.875rem;cursor:pointer;padding:.625rem 1rem .625rem 2rem;margin-inline-start:-1rem;margin-inline-end:1rem}input[type=file]::file-selector-button:hover{background:#374151}.dark input[type=file]::file-selector-button{color:#fff;background:#4b5563}.dark input[type=file]::file-selector-button:hover{background:#6b7280}input[type=range]::-webkit-slider-thumb{height:1.25rem;width:1.25rem;background:#1c64f2;border-radius:9999px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}input[type=range]:disabled::-webkit-slider-thumb{background:#9ca3af}.dark input[type=range]:disabled::-webkit-slider-thumb{background:#6b7280}input[type=range]:focus::-webkit-slider-thumb{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1px;--tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity))}input[type=range]::-moz-range-thumb{height:1.25rem;width:1.25rem;background:#1c64f2;border-radius:9999px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;cursor:pointer}input[type=range]:disabled::-moz-range-thumb{background:#9ca3af}.dark input[type=range]:disabled::-moz-range-thumb{background:#6b7280}input[type=range]::-moz-range-progress{background:#3f83f8}input[type=range]::-ms-fill-lower{background:#3f83f8}.toggle-bg:after{content:"";position:absolute;top:.125rem;left:.125rem;background:#fff;border-color:#d1d5db;border-width:1px;border-radius:9999px;height:1.25rem;width:1.25rem;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;box-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)}input:checked+.toggle-bg:after{transform:translate(100%);border-color:#fff}input:checked+.toggle-bg{background:#1c64f2;border-color:#1c64f2}*{scrollbar-color:initial;scrollbar-width:initial}body{min-height:100vh;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #e0eaff var(--tw-gradient-from-position);--tw-gradient-to: rgb(224 234 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #f0e6ff var(--tw-gradient-to-position)}body:is(.dark *){background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #0f2647 var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 38 71 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #1e1b4b var(--tw-gradient-to-position)}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.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}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-1{top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.-bottom-0\.5{bottom:-.125rem}.-bottom-1{bottom:-.25rem}.-bottom-1\.5{bottom:-.375rem}.-bottom-2{bottom:-.5rem}.-bottom-4{bottom:-1rem}.-left-1\.5{left:-.375rem}.-right-0\.5{right:-.125rem}.-right-1{right:-.25rem}.-right-1\.5{right:-.375rem}.-top-1\.5{top:-.375rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.bottom-16{bottom:4rem}.bottom-2{bottom:.5rem}.bottom-2\.5{bottom:.625rem}.bottom-20{bottom:5rem}.bottom-4{bottom:1rem}.bottom-5{bottom:1.25rem}.bottom-6{bottom:1.5rem}.bottom-\[60px\]{bottom:60px}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-2\.5{left:.625rem}.left-20{left:5rem}.left-3{left:.75rem}.right-0{right:0}.right-2{right:.5rem}.right-2\.5{right:.625rem}.right-20{right:5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-20{top:5rem}.top-3{top:.75rem}.top-full{top:100%}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.float-left{float:left}.float-none{float:none}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.clear-none{clear:none}.-m-1{margin:-.25rem}.-m-2{margin:-.5rem}.-m-4{margin:-1rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-4{margin:1rem}.-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.-my-1\.5{margin-top:-.375rem;margin-bottom:-.375rem}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.inline-table{display:inline-table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.h-0{height:0px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-4\/5{height:80%}.h-48{height:12rem}.h-5{height:1.25rem}.h-5\/6{height:83.333333%}.h-56{height:14rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[200px\]{height:200px}.h-\[400px\]{height:400px}.h-auto{height:auto}.h-full{height:100%}.h-modal{height:calc(100% - 2rem)}.h-px{height:1px}.h-screen{height:100vh}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-\[400px\]{max-height:400px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-\[200px\]{min-height:200px}.min-h-\[220px\]{min-height:220px}.min-h-\[500px\]{min-height:500px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-36{width:9rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[15rem\]{width:15rem}.w-\[16rem\]{width:16rem}.w-\[300px\]{width:300px}.w-\[500px\]{width:500px}.w-\[this-is\\\\\]{width:this-is\\}.w-\[this-is\]{width:this-is}.w-\[weird-and-invalid\]{width:weird-and-invalid}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.min-w-96,.min-w-\[24rem\]{min-width:24rem}.min-w-\[300px\]{min-width:300px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[24rem\]{max-width:24rem}.max-w-\[300px\]{max-width:300px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.grow{flex-grow:1}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.origin-left{transform-origin:left}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-0{--tw-scale-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\!transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform,.transform-cpu{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-none{transform:none}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-auto{touch-action:auto}.touch-none{touch-action:none}.touch-pan-x{--tw-pan-x: pan-x;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-left{--tw-pan-x: pan-left;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-right{--tw-pan-x: pan-right;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-y{--tw-pan-y: pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-up{--tw-pan-y: pan-up;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pan-down{--tw-pan-y: pan-down;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-pinch-zoom{--tw-pinch-zoom: pinch-zoom;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.resize-none{resize:none}.resize-y{resize:vertical}.resize-x{resize:horizontal}.resize{resize:both}.snap-none{scroll-snap-type:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-both{scroll-snap-type:both var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness: mandatory}.snap-proximity{--tw-scroll-snap-strictness: proximity}.snap-start{scroll-snap-align:start}.snap-end{scroll-snap-align:end}.snap-center{scroll-snap-align:center}.snap-align-none{scroll-snap-align:none}.snap-normal{scroll-snap-stop:normal}.snap-always{scroll-snap-stop:always}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.break-before-auto{-moz-column-break-before:auto;break-before:auto}.break-before-avoid{-moz-column-break-before:avoid;break-before:avoid}.break-before-all{-moz-column-break-before:all;break-before:all}.break-before-avoid-page{-moz-column-break-before:avoid;break-before:avoid-page}.break-before-page{-moz-column-break-before:page;break-before:page}.break-before-left{-moz-column-break-before:left;break-before:left}.break-before-right{-moz-column-break-before:right;break-before:right}.break-before-column{-moz-column-break-before:column;break-before:column}.break-inside-auto{-moz-column-break-inside:auto;break-inside:auto}.break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid}.break-inside-avoid-page{break-inside:avoid-page}.break-inside-avoid-column{-moz-column-break-inside:avoid;break-inside:avoid-column}.break-after-auto{-moz-column-break-after:auto;break-after:auto}.break-after-avoid{-moz-column-break-after:avoid;break-after:avoid}.break-after-all{-moz-column-break-after:all;break-after:all}.break-after-avoid-page{-moz-column-break-after:avoid;break-after:avoid-page}.break-after-page{-moz-column-break-after:page;break-after:page}.break-after-left{-moz-column-break-after:left;break-after:left}.break-after-right{-moz-column-break-after:right;break-after:right}.break-after-column{-moz-column-break-after:column;break-after:column}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row-dense{grid-auto-flow:row dense}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.place-content-center{place-content:center}.place-content-start{place-content:start}.place-content-end{place-content:end}.place-content-between{place-content:space-between}.place-content-around{place-content:space-around}.place-content-evenly{place-content:space-evenly}.place-content-baseline{place-content:baseline}.place-content-stretch{place-content:stretch}.place-items-start{place-items:start}.place-items-end{place-items:end}.place-items-center{place-items:center}.place-items-baseline{place-items:baseline}.place-items-stretch{place-items:stretch}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.content-baseline{align-content:baseline}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.justify-items-stretch{justify-items:stretch}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-1rem * var(--tw-space-x-reverse));margin-left:calc(-1rem * calc(1 - var(--tw-space-x-reverse)))}.-space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-1px * var(--tw-space-x-reverse));margin-left:calc(-1px * calc(1 - var(--tw-space-x-reverse)))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.space-y-reverse>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 1}.space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 1}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-y-reverse>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 1}.divide-x-reverse>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 1}.divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.divide-dashed>:not([hidden])~:not([hidden]){border-style:dashed}.divide-dotted>:not([hidden])~:not([hidden]){border-style:dotted}.divide-double>:not([hidden])~:not([hidden]){border-style:double}.divide-none>:not([hidden])~:not([hidden]){border-style:none}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity))}.place-self-auto{place-self:auto}.place-self-start{place-self:start}.place-self-end{place-self:end}.place-self-center{place-self:center}.place-self-stretch{place-self:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-clip{overflow-x:clip}.overflow-y-clip{overflow-y:clip}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.overscroll-auto{overscroll-behavior:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.overscroll-y-auto{overscroll-behavior-y:auto}.overscroll-y-contain{overscroll-behavior-y:contain}.overscroll-y-none{overscroll-behavior-y:none}.overscroll-x-auto{overscroll-behavior-x:auto}.overscroll-x-contain{overscroll-behavior-x:contain}.overscroll-x-none{overscroll-behavior-x:none}.scroll-auto{scroll-behavior:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-ellipsis,.text-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.\!rounded-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.rounded-bl{border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-x{border-left-width:1px;border-right-width:1px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0px}.border-t-2{border-top-width:2px}.border-t-4{border-top-width:4px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-hidden{border-style:hidden}.border-none{border-style:none}.border-bg-dark{border-color:var(--color-bg-dark)}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(195 221 253 / var(--tw-border-opacity))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(164 202 254 / var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(63 131 248 / var(--tw-border-opacity))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(28 100 242 / var(--tw-border-opacity))}.border-blue-700{--tw-border-opacity: 1;border-color:rgb(26 86 219 / var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(14 159 110 / var(--tw-border-opacity))}.border-green-600{--tw-border-opacity: 1;border-color:rgb(5 122 85 / var(--tw-border-opacity))}.border-green-700{--tw-border-opacity: 1;border-color:rgb(4 108 78 / var(--tw-border-opacity))}.border-pink-600{--tw-border-opacity: 1;border-color:rgb(214 31 105 / var(--tw-border-opacity))}.border-pink-700{--tw-border-opacity: 1;border-color:rgb(191 18 93 / var(--tw-border-opacity))}.border-primary{border-color:var(--color-primary)}.border-primary-light{border-color:var(--color-primary-light)}.border-purple-600{--tw-border-opacity: 1;border-color:rgb(126 58 242 / var(--tw-border-opacity))}.border-purple-700{--tw-border-opacity: 1;border-color:rgb(108 43 217 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(240 82 82 / var(--tw-border-opacity))}.border-red-600{--tw-border-opacity: 1;border-color:rgb(224 36 36 / var(--tw-border-opacity))}.border-red-700{--tw-border-opacity: 1;border-color:rgb(200 30 30 / var(--tw-border-opacity))}.border-secondary{border-color:var(--color-secondary)}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(227 160 8 / var(--tw-border-opacity))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(194 120 3 / var(--tw-border-opacity))}.bg-\[rgb\(255\,0\,0\)\]{--tw-bg-opacity: 1;background-color:rgb(255 0 0 / var(--tw-bg-opacity))}.bg-accent{background-color:var(--color-accent)}.bg-bg-dark-tone-panel{background-color:var(--color-bg-dark-tone-panel)}.bg-bg-light{background-color:var(--color-bg-light)}.bg-bg-light-tone{background-color:var(--color-bg-light-tone)}.bg-bg-light-tone-panel{background-color:var(--color-bg-light-tone-panel)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(118 169 250 / var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(235 245 255 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.bg-blue-700{--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(222 247 236 / var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity: 1;background-color:rgb(188 240 218 / var(--tw-bg-opacity))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(49 196 141 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(14 159 110 / var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(5 122 85 / var(--tw-bg-opacity))}.bg-green-700{--tw-bg-opacity: 1;background-color:rgb(4 108 78 / var(--tw-bg-opacity))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(229 237 255 / var(--tw-bg-opacity))}.bg-indigo-200{--tw-bg-opacity: 1;background-color:rgb(205 219 254 / var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(104 117 245 / var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(88 80 236 / var(--tw-bg-opacity))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(254 236 220 / var(--tw-bg-opacity))}.bg-pink-100{--tw-bg-opacity: 1;background-color:rgb(252 232 243 / var(--tw-bg-opacity))}.bg-pink-200{--tw-bg-opacity: 1;background-color:rgb(250 209 232 / var(--tw-bg-opacity))}.bg-pink-700{--tw-bg-opacity: 1;background-color:rgb(191 18 93 / var(--tw-bg-opacity))}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(237 235 254 / var(--tw-bg-opacity))}.bg-purple-200{--tw-bg-opacity: 1;background-color:rgb(220 215 254 / var(--tw-bg-opacity))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(144 97 249 / var(--tw-bg-opacity))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(126 58 242 / var(--tw-bg-opacity))}.bg-purple-700{--tw-bg-opacity: 1;background-color:rgb(108 43 217 / var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(253 232 232 / var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity: 1;background-color:rgb(251 213 213 / var(--tw-bg-opacity))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(249 128 128 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(240 82 82 / var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(224 36 36 / var(--tw-bg-opacity))}.bg-red-700{--tw-bg-opacity: 1;background-color:rgb(200 30 30 / var(--tw-bg-opacity))}.bg-secondary{background-color:var(--color-secondary)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-white\/30{background-color:#ffffff4d}.bg-white\/50{background-color:#ffffff80}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(253 246 178 / var(--tw-bg-opacity))}.bg-yellow-200{--tw-bg-opacity: 1;background-color:rgb(252 233 106 / var(--tw-bg-opacity))}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(227 160 8 / var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-70{--tw-bg-opacity: .7}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-bg-light{--tw-gradient-from: var(--color-bg-light) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500\/10{--tw-gradient-from: rgb(63 131 248 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-400{--tw-gradient-from: #31C48D var(--tw-gradient-from-position);--tw-gradient-to: rgb(49 196 141 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #0E9F6E var(--tw-gradient-from-position);--tw-gradient-to: rgb(14 159 110 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from: #5850EC var(--tw-gradient-from-position);--tw-gradient-to: rgb(88 80 236 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-lime-500{--tw-gradient-from: #84cc16 var(--tw-gradient-from-position);--tw-gradient-to: rgb(132 204 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from: #E74694 var(--tw-gradient-from-position);--tw-gradient-to: rgb(231 70 148 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #9061F9 var(--tw-gradient-from-position);--tw-gradient-to: rgb(144 97 249 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from: #7E3AF2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(126 58 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-200{--tw-gradient-from: #FBD5D5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 213 213 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from: #F05252 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 82 82 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-200{--tw-gradient-from: #AFECEF var(--tw-gradient-from-position);--tw-gradient-to: rgb(175 236 239 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-300{--tw-gradient-from: #7EDCE2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(126 220 226 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-500{--tw-gradient-from: #0694A2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 148 162 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-5\%{--tw-gradient-from-position: 5%}.via-bg-light{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--color-bg-light) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-blue-600{--tw-gradient-to: rgb(28 100 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #1C64F2 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-cyan-600{--tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #0891b2 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-green-600{--tw-gradient-to: rgb(5 122 85 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #057A55 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-lime-600{--tw-gradient-to: rgb(101 163 13 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #65a30d var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-pink-600{--tw-gradient-to: rgb(214 31 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #D61F69 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-600{--tw-gradient-to: rgb(126 58 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #7E3AF2 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-red-300{--tw-gradient-to: rgb(248 180 180 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #F8B4B4 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-red-600{--tw-gradient-to: rgb(224 36 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #E02424 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-teal-600{--tw-gradient-to: rgb(4 116 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #047481 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-10\%{--tw-gradient-via-position: 10%}.to-blue-500{--tw-gradient-to: #3F83F8 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #1C64F2 var(--tw-gradient-to-position)}.to-blue-700{--tw-gradient-to: #1A56DB var(--tw-gradient-to-position)}.to-cyan-700{--tw-gradient-to: #0e7490 var(--tw-gradient-to-position)}.to-green-700{--tw-gradient-to: #046C4E var(--tw-gradient-to-position)}.to-lime-200{--tw-gradient-to: #d9f99d var(--tw-gradient-to-position)}.to-lime-300{--tw-gradient-to: #bef264 var(--tw-gradient-to-position)}.to-lime-700{--tw-gradient-to: #4d7c0f var(--tw-gradient-to-position)}.to-orange-400{--tw-gradient-to: #FF8A4C var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #E74694 var(--tw-gradient-to-position)}.to-pink-700{--tw-gradient-to: #BF125D var(--tw-gradient-to-position)}.to-purple-500\/10{--tw-gradient-to: rgb(144 97 249 / .1) var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #7E3AF2 var(--tw-gradient-to-position)}.to-purple-700{--tw-gradient-to: #6C2BD9 var(--tw-gradient-to-position)}.to-red-700{--tw-gradient-to: #C81E1E var(--tw-gradient-to-position)}.to-teal-700{--tw-gradient-to: #036672 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-yellow-200{--tw-gradient-to: #FCE96A var(--tw-gradient-to-position)}.to-100\%{--tw-gradient-to-position: 100%}.decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.box-decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.bg-fixed{background-attachment:fixed}.bg-local{background-attachment:local}.bg-scroll{background-attachment:scroll}.bg-clip-border{background-clip:border-box}.bg-clip-padding{background-clip:padding-box}.bg-clip-content{background-clip:content-box}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-repeat{background-repeat:repeat}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat-x{background-repeat:repeat-x}.bg-repeat-y{background-repeat:repeat-y}.bg-repeat-round{background-repeat:round}.bg-repeat-space{background-repeat:space}.bg-origin-border{background-origin:border-box}.bg-origin-padding{background-origin:padding-box}.bg-origin-content{background-origin:content-box}.fill-blue-600{fill:#1c64f2}.fill-current{fill:currentColor}.fill-gray-300{fill:#d1d5db}.fill-gray-600{fill:#4b5563}.fill-green-500{fill:#0e9f6e}.fill-pink-600{fill:#d61f69}.fill-purple-600{fill:#7e3af2}.fill-red-600{fill:#e02424}.fill-secondary{fill:var(--color-secondary)}.fill-white{fill:#fff}.fill-yellow-400{fill:#e3a008}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-80{padding-bottom:20rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-start{text-align:start}.text-end{text-align:end}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.align-text-top{vertical-align:text-top}.align-text-bottom{vertical-align:text-bottom}.align-sub{vertical-align:sub}.align-super{vertical-align:super}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:PTSans,Roboto,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.not-italic{font-style:normal}.normal-nums{font-variant-numeric:normal}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.slashed-zero{--tw-slashed-zero: slashed-zero;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.lining-nums{--tw-numeric-figure: lining-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.oldstyle-nums{--tw-numeric-figure: oldstyle-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.proportional-nums{--tw-numeric-spacing: proportional-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.diagonal-fractions{--tw-numeric-fraction: diagonal-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.stacked-fractions{--tw-numeric-fraction: stacked-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-6{line-height:1.5rem}.leading-9{line-height:2.25rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-\[\#336699\]\/\[\.35\]{color:#33669959}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-blue-100{--tw-text-opacity: 1;color:rgb(225 239 254 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}.text-blue-700{--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-green-200{--tw-text-opacity: 1;color:rgb(188 240 218 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(14 159 110 / var(--tw-text-opacity))}.text-green-600{--tw-text-opacity: 1;color:rgb(5 122 85 / var(--tw-text-opacity))}.text-green-700{--tw-text-opacity: 1;color:rgb(4 108 78 / var(--tw-text-opacity))}.text-green-800{--tw-text-opacity: 1;color:rgb(3 84 63 / var(--tw-text-opacity))}.text-green-900{--tw-text-opacity: 1;color:rgb(1 71 55 / var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(104 117 245 / var(--tw-text-opacity))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(81 69 205 / var(--tw-text-opacity))}.text-indigo-800{--tw-text-opacity: 1;color:rgb(66 56 157 / var(--tw-text-opacity))}.text-indigo-900{--tw-text-opacity: 1;color:rgb(54 47 120 / var(--tw-text-opacity))}.text-light-text-panel{color:var(--color-light-text-panel)}.text-orange-200{--tw-text-opacity: 1;color:rgb(252 217 189 / var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity: 1;color:rgb(255 90 31 / var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity: 1;color:rgb(208 56 1 / var(--tw-text-opacity))}.text-pink-500{--tw-text-opacity: 1;color:rgb(231 70 148 / var(--tw-text-opacity))}.text-pink-600{--tw-text-opacity: 1;color:rgb(214 31 105 / var(--tw-text-opacity))}.text-pink-700{--tw-text-opacity: 1;color:rgb(191 18 93 / var(--tw-text-opacity))}.text-pink-800{--tw-text-opacity: 1;color:rgb(153 21 75 / var(--tw-text-opacity))}.text-pink-900{--tw-text-opacity: 1;color:rgb(117 26 61 / var(--tw-text-opacity))}.text-purple-500{--tw-text-opacity: 1;color:rgb(144 97 249 / var(--tw-text-opacity))}.text-purple-600{--tw-text-opacity: 1;color:rgb(126 58 242 / var(--tw-text-opacity))}.text-purple-700{--tw-text-opacity: 1;color:rgb(108 43 217 / var(--tw-text-opacity))}.text-purple-800{--tw-text-opacity: 1;color:rgb(85 33 181 / var(--tw-text-opacity))}.text-purple-900{--tw-text-opacity: 1;color:rgb(74 29 150 / var(--tw-text-opacity))}.text-red-100{--tw-text-opacity: 1;color:rgb(253 232 232 / var(--tw-text-opacity))}.text-red-200{--tw-text-opacity: 1;color:rgb(251 213 213 / var(--tw-text-opacity))}.text-red-400{--tw-text-opacity: 1;color:rgb(249 128 128 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(240 82 82 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(224 36 36 / var(--tw-text-opacity))}.text-red-700{--tw-text-opacity: 1;color:rgb(200 30 30 / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(155 28 28 / var(--tw-text-opacity))}.text-red-900{--tw-text-opacity: 1;color:rgb(119 29 29 / var(--tw-text-opacity))}.text-secondary{color:var(--color-secondary)}.text-slate-50{--tw-text-opacity: 1;color:rgb(248 250 252 / var(--tw-text-opacity))}.text-slate-950{--tw-text-opacity: 1;color:rgb(2 6 23 / var(--tw-text-opacity))}.text-teal-500{--tw-text-opacity: 1;color:rgb(6 148 162 / var(--tw-text-opacity))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(227 160 8 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(194 120 3 / var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(142 75 16 / var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(114 59 19 / var(--tw-text-opacity))}.text-yellow-900{--tw-text-opacity: 1;color:rgb(99 49 18 / var(--tw-text-opacity))}.text-opacity-95{--tw-text-opacity: .95}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.decoration-solid{text-decoration-style:solid}.decoration-double{text-decoration-style:double}.decoration-dotted{text-decoration-style:dotted}.decoration-dashed{text-decoration-style:dashed}.decoration-wavy{text-decoration-style:wavy}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.bg-blend-normal{background-blend-mode:normal}.bg-blend-multiply{background-blend-mode:multiply}.bg-blend-screen{background-blend-mode:screen}.bg-blend-overlay{background-blend-mode:overlay}.bg-blend-darken{background-blend-mode:darken}.bg-blend-lighten{background-blend-mode:lighten}.bg-blend-color-dodge{background-blend-mode:color-dodge}.bg-blend-color-burn{background-blend-mode:color-burn}.bg-blend-hard-light{background-blend-mode:hard-light}.bg-blend-soft-light{background-blend-mode:soft-light}.bg-blend-difference{background-blend-mode:difference}.bg-blend-exclusion{background-blend-mode:exclusion}.bg-blend-hue{background-blend-mode:hue}.bg-blend-saturation{background-blend-mode:saturation}.bg-blend-color{background-blend-mode:color}.bg-blend-luminosity{background-blend-mode:luminosity}.mix-blend-normal{mix-blend-mode:normal}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-screen{mix-blend-mode:screen}.mix-blend-overlay{mix-blend-mode:overlay}.mix-blend-darken{mix-blend-mode:darken}.mix-blend-lighten{mix-blend-mode:lighten}.mix-blend-color-dodge{mix-blend-mode:color-dodge}.mix-blend-color-burn{mix-blend-mode:color-burn}.mix-blend-hard-light{mix-blend-mode:hard-light}.mix-blend-soft-light{mix-blend-mode:soft-light}.mix-blend-difference{mix-blend-mode:difference}.mix-blend-exclusion{mix-blend-mode:exclusion}.mix-blend-hue{mix-blend-mode:hue}.mix-blend-saturation{mix-blend-mode:saturation}.mix-blend-color{mix-blend-mode:color}.mix-blend-luminosity{mix-blend-mode:luminosity}.mix-blend-plus-lighter{mix-blend-mode:plus-lighter}.\!shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-blue-500\/50{--tw-shadow-color: rgb(63 131 248 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-blue-800\/80{--tw-shadow-color: rgb(30 66 159 / .8);--tw-shadow: var(--tw-shadow-colored)}.shadow-cyan-500\/50{--tw-shadow-color: rgb(6 182 212 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-cyan-800\/80{--tw-shadow-color: rgb(21 94 117 / .8);--tw-shadow: var(--tw-shadow-colored)}.shadow-green-500\/50{--tw-shadow-color: rgb(14 159 110 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-green-800\/80{--tw-shadow-color: rgb(3 84 63 / .8);--tw-shadow: var(--tw-shadow-colored)}.shadow-lime-500\/50{--tw-shadow-color: rgb(132 204 22 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-lime-800\/80{--tw-shadow-color: rgb(63 98 18 / .8);--tw-shadow: var(--tw-shadow-colored)}.shadow-pink-500\/50{--tw-shadow-color: rgb(231 70 148 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-pink-800\/80{--tw-shadow-color: rgb(153 21 75 / .8);--tw-shadow: var(--tw-shadow-colored)}.shadow-purple-500\/50{--tw-shadow-color: rgb(144 97 249 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-purple-800\/80{--tw-shadow-color: rgb(85 33 181 / .8);--tw-shadow: var(--tw-shadow-colored)}.shadow-red-500\/50{--tw-shadow-color: rgb(240 82 82 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-red-800\/80{--tw-shadow-color: rgb(155 28 28 / .8);--tw-shadow: var(--tw-shadow-colored)}.shadow-teal-500\/50{--tw-shadow-color: rgb(6 148 162 / .5);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-dashed{outline-style:dashed}.outline-dotted{outline-style:dotted}.outline-double{outline-style:double}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))}.ring-blue-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity))}.ring-cyan-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(21 94 117 / var(--tw-ring-opacity))}.ring-gray-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity))}.ring-gray-600{--tw-ring-opacity: 1;--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity))}.ring-gray-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity))}.ring-green-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity))}.ring-pink-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(153 21 75 / var(--tw-ring-opacity))}.ring-pink-900{--tw-ring-opacity: 1;--tw-ring-color: rgb(117 26 61 / var(--tw-ring-opacity))}.ring-purple-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(85 33 181 / var(--tw-ring-opacity))}.ring-purple-900{--tw-ring-opacity: 1;--tw-ring-color: rgb(74 29 150 / var(--tw-ring-opacity))}.ring-red-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity))}.ring-red-900{--tw-ring-opacity: 1;--tw-ring-color: rgb(119 29 29 / var(--tw-ring-opacity))}.ring-opacity-5{--tw-ring-opacity: .05}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));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)}.grayscale{--tw-grayscale: grayscale(100%);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)}.invert{--tw-invert: invert(100%);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)}.sepia{--tw-sepia: sepia(100%);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{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)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter-none{filter:none}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-grayscale{--tw-backdrop-grayscale: grayscale(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-invert{--tw-backdrop-invert: invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-sepia{--tw-backdrop-sepia: sepia(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter-none{-webkit-backdrop-filter:none;backdrop-filter:none}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{--tw-content: "this-is-also-valid]-weirdly-enough";content:var(--tw-content)}.scrollbar{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}.scrollbar::-webkit-scrollbar{display:block;width:var(--scrollbar-width, 16px);height:var(--scrollbar-height, 16px)}.scrollbar-thin::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.scrollbar-thin::-webkit-scrollbar-track:hover{background-color:var(--scrollbar-track-hover, var(--scrollbar-track))}.scrollbar-thin::-webkit-scrollbar-track:active{background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))}.scrollbar-thin::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))}.scrollbar-thin::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.scrollbar-thin::-webkit-scrollbar-corner:hover{background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))}.scrollbar-thin::-webkit-scrollbar-corner:active{background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}.scrollbar-thin::-webkit-scrollbar{display:block;width:8px;height:8px}.scrollbar-track-bg-light{--scrollbar-track: var(--color-bg-light) !important}.scrollbar-track-bg-light-tone{--scrollbar-track: var(--color-bg-light-tone) !important}.scrollbar-track-blue-100{--scrollbar-track: #E1EFFE !important}.scrollbar-track-gray-200{--scrollbar-track: #E5E7EB !important}.scrollbar-thumb-bg-light-tone{--scrollbar-thumb: var(--color-bg-light-tone) !important}.scrollbar-thumb-bg-light-tone-panel{--scrollbar-thumb: var(--color-bg-light-tone-panel) !important}.scrollbar-thumb-blue-500{--scrollbar-thumb: #3F83F8 !important}.scrollbar-thumb-gray-400{--scrollbar-thumb: #9CA3AF !important}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.display-none{display:none}h1{margin-bottom:1.5rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity))}h1:is(.dark *){--tw-text-opacity: 1;color:rgb(225 239 254 / var(--tw-text-opacity))}@media (min-width: 768px){h1{font-size:3rem;line-height:1}}h2{margin-bottom:1rem;font-size:1.875rem;line-height:2.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}h2:is(.dark *){--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}h3{margin-bottom:.75rem;font-size:1.5rem;line-height:2rem;font-weight:500;--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}h3:is(.dark *){--tw-text-opacity: 1;color:rgb(164 202 254 / var(--tw-text-opacity))}h4{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}h4:is(.dark *){--tw-text-opacity: 1;color:rgb(118 169 250 / var(--tw-text-opacity))}h1,h2{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(164 202 254 / var(--tw-border-opacity));padding-bottom:.5rem}h1:is(.dark *),h2:is(.dark *){--tw-border-opacity: 1;border-color:rgb(28 100 242 / var(--tw-border-opacity))}p{overflow-wrap:break-word;font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}p:is(.dark *){--tw-text-opacity: 1;color:rgb(164 202 254 / var(--tw-text-opacity))}ul{margin-left:0;list-style-type:disc}li{margin-left:1.25rem;list-style-type:disc}ol{margin-left:1.25rem;list-style-type:decimal}:root{--color-primary: #4a90e2;--color-primary-light: #6ab7f1;--color-secondary: #8ab8e0;--color-accent: #3a7ca1;--color-light-text-panel: #ffffff;--color-dark-text-panel: #e0e0e0;--color-bg-light-panel: #f0faff;--color-bg-light: #ffffff;--color-bg-light-tone: #e0f0ff;--color-bg-light-code-block: #f5faff;--color-bg-light-tone-panel: #d0e0f0;--color-bg-light-discussion: #f8faff;--color-bg-light-discussion-odd: #f0faff;--color-bg-dark: #0a0a1a;--color-bg-dark-tone: #151521;--color-bg-dark-tone-panel: #1c1c2a;--color-bg-dark-code-block: #151521;--color-bg-dark-discussion: #0e0e1a;--color-bg-dark-discussion-odd: #0d0d1a}textarea,input,select{--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity))}textarea:is(.dark *),input:is(.dark *),select:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(35 56 118 / var(--tw-bg-opacity))}.background-color{min-height:100vh;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #E1EFFE var(--tw-gradient-from-position);--tw-gradient-to: rgb(225 239 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #CABFFD var(--tw-gradient-to-position)}.background-color:is(.dark *){--tw-gradient-from: #1E429F var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 66 159 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #4A1D96 var(--tw-gradient-to-position)}.toolbar-color{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.toolbar-color:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}.panels-color{--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.panels-color:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}.unicolor-panels-color{--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity))}.unicolor-panels-color:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.message{position:relative;margin:.5rem;display:flex;width:100%;flex-grow:1;flex-direction:column;flex-wrap:wrap;overflow:visible;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(164 202 254 / var(--tw-border-opacity));padding:1.25rem 1.25rem .75rem;font-size:1.125rem;line-height:1.75rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.message:is(.dark *){--tw-border-opacity: 1;border-color:rgb(28 100 242 / var(--tw-border-opacity))}.message{--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(35 56 118 / var(--tw-text-opacity))}.message:is(.dark *){background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #233876 var(--tw-gradient-from-position);--tw-gradient-to: rgb(35 56 118 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #1E429F var(--tw-gradient-to-position);--tw-text-opacity: 1;color:rgb(225 239 254 / var(--tw-text-opacity))}.message:hover{--tw-border-opacity: 1;border-color:rgb(118 169 250 / var(--tw-border-opacity))}.message:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(63 131 248 / var(--tw-border-opacity))}.message:nth-child(2n){--tw-bg-opacity: 1;background-color:rgb(235 245 255 / var(--tw-bg-opacity))}.message:nth-child(2n):is(.dark *){--tw-bg-opacity: 1;background-color:rgb(35 56 118 / var(--tw-bg-opacity))}.message:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity))}.message:nth-child(odd):is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity))}.message-header{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.message-content{font-size:1.125rem;line-height:1.75rem;line-height:1.625}body{min-height:100vh;--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity));font-size:1rem;line-height:1.5rem}body:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(35 56 118 / var(--tw-bg-opacity))}.discussion{margin-right:.5rem;font-size:.75rem;line-height:1rem}.discussion:hover{--tw-bg-opacity: 1;background-color:rgb(164 202 254 / var(--tw-bg-opacity))}.discussion-hilighted{--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity));font-size:.75rem;line-height:1rem}.discussion-hilighted:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity))}.bg-gradient-welcome{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #E1EFFE var(--tw-gradient-from-position);--tw-gradient-to: rgb(225 239 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #CABFFD var(--tw-gradient-to-position)}.bg-gradient-welcome:is(.dark *){--tw-gradient-from: #1E429F var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 66 159 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #4A1D96 var(--tw-gradient-to-position)}.bg-gradient-progress{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #C3DDFD var(--tw-gradient-from-position);--tw-gradient-to: rgb(195 221 253 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #A4CAFE var(--tw-gradient-to-position)}.bg-gradient-progress:is(.dark *){--tw-gradient-from: #1A56DB var(--tw-gradient-from-position);--tw-gradient-to: rgb(26 86 219 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #1C64F2 var(--tw-gradient-to-position)}.text-gradient-title{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #1A56DB var(--tw-gradient-from-position);--tw-gradient-to: rgb(26 86 219 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #3F83F8 var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-title:is(.dark *){--tw-gradient-from: #A4CAFE var(--tw-gradient-from-position);--tw-gradient-to: rgb(164 202 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #3F83F8 var(--tw-gradient-to-position)}.text-subtitle{--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}.text-subtitle:is(.dark *){--tw-text-opacity: 1;color:rgb(118 169 250 / var(--tw-text-opacity))}.text-author{--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}.text-author:is(.dark *){--tw-text-opacity: 1;color:rgb(118 169 250 / var(--tw-text-opacity))}.text-loading{--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.text-loading:is(.dark *){--tw-text-opacity: 1;color:rgb(164 202 254 / var(--tw-text-opacity))}.text-progress{--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}.text-progress:is(.dark *){--tw-text-opacity: 1;color:rgb(118 169 250 / var(--tw-text-opacity))}.btn-primary{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity));padding:.5rem 1rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-secondary{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(118 169 250 / var(--tw-bg-opacity));padding:.5rem 1rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.card{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:1.5rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.card:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity))}.input{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(164 202 254 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity));padding:.5rem 1rem}.input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity))}.input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(28 100 242 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.input:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(118 169 250 / var(--tw-ring-opacity))}.label{margin-bottom:.25rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.label:is(.dark *){--tw-text-opacity: 1;color:rgb(164 202 254 / var(--tw-text-opacity))}.link{--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}.link:hover{--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity))}.link:is(.dark *){--tw-text-opacity: 1;color:rgb(118 169 250 / var(--tw-text-opacity))}.link:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}.navbar-container{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.navbar-container:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}.game-menu{position:relative;display:flex;align-items:center;justify-content:center}.text-shadow-custom{text-shadow:1px 1px 0px #e0e0e0,-1px -1px 0px #e0e0e0,1px -1px 0px #e0e0e0,-1px 1px 0px #e0e0e0}.animated-progressbar-bg{position:relative;height:2.5rem;width:100%;overflow:hidden;border-radius:.125rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #172554 var(--tw-gradient-from-position);--tw-gradient-to: rgb(23 37 84 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #233876 var(--tw-gradient-to-position);--tw-shadow: 0 0 15px rgba(245,158,11,.2);--tw-shadow-colored: 0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.animated-progressbar-bg:is(.dark *){--tw-gradient-from: #000000 var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #172554 var(--tw-gradient-to-position)}.animated-progressbar-fg{position:absolute;top:0;left:0;height:100%;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #76A9FA var(--tw-gradient-to-position);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.animated-progressbar-fg:is(.dark *){--tw-gradient-from: #76A9FA var(--tw-gradient-from-position);--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #3F83F8 var(--tw-gradient-to-position)}.menu-item{margin-bottom:.5rem;padding:.5rem 1rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity));transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.menu-item:is(.dark *){--tw-text-opacity: 1;color:rgb(164 202 254 / var(--tw-text-opacity))}.menu-item:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity))}.menu-item:is(.dark *):hover{--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}.menu-item.active-link{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-top-left-radius:.375rem;border-top-right-radius:.375rem;--tw-border-opacity: 1;border-color:rgb(63 131 248 / var(--tw-border-opacity));font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity));transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);text-shadow:1px 1px 0px #e0e0e0,-1px -1px 0px #e0e0e0,1px -1px 0px #e0e0e0,-1px 1px 0px #e0e0e0}.menu-item.active-link:is(.dark *){--tw-text-opacity: 1;color:rgb(164 202 254 / var(--tw-text-opacity))}.menu-item.active-link:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity: 1;color:rgb(35 56 118 / var(--tw-text-opacity))}.menu-item.active-link:is(.dark *):hover{--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}.menu-item.active-link{text-shadow:0 0 10px rgba(128,128,128,.5)}.menu-item.active-link:before{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:5px;background:linear-gradient(to right,#4a90e2,#8ab8e0,#4a90e2);border-radius:10px;animation:shimmer 2s infinite}.dark .menu-item.active-link:before{background:linear-gradient(to right,#6ab7f1,#aaa,#6ab7f1)}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.feather-emoji{display:inline-block;margin-left:5px;animation:bounce 2s infinite}.app-card{--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.app-card:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.app-card:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(225 239 254 / var(--tw-text-opacity))}.app-card:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}button{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}button:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:#76A9FA #C3DDFD}.dark .scrollbar-thin{scrollbar-color:#1C64F2 #1E429F}.scrollbar-thin::-webkit-scrollbar{width:.5rem}.scrollbar-thin::-webkit-scrollbar-track{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity))}.scrollbar-thin:is(.dark *)::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity))}.scrollbar-thin::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(118 169 250 / var(--tw-bg-opacity))}.scrollbar-thin:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.scrollbar-thin::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.scrollbar-thin:is(.dark *)::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.btn{display:flex;align-items:center;border-radius:.5rem;padding:.5rem 1rem;font-weight:600;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-primary{--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.btn-primary:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity))}.btn-primary:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(28 100 242 / var(--tw-ring-opacity))}.btn-secondary{--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.btn-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(164 202 254 / var(--tw-bg-opacity))}.btn-secondary:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(195 221 253 / var(--tw-ring-opacity))}.btn-secondary:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}.btn-secondary:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.btn-secondary:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(28 100 242 / var(--tw-ring-opacity))}.search-input{width:100%;border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(164 202 254 / var(--tw-border-opacity));background-color:transparent;padding:.5rem 1rem .5rem 2.5rem;--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.search-input:focus{--tw-border-opacity: 1;border-color:rgb(63 131 248 / var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}.search-input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(28 100 242 / var(--tw-border-opacity));--tw-text-opacity: 1;color:rgb(225 239 254 / var(--tw-text-opacity))}.search-input:focus:is(.dark *){--tw-border-opacity: 1;border-color:rgb(118 169 250 / var(--tw-border-opacity))}.scrollbar::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.scrollbar::-webkit-scrollbar-track:hover{background-color:var(--scrollbar-track-hover, var(--scrollbar-track))}.scrollbar::-webkit-scrollbar-track:active{background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))}.scrollbar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))}.scrollbar::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))}.scrollbar::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.scrollbar::-webkit-scrollbar-corner:hover{background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))}.scrollbar::-webkit-scrollbar-corner:active{background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}.scrollbar::-webkit-scrollbar{display:block;width:8px;height:8px}.scrollbar{--scrollbar-track: #C3DDFD;--scrollbar-thumb: #76A9FA;scrollbar-width:thin;scrollbar-color:#76A9FA #C3DDFD}.dark .scrollbar{scrollbar-color:#1C64F2 #1E429F}.scrollbar::-webkit-scrollbar{width:.5rem}.scrollbar::-webkit-scrollbar-track{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity))}.scrollbar:is(.dark *)::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity))}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(118 169 250 / var(--tw-bg-opacity))}.scrollbar:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.scrollbar::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.scrollbar:is(.dark *)::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.scrollbar{--scrollbar-thumb-hover: #3F83F8}.scrollbar:is(.dark *){--scrollbar-track: #1A56DB;--scrollbar-thumb: #1C64F2;--scrollbar-thumb-hover: #3F83F8}.card-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity))}.card-title:is(.dark *){--tw-text-opacity: 1;color:rgb(225 239 254 / var(--tw-text-opacity))}.card-content{--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}.card-content:is(.dark *){--tw-text-opacity: 1;color:rgb(164 202 254 / var(--tw-text-opacity))}.card-footer{margin-top:1rem;display:flex;align-items:center;justify-content:space-between}.card-footer-button{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity));padding:.5rem 1rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.card-footer-button:hover{--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.subcard{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(235 245 255 / var(--tw-bg-opacity));padding:1rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.subcard:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity))}.subcard-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity))}.subcard-title:is(.dark *){--tw-text-opacity: 1;color:rgb(225 239 254 / var(--tw-text-opacity))}.subcard-content{--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}.subcard-content:is(.dark *){--tw-text-opacity: 1;color:rgb(164 202 254 / var(--tw-text-opacity))}.subcard-footer{margin-top:1rem;display:flex;align-items:center;justify-content:space-between}.subcard-footer-button{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity));padding:.5rem 1rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.subcard-footer-button:hover{--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.discussion-toolbox{display:flex;--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;gap:.5rem;border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.5rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.group:hover .discussion-toolbox{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.discussion-toolbox:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.lollms-title-style{text-shadow:2px 2px 4px rgba(0,0,0,.2),2px 2px 0px white,-2px -2px 0px white,2px -2px 0px white,-2px 2px 0px white;background:linear-gradient(45deg,#f59e0b,#fbbf24);-webkit-background-clip:text;background-clip:text}.chat-bar{position:relative;display:flex;flex-grow:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:.5rem;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity));padding:.25rem;--tw-text-opacity: 1;color:rgb(49 196 141 / var(--tw-text-opacity));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.chat-bar:hover{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.chat-bar:is(.dark *){--tw-border-opacity: 1;border-color:rgb(4 108 78 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(132 225 188 / var(--tw-text-opacity))}.chat-bar{height:50px;transition:all .3s ease}.chat-bar:hover{box-shadow:0 4px 6px -1px #00ff001a,0 2px 4px -1px #00ff000f}.svg-button{border-radius:9999px;padding:.5rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.svg-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));--tw-ring-offset-width: 2px}.svg-button:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.svg-button:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.svg-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.svg-button:active{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.svg-button:active:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.nav-button{border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nav-button:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.nav-button:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.nav-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.nav-button-active{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.nav-button-active:hover{--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.nav-button-active:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.nav-button-active:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.btn-on{--tw-text-opacity: 1;color:rgb(14 159 110 / var(--tw-text-opacity))}.btn-on:is(.dark *){--tw-text-opacity: 1;color:rgb(49 196 141 / var(--tw-text-opacity))}.btn-off{--tw-text-opacity: 1;color:rgb(240 82 82 / var(--tw-text-opacity))}.btn-off:is(.dark *){--tw-text-opacity: 1;color:rgb(249 128 128 / var(--tw-text-opacity))}.interesting-facts{margin-top:1.5rem;margin-bottom:1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.5rem;background-color:#fffc;padding:1rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.interesting-facts:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.interesting-facts:is(.dark *){background-color:#1f2937cc}.toolbar-button{cursor:pointer;border-style:none;background-color:transparent;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.toolbar-button:hover{--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}.context-menu{position:absolute;background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 10px #0000001a;border-radius:4px;padding:8px 0;min-width:150px;z-index:1000}.context-menu-item{padding:8px 16px;font-size:14px;color:#333;cursor:pointer;transition:background-color .2s ease}.context-menu-item:hover{background-color:#f5f5f5}.context-menu-separator{height:1px;background-color:#e0e0e0;margin:4px 0}.context-menu-item-disabled{color:#999;cursor:not-allowed}.context-menu-item-icon{margin-right:8px}.steps-container{margin-bottom:1rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.steps-header{display:flex;cursor:pointer;align-items:center;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));padding:1rem}.steps-header:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.steps-title{margin:0;font-size:1rem;line-height:1.5rem;font-weight:600}.step-item{margin-bottom:.5rem;border-left-width:2px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));padding-left:1rem}.steps-container{margin-bottom:1rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.steps-container:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.steps-header{display:flex;cursor:pointer;align-items:center;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));padding:1rem}.steps-header:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.steps-icon{margin-right:1rem}.steps-summary{flex-grow:1}.steps-title{margin:0;font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.steps-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.steps-status{margin:0;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.steps-status:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.toggle-icon{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.toggle-icon:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.steps-content{padding:1rem}.steps-list{margin:0;list-style-type:none;padding:0}.step-item{margin-bottom:.5rem;border-left-width:2px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));padding-left:1rem}.step-item:last-child{margin-bottom:0}.step-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.step-container{margin-bottom:1rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.step-wrapper{display:flex;align-items:flex-start;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.75rem}.step-wrapper:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.step-icon{margin-right:.75rem;height:1.5rem;width:1.5rem;flex-shrink:0}.icon-success{height:1.5rem;width:1.5rem;--tw-text-opacity: 1;color:rgb(14 159 110 / var(--tw-text-opacity))}.icon-fail{height:1.5rem;width:1.5rem;--tw-text-opacity: 1;color:rgb(240 82 82 / var(--tw-text-opacity))}.icon-spinner{height:1.5rem;width:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.icon-spinner{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;--tw-border-opacity: 1;border-color:rgb(63 131 248 / var(--tw-border-opacity));border-top-color:transparent}.icon-spinner:is(.dark *){--tw-border-opacity: 1;border-color:rgb(118 169 250 / var(--tw-border-opacity))}.step-content{flex-grow:1}.step-text{font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.step-text:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.step-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.step-description:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.fade-enter-active,.fade-leave-active{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.fade-enter,.fade-leave-to{opacity:0}.status-icon{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.icon{height:1.5rem;width:1.5rem}.icon-success{--tw-text-opacity: 1;color:rgb(14 159 110 / var(--tw-text-opacity))}.icon-success:is(.dark *){--tw-text-opacity: 1;color:rgb(49 196 141 / var(--tw-text-opacity))}.icon-fail{--tw-text-opacity: 1;color:rgb(240 82 82 / var(--tw-text-opacity))}.icon-fail:is(.dark *){--tw-text-opacity: 1;color:rgb(249 128 128 / var(--tw-text-opacity))}.icon-text{font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.icon-text:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}@media (min-width: 640px){.sm\:container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}.sm\:container{max-width:640px}@media (min-width: 768px){.sm\:container{max-width:768px}}@media (min-width: 1024px){.sm\:container{max-width:1024px}}@media (min-width: 1280px){.sm\:container{max-width:1280px}}@media (min-width: 1536px){.sm\:container{max-width:1536px}}}.last\:mb-0:last-child{margin-bottom:0}.even\:bg-bg-light-discussion-odd:nth-child(2n){background-color:var(--color-bg-light-discussion-odd)}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:block{display:block}.group\/item:hover .group-hover\/item\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/item:hover .group-hover\/item\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-secondary{border-color:var(--color-secondary)}.group:hover .group-hover\:bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.group:hover .group-hover\:bg-white\/50{background-color:#ffffff80}.group:hover .group-hover\:bg-opacity-0{--tw-bg-opacity: 0}.group:hover .group-hover\:from-cyan-500{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.group:hover .group-hover\:from-green-400{--tw-gradient-from: #31C48D var(--tw-gradient-from-position);--tw-gradient-to: rgb(49 196 141 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.group:hover .group-hover\:from-pink-500{--tw-gradient-from: #E74694 var(--tw-gradient-from-position);--tw-gradient-to: rgb(231 70 148 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.group:hover .group-hover\:from-purple-500{--tw-gradient-from: #9061F9 var(--tw-gradient-from-position);--tw-gradient-to: rgb(144 97 249 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.group:hover .group-hover\:from-purple-600{--tw-gradient-from: #7E3AF2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(126 58 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.group:hover .group-hover\:from-red-200{--tw-gradient-from: #FBD5D5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 213 213 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.group:hover .group-hover\:from-teal-300{--tw-gradient-from: #7EDCE2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(126 220 226 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.group:hover .group-hover\:via-red-300{--tw-gradient-to: rgb(248 180 180 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #F8B4B4 var(--tw-gradient-via-position), var(--tw-gradient-to)}.group:hover .group-hover\:to-blue-500{--tw-gradient-to: #3F83F8 var(--tw-gradient-to-position)}.group:hover .group-hover\:to-blue-600{--tw-gradient-to: #1C64F2 var(--tw-gradient-to-position)}.group:hover .group-hover\:to-lime-300{--tw-gradient-to: #bef264 var(--tw-gradient-to-position)}.group:hover .group-hover\:to-orange-400{--tw-gradient-to: #FF8A4C var(--tw-gradient-to-position)}.group:hover .group-hover\:to-pink-500{--tw-gradient-to: #E74694 var(--tw-gradient-to-position)}.group:hover .group-hover\:to-yellow-200{--tw-gradient-to: #FCE96A var(--tw-gradient-to-position)}.group:hover .group-hover\:text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.group\/item:hover .group-hover\/item\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.group:focus .group-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.group:focus .group-focus\:ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.group:focus .group-focus\:ring-white{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity))}.peer:checked~.peer-checked\:text-primary{color:var(--color-primary)}.hover\:z-10:hover{z-index:10}.hover\:z-20:hover{z-index:20}.hover\:h-8:hover{height:2rem}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-2:hover{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-x-100:hover{--tw-scale-x: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-2:hover{border-width:2px}.hover\:border-solid:hover{border-style:solid}.hover\:border-blue-300:hover{--tw-border-opacity: 1;border-color:rgb(164 202 254 / var(--tw-border-opacity))}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.hover\:border-gray-600:hover{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.hover\:border-green-200:hover{--tw-border-opacity: 1;border-color:rgb(188 240 218 / var(--tw-border-opacity))}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:border-primary-light:hover{border-color:var(--color-primary-light)}.hover\:border-secondary:hover{border-color:var(--color-secondary)}.hover\:bg-bg-light-tone:hover{background-color:var(--color-bg-light-tone)}.hover\:bg-bg-light-tone-panel:hover{background-color:var(--color-bg-light-tone-panel)}.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(225 239 254 / var(--tw-bg-opacity))}.hover\:bg-blue-200:hover{--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity))}.hover\:bg-blue-300:hover{--tw-bg-opacity: 1;background-color:rgb(164 202 254 / var(--tw-bg-opacity))}.hover\:bg-blue-400:hover{--tw-bg-opacity: 1;background-color:rgb(118 169 250 / var(--tw-bg-opacity))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.hover\:bg-blue-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.hover\:bg-gray-400:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.hover\:bg-gray-900:hover{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.hover\:bg-green-200:hover{--tw-bg-opacity: 1;background-color:rgb(188 240 218 / var(--tw-bg-opacity))}.hover\:bg-green-300:hover{--tw-bg-opacity: 1;background-color:rgb(132 225 188 / var(--tw-bg-opacity))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(5 122 85 / var(--tw-bg-opacity))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(4 108 78 / var(--tw-bg-opacity))}.hover\:bg-green-800:hover{--tw-bg-opacity: 1;background-color:rgb(3 84 63 / var(--tw-bg-opacity))}.hover\:bg-pink-800:hover{--tw-bg-opacity: 1;background-color:rgb(153 21 75 / var(--tw-bg-opacity))}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:bg-primary-light:hover{background-color:var(--color-primary-light)}.hover\:bg-purple-800:hover{--tw-bg-opacity: 1;background-color:rgb(85 33 181 / var(--tw-bg-opacity))}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(253 232 232 / var(--tw-bg-opacity))}.hover\:bg-red-200:hover{--tw-bg-opacity: 1;background-color:rgb(251 213 213 / var(--tw-bg-opacity))}.hover\:bg-red-300:hover{--tw-bg-opacity: 1;background-color:rgb(248 180 180 / var(--tw-bg-opacity))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(224 36 36 / var(--tw-bg-opacity))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(200 30 30 / var(--tw-bg-opacity))}.hover\:bg-red-800:hover{--tw-bg-opacity: 1;background-color:rgb(155 28 28 / var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.hover\:bg-yellow-200:hover{--tw-bg-opacity: 1;background-color:rgb(252 233 106 / var(--tw-bg-opacity))}.hover\:bg-yellow-500:hover{--tw-bg-opacity: 1;background-color:rgb(194 120 3 / var(--tw-bg-opacity))}.hover\:bg-gradient-to-bl:hover{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}.hover\:bg-gradient-to-br:hover{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.hover\:bg-gradient-to-l:hover{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.hover\:bg-gradient-to-r:hover{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.hover\:from-blue-50:hover{--tw-gradient-from: #EBF5FF var(--tw-gradient-from-position);--tw-gradient-to: rgb(235 245 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-blue-500\/20:hover{--tw-gradient-from: rgb(63 131 248 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-teal-200:hover{--tw-gradient-from: #AFECEF var(--tw-gradient-from-position);--tw-gradient-to: rgb(175 236 239 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-lime-200:hover{--tw-gradient-to: #d9f99d var(--tw-gradient-to-position)}.hover\:to-purple-50:hover{--tw-gradient-to: #F6F5FF var(--tw-gradient-to-position)}.hover\:to-purple-500\/20:hover{--tw-gradient-to: rgb(144 97 249 / .2) var(--tw-gradient-to-position)}.hover\:font-bold:hover{font-weight:700}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(28 100 242 / var(--tw-text-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.hover\:text-green-300:hover{--tw-text-opacity: 1;color:rgb(132 225 188 / var(--tw-text-opacity))}.hover\:text-green-500:hover{--tw-text-opacity: 1;color:rgb(14 159 110 / var(--tw-text-opacity))}.hover\:text-green-600:hover{--tw-text-opacity: 1;color:rgb(5 122 85 / var(--tw-text-opacity))}.hover\:text-indigo-600:hover{--tw-text-opacity: 1;color:rgb(88 80 236 / var(--tw-text-opacity))}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-purple-600:hover{--tw-text-opacity: 1;color:rgb(126 58 242 / var(--tw-text-opacity))}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(248 180 180 / var(--tw-text-opacity))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(240 82 82 / var(--tw-text-opacity))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(224 36 36 / var(--tw-text-opacity))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(200 30 30 / var(--tw-text-opacity))}.hover\:text-secondary:hover{color:var(--color-secondary)}.hover\:text-teal-600:hover{--tw-text-opacity: 1;color:rgb(4 116 129 / var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:text-yellow-600:hover{--tw-text-opacity: 1;color:rgb(159 88 10 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-none:hover{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:scrollbar-thumb-primary{--scrollbar-thumb-hover: var(--color-primary) !important}.before\:hover\:text-center:hover:before{content:var(--tw-content);text-align:center}.hover\:before\:text-center:hover:before{content:var(--tw-content);text-align:center}.focus\:z-10:focus{z-index:10}.focus\:border-blue-300:focus{--tw-border-opacity: 1;border-color:rgb(164 202 254 / var(--tw-border-opacity))}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(63 131 248 / var(--tw-border-opacity))}.focus\:border-secondary:focus{border-color:var(--color-secondary)}.focus\:border-transparent:focus{border-color:transparent}.focus\:text-blue-700:focus{--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(195 221 253 / var(--tw-ring-opacity))}.focus\:ring-blue-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity))}.focus\:ring-blue-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(118 169 250 / var(--tw-ring-opacity))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity))}.focus\:ring-blue-500\/50:focus{--tw-ring-color: rgb(63 131 248 / .5)}.focus\:ring-blue-700:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(26 86 219 / var(--tw-ring-opacity))}.focus\:ring-cyan-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(165 243 252 / var(--tw-ring-opacity))}.focus\:ring-cyan-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity))}.focus\:ring-gray-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity))}.focus\:ring-gray-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity))}.focus\:ring-gray-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity))}.focus\:ring-green-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(188 240 218 / var(--tw-ring-opacity))}.focus\:ring-green-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(132 225 188 / var(--tw-ring-opacity))}.focus\:ring-green-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(49 196 141 / var(--tw-ring-opacity))}.focus\:ring-lime-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(217 249 157 / var(--tw-ring-opacity))}.focus\:ring-lime-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(190 242 100 / var(--tw-ring-opacity))}.focus\:ring-pink-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(250 209 232 / var(--tw-ring-opacity))}.focus\:ring-pink-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 180 217 / var(--tw-ring-opacity))}.focus\:ring-purple-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(220 215 254 / var(--tw-ring-opacity))}.focus\:ring-purple-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(202 191 253 / var(--tw-ring-opacity))}.focus\:ring-red-100:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(253 232 232 / var(--tw-ring-opacity))}.focus\:ring-red-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 180 180 / var(--tw-ring-opacity))}.focus\:ring-red-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(240 82 82 / var(--tw-ring-opacity))}.focus\:ring-secondary:focus{--tw-ring-color: var(--color-secondary)}.focus\:ring-teal-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(126 220 226 / var(--tw-ring-opacity))}.focus\:ring-yellow-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(250 202 21 / var(--tw-ring-opacity))}.focus\:ring-yellow-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(227 160 8 / var(--tw-ring-opacity))}.focus\:ring-opacity-50:focus{--tw-ring-opacity: .5}.focus\:hover\:text-center:hover:focus{text-align:center}.hover\:focus\:text-center:focus:hover{text-align:center}.active\:scale-75:active{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-90:active{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scrollbar-thumb-secondary{--scrollbar-thumb-active: var(--color-secondary) !important}.dark\:divide-gray-700:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity))}.dark\:border-bg-light:is(.dark *){border-color:var(--color-bg-light)}.dark\:border-blue-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(63 131 248 / var(--tw-border-opacity))}.dark\:border-blue-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(26 86 219 / var(--tw-border-opacity))}.dark\:border-gray-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.dark\:border-gray-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}.dark\:border-gray-900:is(.dark *){--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity))}.dark\:border-green-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(14 159 110 / var(--tw-border-opacity))}.dark\:border-pink-400:is(.dark *){--tw-border-opacity: 1;border-color:rgb(241 126 184 / var(--tw-border-opacity))}.dark\:border-pink-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(231 70 148 / var(--tw-border-opacity))}.dark\:border-purple-400:is(.dark *){--tw-border-opacity: 1;border-color:rgb(172 148 250 / var(--tw-border-opacity))}.dark\:border-purple-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(144 97 249 / var(--tw-border-opacity))}.dark\:border-red-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(240 82 82 / var(--tw-border-opacity))}.dark\:border-transparent:is(.dark *){border-color:transparent}.dark\:border-yellow-300:is(.dark *){--tw-border-opacity: 1;border-color:rgb(250 202 21 / var(--tw-border-opacity))}.dark\:bg-bg-dark:is(.dark *){background-color:var(--color-bg-dark)}.dark\:bg-bg-dark-tone:is(.dark *){background-color:var(--color-bg-dark-tone)}.dark\:bg-bg-dark-tone-panel:is(.dark *){background-color:var(--color-bg-dark-tone-panel)}.dark\:bg-black:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.dark\:bg-blue-200:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(195 221 253 / var(--tw-bg-opacity))}.dark\:bg-blue-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(63 131 248 / var(--tw-bg-opacity))}.dark\:bg-blue-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.dark\:bg-blue-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.dark\:bg-blue-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 66 159 / var(--tw-bg-opacity))}.dark\:bg-blue-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(35 56 118 / var(--tw-bg-opacity))}.dark\:bg-gray-300:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.dark\:bg-gray-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.dark\:bg-gray-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:bg-gray-800\/30:is(.dark *){background-color:#1f29374d}.dark\:bg-gray-800\/50:is(.dark *){background-color:#1f293780}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.dark\:bg-green-200:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(188 240 218 / var(--tw-bg-opacity))}.dark\:bg-green-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(14 159 110 / var(--tw-bg-opacity))}.dark\:bg-green-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(5 122 85 / var(--tw-bg-opacity))}.dark\:bg-green-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(3 84 63 / var(--tw-bg-opacity))}.dark\:bg-indigo-200:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(205 219 254 / var(--tw-bg-opacity))}.dark\:bg-indigo-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(104 117 245 / var(--tw-bg-opacity))}.dark\:bg-orange-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(180 52 3 / var(--tw-bg-opacity))}.dark\:bg-orange-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(138 44 13 / var(--tw-bg-opacity))}.dark\:bg-pink-200:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(250 209 232 / var(--tw-bg-opacity))}.dark\:bg-pink-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(214 31 105 / var(--tw-bg-opacity))}.dark\:bg-purple-200:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(220 215 254 / var(--tw-bg-opacity))}.dark\:bg-purple-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(144 97 249 / var(--tw-bg-opacity))}.dark\:bg-purple-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(126 58 242 / var(--tw-bg-opacity))}.dark\:bg-red-200:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(251 213 213 / var(--tw-bg-opacity))}.dark\:bg-red-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(240 82 82 / var(--tw-bg-opacity))}.dark\:bg-red-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(224 36 36 / var(--tw-bg-opacity))}.dark\:bg-red-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(155 28 28 / var(--tw-bg-opacity))}.dark\:bg-white:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dark\:bg-yellow-200:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(252 233 106 / var(--tw-bg-opacity))}.dark\:bg-opacity-70:is(.dark *){--tw-bg-opacity: .7}.dark\:bg-opacity-80:is(.dark *){--tw-bg-opacity: .8}.dark\:from-bg-dark:is(.dark *){--tw-gradient-from: var(--color-bg-dark) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-blue-400\/20:is(.dark *){--tw-gradient-from: rgb(118 169 250 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-indigo-400:is(.dark *){--tw-gradient-from: #8DA2FB var(--tw-gradient-from-position);--tw-gradient-to: rgb(141 162 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:via-bg-dark:is(.dark *){--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--color-bg-dark) var(--tw-gradient-via-position), var(--tw-gradient-to)}.dark\:to-purple-400:is(.dark *){--tw-gradient-to: #AC94FA var(--tw-gradient-to-position)}.dark\:to-purple-400\/20:is(.dark *){--tw-gradient-to: rgb(172 148 250 / .2) var(--tw-gradient-to-position)}.dark\:fill-gray-300:is(.dark *){fill:#d1d5db}.dark\:text-blue-200:is(.dark *){--tw-text-opacity: 1;color:rgb(195 221 253 / var(--tw-text-opacity))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(118 169 250 / var(--tw-text-opacity))}.dark\:text-blue-500:is(.dark *){--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}.dark\:text-blue-800:is(.dark *){--tw-text-opacity: 1;color:rgb(30 66 159 / var(--tw-text-opacity))}.dark\:text-dark-text-panel:is(.dark *){color:var(--color-dark-text-panel)}.dark\:text-gray-100:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.dark\:text-gray-600:is(.dark *){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.dark\:text-gray-800:is(.dark *){--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.dark\:text-green-200:is(.dark *){--tw-text-opacity: 1;color:rgb(188 240 218 / var(--tw-text-opacity))}.dark\:text-green-500:is(.dark *){--tw-text-opacity: 1;color:rgb(14 159 110 / var(--tw-text-opacity))}.dark\:text-green-800:is(.dark *){--tw-text-opacity: 1;color:rgb(3 84 63 / var(--tw-text-opacity))}.dark\:text-green-900:is(.dark *){--tw-text-opacity: 1;color:rgb(1 71 55 / var(--tw-text-opacity))}.dark\:text-indigo-500:is(.dark *){--tw-text-opacity: 1;color:rgb(104 117 245 / var(--tw-text-opacity))}.dark\:text-indigo-900:is(.dark *){--tw-text-opacity: 1;color:rgb(54 47 120 / var(--tw-text-opacity))}.dark\:text-orange-200:is(.dark *){--tw-text-opacity: 1;color:rgb(252 217 189 / var(--tw-text-opacity))}.dark\:text-pink-400:is(.dark *){--tw-text-opacity: 1;color:rgb(241 126 184 / var(--tw-text-opacity))}.dark\:text-pink-500:is(.dark *){--tw-text-opacity: 1;color:rgb(231 70 148 / var(--tw-text-opacity))}.dark\:text-pink-900:is(.dark *){--tw-text-opacity: 1;color:rgb(117 26 61 / var(--tw-text-opacity))}.dark\:text-primary:is(.dark *){color:var(--color-primary)}.dark\:text-purple-400:is(.dark *){--tw-text-opacity: 1;color:rgb(172 148 250 / var(--tw-text-opacity))}.dark\:text-purple-500:is(.dark *){--tw-text-opacity: 1;color:rgb(144 97 249 / var(--tw-text-opacity))}.dark\:text-purple-900:is(.dark *){--tw-text-opacity: 1;color:rgb(74 29 150 / var(--tw-text-opacity))}.dark\:text-red-200:is(.dark *){--tw-text-opacity: 1;color:rgb(251 213 213 / var(--tw-text-opacity))}.dark\:text-red-300:is(.dark *){--tw-text-opacity: 1;color:rgb(248 180 180 / var(--tw-text-opacity))}.dark\:text-red-500:is(.dark *){--tw-text-opacity: 1;color:rgb(240 82 82 / var(--tw-text-opacity))}.dark\:text-red-800:is(.dark *){--tw-text-opacity: 1;color:rgb(155 28 28 / var(--tw-text-opacity))}.dark\:text-red-900:is(.dark *){--tw-text-opacity: 1;color:rgb(119 29 29 / var(--tw-text-opacity))}.dark\:text-slate-50:is(.dark *){--tw-text-opacity: 1;color:rgb(248 250 252 / var(--tw-text-opacity))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:text-yellow-300:is(.dark *){--tw-text-opacity: 1;color:rgb(250 202 21 / var(--tw-text-opacity))}.dark\:text-yellow-500:is(.dark *){--tw-text-opacity: 1;color:rgb(194 120 3 / var(--tw-text-opacity))}.dark\:text-yellow-800:is(.dark *){--tw-text-opacity: 1;color:rgb(114 59 19 / var(--tw-text-opacity))}.dark\:text-yellow-900:is(.dark *){--tw-text-opacity: 1;color:rgb(99 49 18 / var(--tw-text-opacity))}.dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.dark\:placeholder-gray-400:is(.dark *)::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.dark\:shadow-lg:is(.dark *){--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:shadow-blue-800\/80:is(.dark *){--tw-shadow-color: rgb(30 66 159 / .8);--tw-shadow: var(--tw-shadow-colored)}.dark\:shadow-cyan-800\/80:is(.dark *){--tw-shadow-color: rgb(21 94 117 / .8);--tw-shadow: var(--tw-shadow-colored)}.dark\:shadow-green-800\/80:is(.dark *){--tw-shadow-color: rgb(3 84 63 / .8);--tw-shadow: var(--tw-shadow-colored)}.dark\:shadow-lime-800\/80:is(.dark *){--tw-shadow-color: rgb(63 98 18 / .8);--tw-shadow: var(--tw-shadow-colored)}.dark\:shadow-pink-800\/80:is(.dark *){--tw-shadow-color: rgb(153 21 75 / .8);--tw-shadow: var(--tw-shadow-colored)}.dark\:shadow-purple-800\/80:is(.dark *){--tw-shadow-color: rgb(85 33 181 / .8);--tw-shadow: var(--tw-shadow-colored)}.dark\:shadow-red-800\/80:is(.dark *){--tw-shadow-color: rgb(155 28 28 / .8);--tw-shadow: var(--tw-shadow-colored)}.dark\:shadow-teal-800\/80:is(.dark *){--tw-shadow-color: rgb(5 80 92 / .8);--tw-shadow: var(--tw-shadow-colored)}.dark\:ring-gray-500:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity))}.dark\:ring-white:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity))}.dark\:ring-opacity-20:is(.dark *){--tw-ring-opacity: .2}.dark\:ring-offset-gray-700:is(.dark *){--tw-ring-offset-color: #374151}.dark\:ring-offset-gray-800:is(.dark *){--tw-ring-offset-color: #1F2937}.dark\:scrollbar-track-bg-dark:is(.dark *){--scrollbar-track: var(--color-bg-dark) !important}.dark\:scrollbar-track-bg-dark-tone:is(.dark *){--scrollbar-track: var(--color-bg-dark-tone) !important}.dark\:scrollbar-track-gray-700:is(.dark *){--scrollbar-track: #374151 !important}.dark\:scrollbar-track-gray-800:is(.dark *){--scrollbar-track: #1F2937 !important}.dark\:scrollbar-thumb-bg-dark-tone:is(.dark *){--scrollbar-thumb: var(--color-bg-dark-tone) !important}.dark\:scrollbar-thumb-bg-dark-tone-panel:is(.dark *){--scrollbar-thumb: var(--color-bg-dark-tone-panel) !important}.dark\:scrollbar-thumb-gray-500:is(.dark *){--scrollbar-thumb: #6B7280 !important}.dark\:scrollbar-thumb-gray-600:is(.dark *){--scrollbar-thumb: #4B5563 !important}.dark\:even\:bg-bg-dark-discussion-odd:nth-child(2n):is(.dark *){background-color:var(--color-bg-dark-discussion-odd)}.group:hover .dark\:group-hover\:bg-gray-800\/60:is(.dark *){background-color:#1f293799}.group:hover .dark\:group-hover\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.group:focus .dark\:group-focus\:ring-gray-800\/70:is(.dark *){--tw-ring-color: rgb(31 41 55 / .7)}.dark\:hover\:border-blue-600:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(28 100 242 / var(--tw-border-opacity))}.dark\:hover\:border-gray-600:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.dark\:hover\:border-primary:hover:is(.dark *){border-color:var(--color-primary)}.dark\:hover\:bg-blue-300:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(164 202 254 / var(--tw-bg-opacity))}.dark\:hover\:bg-blue-600:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(28 100 242 / var(--tw-bg-opacity))}.dark\:hover\:bg-blue-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(26 86 219 / var(--tw-bg-opacity))}.dark\:hover\:bg-blue-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(35 56 118 / var(--tw-bg-opacity))}.dark\:hover\:bg-gray-500:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:hover\:bg-green-300:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(132 225 188 / var(--tw-bg-opacity))}.dark\:hover\:bg-green-600:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(5 122 85 / var(--tw-bg-opacity))}.dark\:hover\:bg-green-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(4 108 78 / var(--tw-bg-opacity))}.dark\:hover\:bg-pink-500:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(231 70 148 / var(--tw-bg-opacity))}.dark\:hover\:bg-pink-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(191 18 93 / var(--tw-bg-opacity))}.dark\:hover\:bg-primary:hover:is(.dark *){background-color:var(--color-primary)}.dark\:hover\:bg-purple-500:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(144 97 249 / var(--tw-bg-opacity))}.dark\:hover\:bg-purple-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(108 43 217 / var(--tw-bg-opacity))}.dark\:hover\:bg-red-300:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(248 180 180 / var(--tw-bg-opacity))}.dark\:hover\:bg-red-600:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(224 36 36 / var(--tw-bg-opacity))}.dark\:hover\:bg-red-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(200 30 30 / var(--tw-bg-opacity))}.dark\:hover\:bg-red-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(119 29 29 / var(--tw-bg-opacity))}.dark\:hover\:bg-yellow-300:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(250 202 21 / var(--tw-bg-opacity))}.dark\:hover\:bg-yellow-400:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(227 160 8 / var(--tw-bg-opacity))}.hover\:dark\:bg-bg-dark-tone:is(.dark *):hover{background-color:var(--color-bg-dark-tone)}.hover\:dark\:bg-bg-dark-tone-panel:is(.dark *):hover{background-color:var(--color-bg-dark-tone-panel)}.dark\:hover\:from-blue-400\/30:hover:is(.dark *){--tw-gradient-from: rgb(118 169 250 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(118 169 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:hover\:from-blue-900\/30:hover:is(.dark *){--tw-gradient-from: rgb(35 56 118 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(35 56 118 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:hover\:to-purple-400\/30:hover:is(.dark *){--tw-gradient-to: rgb(172 148 250 / .3) var(--tw-gradient-to-position)}.dark\:hover\:to-purple-900\/30:hover:is(.dark *){--tw-gradient-to: rgb(74 29 150 / .3) var(--tw-gradient-to-position)}.dark\:hover\:text-blue-500:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(63 131 248 / var(--tw-text-opacity))}.dark\:hover\:text-gray-200:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.dark\:hover\:text-gray-900:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.dark\:hover\:text-green-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(49 196 141 / var(--tw-text-opacity))}.dark\:hover\:text-red-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(249 128 128 / var(--tw-text-opacity))}.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:hover\:scrollbar-thumb-primary:is(.dark *){--scrollbar-thumb-hover: var(--color-primary) !important}.dark\:focus\:border-blue-500:focus:is(.dark *){--tw-border-opacity: 1;border-color:rgb(63 131 248 / var(--tw-border-opacity))}.dark\:focus\:border-secondary:focus:is(.dark *){border-color:var(--color-secondary)}.dark\:focus\:text-white:focus:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:focus\:ring-blue-500:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity))}.dark\:focus\:ring-blue-600:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(28 100 242 / var(--tw-ring-opacity))}.dark\:focus\:ring-blue-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity))}.dark\:focus\:ring-cyan-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(21 94 117 / var(--tw-ring-opacity))}.dark\:focus\:ring-gray-500:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity))}.dark\:focus\:ring-gray-600:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity))}.dark\:focus\:ring-gray-700:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity))}.dark\:focus\:ring-gray-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity))}.dark\:focus\:ring-green-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(3 84 63 / var(--tw-ring-opacity))}.dark\:focus\:ring-lime-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(63 98 18 / var(--tw-ring-opacity))}.dark\:focus\:ring-pink-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(153 21 75 / var(--tw-ring-opacity))}.dark\:focus\:ring-pink-900:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(117 26 61 / var(--tw-ring-opacity))}.dark\:focus\:ring-purple-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(85 33 181 / var(--tw-ring-opacity))}.dark\:focus\:ring-purple-900:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(74 29 150 / var(--tw-ring-opacity))}.dark\:focus\:ring-red-400:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(249 128 128 / var(--tw-ring-opacity))}.dark\:focus\:ring-red-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(155 28 28 / var(--tw-ring-opacity))}.dark\:focus\:ring-red-900:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(119 29 29 / var(--tw-ring-opacity))}.dark\:focus\:ring-secondary:focus:is(.dark *){--tw-ring-color: var(--color-secondary)}.dark\:focus\:ring-teal-700:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(3 102 114 / var(--tw-ring-opacity))}.dark\:focus\:ring-teal-800:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(5 80 92 / var(--tw-ring-opacity))}.dark\:focus\:ring-yellow-900:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(99 49 18 / var(--tw-ring-opacity))}.dark\:focus\:ring-offset-gray-700:focus:is(.dark *){--tw-ring-offset-color: #374151}@media (min-width: 640px){.sm\:mb-0{margin-bottom:0}.sm\:mr-4{margin-right:1rem}.sm\:mt-0{margin-top:0}.sm\:h-10{height:2.5rem}.sm\:h-6{height:1.5rem}.sm\:h-64{height:16rem}.sm\:w-1\/4{width:25%}.sm\:w-10{width:2.5rem}.sm\:w-6{width:1.5rem}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:rounded-lg{border-radius:.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:text-center{text-align:center}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:underline{text-decoration-line:underline}}@media (min-width: 768px){.md\:inset-0{top:0;right:0;bottom:0;left:0}.md\:order-2{order:2}.md\:mr-6{margin-right:1.5rem}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-auto{height:auto}.md\:h-full{height:100%}.md\:w-1\/4{width:25%}.md\:w-48{width:12rem}.md\:w-auto{width:auto}.md\:max-w-xl{max-width:36rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.md\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.md\:rounded-none{border-radius:0}.md\:rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.md\:border-0{border-width:0px}.md\:bg-transparent{background-color:transparent}.md\:p-0{padding:0}.md\:p-6{padding:1.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:font-medium{font-weight:500}.md\:text-blue-700{--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.md\:hover\:bg-transparent:hover{background-color:transparent}.md\:hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(26 86 219 / var(--tw-text-opacity))}.md\:dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.md\:dark\:hover\:bg-transparent:hover:is(.dark *){background-color:transparent}.md\:dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){paint-order:markers}}@media (min-width: 1280px){.xl\:h-80{height:20rem}.xl\:w-1\/6{width:16.666667%}}@media (min-width: 1536px){.\32xl\:h-96{height:24rem}} diff --git a/web/dist/index.html b/web/dist/index.html index e4068167..044a92a6 100644 --- a/web/dist/index.html +++ b/web/dist/index.html @@ -6,8 +6,8 @@ LoLLMS WebUI - - + +
diff --git a/web/dist/themes/amber.css b/web/dist/themes/amber.css index 7ad2bd9e..37b70b6e 100644 --- a/web/dist/themes/amber.css +++ b/web/dist/themes/amber.css @@ -140,7 +140,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -206,7 +206,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -888,9 +888,25 @@ html{ white-space: nowrap; border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} +.\!visible{ + visibility: visible !important; +} .visible{ visibility: visible; } @@ -915,6 +931,9 @@ html{ .sticky{ position: sticky; } +.-inset-1{ + inset: -0.25rem; +} .inset-0{ inset: 0px; } @@ -1042,6 +1061,12 @@ html{ .top-full{ top: 100%; } +.isolate{ + isolation: isolate; +} +.isolation-auto{ + isolation: auto; +} .z-0{ z-index: 0; } @@ -1060,6 +1085,27 @@ html{ .z-50{ z-index: 50; } +.float-right{ + float: right; +} +.float-left{ + float: left; +} +.float-none{ + float: none; +} +.clear-left{ + clear: left; +} +.clear-right{ + clear: right; +} +.clear-both{ + clear: both; +} +.clear-none{ + clear: none; +} .-m-1{ margin: -0.25rem; } @@ -1101,10 +1147,6 @@ html{ margin-left: 0.25rem; margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1225,6 +1267,12 @@ html{ .mt-auto{ margin-top: auto; } +.box-border{ + box-sizing: border-box; +} +.box-content{ + box-sizing: content-box; +} .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1243,6 +1291,9 @@ html{ -webkit-box-orient: vertical; -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} .block{ display: block; } @@ -1261,12 +1312,48 @@ html{ .table{ display: table; } +.inline-table{ + display: inline-table; +} +.table-caption{ + display: table-caption; +} +.table-cell{ + display: table-cell; +} +.table-column{ + display: table-column; +} +.table-column-group{ + display: table-column-group; +} +.table-footer-group{ + display: table-footer-group; +} +.table-header-group{ + display: table-header-group; +} +.table-row-group{ + display: table-row-group; +} +.table-row{ + display: table-row; +} +.flow-root{ + display: flow-root; +} .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} .contents{ display: contents; } +.list-item{ + display: list-item; +} .hidden{ display: none; } @@ -1408,6 +1495,9 @@ html{ .min-h-0{ min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} .min-h-\[220px\]{ min-height: 220px; } @@ -1435,6 +1525,9 @@ html{ .w-1\/2{ width: 50%; } +.w-1\/3{ + width: 33.333333%; +} .w-10{ width: 2.5rem; } @@ -1519,12 +1612,27 @@ html{ .w-96{ width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} +.w-\[16rem\]{ + width: 16rem; +} .w-\[300px\]{ width: 300px; } .w-\[500px\]{ width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} +.w-\[this-is\]{ + width: this-is; +} +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} .w-auto{ width: auto; } @@ -1544,15 +1652,6 @@ html{ .min-w-96{ min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} -.min-w-\[15rem\]{ - min-width: 15rem; -} -.min-w-\[23rem\]{ - min-width: 23rem; -} .min-w-\[24rem\]{ min-width: 24rem; } @@ -1580,15 +1679,6 @@ html{ .max-w-7xl{ max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} -.max-w-\[15rem\]{ - max-width: 15rem; -} -.max-w-\[23rem\]{ - max-width: 23rem; -} .max-w-\[24rem\]{ max-width: 24rem; } @@ -1601,6 +1691,9 @@ html{ .max-w-md{ max-width: 28rem; } +.max-w-none{ + max-width: none; +} .max-w-sm{ max-width: 24rem; } @@ -1637,6 +1730,18 @@ html{ .grow{ flex-grow: 1; } +.table-auto{ + table-layout: auto; +} +.table-fixed{ + table-layout: fixed; +} +.border-collapse{ + border-collapse: collapse; +} +.border-separate{ + border-collapse: separate; +} .origin-left{ transform-origin: left; } @@ -1648,10 +1753,6 @@ html{ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1702,9 +1803,18 @@ html{ --tw-scale-x: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} .transform-none{ transform: none; } @@ -1749,17 +1859,120 @@ html{ .cursor-pointer{ cursor: pointer; } +.touch-auto{ + touch-action: auto; +} +.touch-none{ + touch-action: none; +} +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-manipulation{ + touch-action: manipulation; +} .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} +.resize-x{ + resize: horizontal; +} .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} +.snap-start{ + scroll-snap-align: start; +} +.snap-end{ + scroll-snap-align: end; +} +.snap-center{ + scroll-snap-align: center; +} +.snap-align-none{ + scroll-snap-align: none; +} +.snap-normal{ + scroll-snap-stop: normal; +} +.snap-always{ + scroll-snap-stop: always; +} +.list-inside{ + list-style-position: inside; +} +.list-outside{ + list-style-position: outside; +} +.list-disc{ + list-style-type: disc; +} .list-none{ list-style-type: none; } @@ -1768,6 +1981,100 @@ html{ -moz-appearance: none; appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} +.break-inside-avoid-page{ + break-inside: avoid-page; +} +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} +.grid-flow-row{ + grid-auto-flow: row; +} +.grid-flow-col{ + grid-auto-flow: column; +} +.grid-flow-dense{ + grid-auto-flow: dense; +} +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1789,12 +2096,78 @@ html{ .flex-col{ flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} +.place-content-start{ + place-content: start; +} +.place-content-end{ + place-content: end; +} +.place-content-between{ + place-content: space-between; +} +.place-content-around{ + place-content: space-around; +} +.place-content-evenly{ + place-content: space-evenly; +} +.place-content-baseline{ + place-content: baseline; +} +.place-content-stretch{ + place-content: stretch; +} +.place-items-start{ + place-items: start; +} +.place-items-end{ + place-items: end; +} +.place-items-center{ + place-items: center; +} +.place-items-baseline{ + place-items: baseline; +} +.place-items-stretch{ + place-items: stretch; +} +.content-center{ + align-content: center; +} +.content-start{ + align-content: flex-start; +} +.content-end{ + align-content: flex-end; +} +.content-between{ + align-content: space-between; +} +.content-around{ + align-content: space-around; +} +.content-evenly{ + align-content: space-evenly; +} +.content-baseline{ + align-content: baseline; +} .items-start{ align-items: flex-start; } @@ -1804,6 +2177,12 @@ html{ .items-center{ align-items: center; } +.items-baseline{ + align-items: baseline; +} +.items-stretch{ + align-items: stretch; +} .justify-start{ justify-content: flex-start; } @@ -1816,6 +2195,24 @@ html{ .justify-between{ justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} +.justify-evenly{ + justify-content: space-evenly; +} +.justify-items-start{ + justify-items: start; +} +.justify-items-end{ + justify-items: end; +} +.justify-items-center{ + justify-items: center; +} +.justify-items-stretch{ + justify-items: stretch; +} .gap-1{ gap: 0.25rem; } @@ -1889,6 +2286,12 @@ html{ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -1899,6 +2302,27 @@ html{ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -1907,21 +2331,69 @@ html{ --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} +.place-self-start{ + place-self: start; +} +.place-self-end{ + place-self: end; +} +.place-self-center{ + place-self: center; +} +.place-self-stretch{ + place-self: stretch; +} +.self-auto{ + align-self: auto; +} +.self-start{ + align-self: flex-start; +} +.self-end{ + align-self: flex-end; +} .self-center{ align-self: center; } .self-stretch{ align-self: stretch; } +.self-baseline{ + align-self: baseline; +} +.justify-self-auto{ + justify-self: auto; +} +.justify-self-start{ + justify-self: start; +} +.justify-self-end{ + justify-self: end; +} +.justify-self-center{ + justify-self: center; +} +.justify-self-stretch{ + justify-self: stretch; +} .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } +.overflow-clip{ + overflow: clip; +} .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} .overflow-x-auto{ overflow-x: auto; } @@ -1934,26 +2406,99 @@ html{ .overflow-y-hidden{ overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} +.overflow-y-clip{ + overflow-y: clip; +} +.overflow-x-visible{ + overflow-x: visible; +} +.overflow-y-visible{ + overflow-y: visible; +} +.overflow-x-scroll{ + overflow-x: scroll; +} .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} +.overscroll-contain{ + overscroll-behavior: contain; +} +.overscroll-none{ + overscroll-behavior: none; +} +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} +.overscroll-y-none{ + overscroll-behavior-y: none; +} +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} +.overscroll-x-none{ + overscroll-behavior-x: none; +} +.scroll-auto{ + scroll-behavior: auto; +} +.scroll-smooth{ + scroll-behavior: smooth; +} .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} +.text-ellipsis{ + text-overflow: ellipsis; +} +.text-clip{ + text-overflow: clip; +} +.whitespace-normal{ + white-space: normal; +} .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} +.whitespace-pre-line{ + white-space: pre-line; +} .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } +.break-keep{ + word-break: keep-all; +} .\!rounded-full{ border-radius: 9999px !important; } @@ -1983,10 +2528,18 @@ html{ border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -2003,6 +2556,18 @@ html{ border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} +.rounded-tl{ + border-top-left-radius: 0.25rem; +} +.rounded-tr{ + border-top-right-radius: 0.25rem; +} .border{ border-width: 1px; } @@ -2015,9 +2580,13 @@ html{ .border-4{ border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; @@ -2031,6 +2600,9 @@ html{ .border-l{ border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} .border-t{ border-top-width: 1px; } @@ -2043,9 +2615,21 @@ html{ .border-t-4{ border-top-width: 4px; } +.border-solid{ + border-style: solid; +} .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} +.border-double{ + border-style: double; +} +.border-hidden{ + border-style: hidden; +} .border-none{ border-style: none; } @@ -2164,6 +2748,10 @@ html{ --tw-border-opacity: 1; border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} .bg-accent{ background-color: var(--color-accent); } @@ -2583,10 +3171,71 @@ html{ .to-100\%{ --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.bg-fixed{ + background-attachment: fixed; +} +.bg-local{ + background-attachment: local; +} +.bg-scroll{ + background-attachment: scroll; +} +.bg-clip-border{ + background-clip: border-box; +} +.bg-clip-padding{ + background-clip: padding-box; +} +.bg-clip-content{ + background-clip: content-box; +} .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} +.bg-no-repeat{ + background-repeat: no-repeat; +} +.bg-repeat-x{ + background-repeat: repeat-x; +} +.bg-repeat-y{ + background-repeat: repeat-y; +} +.bg-repeat-round{ + background-repeat: round; +} +.bg-repeat-space{ + background-repeat: space; +} +.bg-origin-border{ + background-origin: border-box; +} +.bg-origin-padding{ + background-origin: padding-box; +} +.bg-origin-content{ + background-origin: content-box; +} .fill-blue-600{ fill: #1C64F2; } @@ -2620,6 +3269,10 @@ html{ .fill-yellow-400{ fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -2628,6 +3281,14 @@ html{ -o-object-fit: fill; object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} .p-0{ padding: 0px; } @@ -2762,6 +3423,9 @@ html{ .pl-4{ padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} .pr-10{ padding-right: 2.5rem; } @@ -2795,17 +3459,44 @@ html{ .text-right{ text-align: right; } +.text-justify{ + text-align: justify; +} +.text-start{ + text-align: start; +} +.text-end{ + text-align: end; +} +.align-baseline{ + vertical-align: baseline; +} +.align-top{ + vertical-align: top; +} .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} +.align-text-bottom{ + vertical-align: text-bottom; +} +.align-sub{ + vertical-align: sub; +} +.align-super{ + vertical-align: super; +} .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ font-size: 1.5rem; @@ -2865,9 +3556,56 @@ html{ .uppercase{ text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} +.capitalize{ + text-transform: capitalize; +} +.normal-case{ + text-transform: none; +} .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} +.normal-nums{ + font-variant-numeric: normal; +} +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} .leading-6{ line-height: 1.5rem; } @@ -2883,6 +3621,9 @@ html{ .tracking-wide{ letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3114,6 +3855,38 @@ html{ .underline{ text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} +.line-through{ + text-decoration-line: line-through; +} +.no-underline{ + text-decoration-line: none; +} +.decoration-solid{ + text-decoration-style: solid; +} +.decoration-double{ + text-decoration-style: double; +} +.decoration-dotted{ + text-decoration-style: dotted; +} +.decoration-dashed{ + text-decoration-style: dashed; +} +.decoration-wavy{ + text-decoration-style: wavy; +} +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} .opacity-0{ opacity: 0; } @@ -3138,6 +3911,110 @@ html{ .opacity-80{ opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} +.bg-blend-multiply{ + background-blend-mode: multiply; +} +.bg-blend-screen{ + background-blend-mode: screen; +} +.bg-blend-overlay{ + background-blend-mode: overlay; +} +.bg-blend-darken{ + background-blend-mode: darken; +} +.bg-blend-lighten{ + background-blend-mode: lighten; +} +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} +.bg-blend-difference{ + background-blend-mode: difference; +} +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} +.bg-blend-hue{ + background-blend-mode: hue; +} +.bg-blend-saturation{ + background-blend-mode: saturation; +} +.bg-blend-color{ + background-blend-mode: color; +} +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} +.mix-blend-normal{ + mix-blend-mode: normal; +} +.mix-blend-multiply{ + mix-blend-mode: multiply; +} +.mix-blend-screen{ + mix-blend-mode: screen; +} +.mix-blend-overlay{ + mix-blend-mode: overlay; +} +.mix-blend-darken{ + mix-blend-mode: darken; +} +.mix-blend-lighten{ + mix-blend-mode: lighten; +} +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} +.mix-blend-difference{ + mix-blend-mode: difference; +} +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} +.mix-blend-hue{ + mix-blend-mode: hue; +} +.mix-blend-saturation{ + mix-blend-mode: saturation; +} +.mix-blend-color{ + mix-blend-mode: color; +} +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -3235,6 +4112,20 @@ html{ .outline{ outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} +.outline-dotted{ + outline-style: dotted; +} +.outline-double{ + outline-style: double; +} +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3245,6 +4136,9 @@ html{ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -3304,6 +4198,10 @@ html{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -3316,18 +4214,56 @@ html{ --tw-grayscale: grayscale(100%); 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -3364,6 +4300,9 @@ html{ .duration-300{ transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} .duration-75{ transition-duration: 75ms; } @@ -3376,6 +4315,10 @@ html{ .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -3571,18 +4514,54 @@ p:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } +/* Base list styling */ +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} +/* Unordered lists */ ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ul { /* Vertical spacing */ +} +/* List items */ li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ol { /* Vertical spacing */ +} +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} :root { --color-primary: #d97706; --color-primary-light: #fbbf24; @@ -4848,7 +5827,7 @@ button:hover{ --tw-bg-opacity: 0.9; padding-top: 0.5rem; padding-bottom: 0.5rem; - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); @@ -4982,6 +5961,40 @@ button:hover{ background-position: 0 1000px; } } +@media (min-width: 640px){ + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + @media (min-width: 640px){ + .sm\:container{ + max-width: 640px; + } + } + @media (min-width: 768px){ + .sm\:container{ + max-width: 768px; + } + } + @media (min-width: 1024px){ + .sm\:container{ + max-width: 1024px; + } + } + @media (min-width: 1280px){ + .sm\:container{ + max-width: 1280px; + } + } + @media (min-width: 1536px){ + .sm\:container{ + max-width: 1536px; + } + } +} .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -5334,6 +6347,9 @@ button:hover{ .hover\:to-purple-500\/20:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -5415,9 +6431,6 @@ button:hover{ .hover\:underline:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -5441,6 +6454,14 @@ button:hover{ .hover\:scrollbar-thumb-primary{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} .focus\:z-10:focus{ z-index: 10; } @@ -5599,6 +6620,12 @@ button:hover{ .focus\:ring-opacity-50:focus{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -5724,10 +6751,6 @@ button:hover{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -6404,10 +7427,17 @@ button:hover{ .sm\:text-center{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ .md\:inset-0{ @@ -6535,6 +7565,9 @@ button:hover{ .lg\:flex-row{ flex-direction: row; } + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ .xl\:h-80{ diff --git a/web/dist/themes/borg.css b/web/dist/themes/borg.css index 27e57921..7b88613e 100644 --- a/web/dist/themes/borg.css +++ b/web/dist/themes/borg.css @@ -140,7 +140,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -206,7 +206,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -883,9 +883,25 @@ body { white-space: nowrap; border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} +.\!visible{ + visibility: visible !important; +} .visible{ visibility: visible; } @@ -910,6 +926,9 @@ body { .sticky{ position: sticky; } +.-inset-1{ + inset: -0.25rem; +} .inset-0{ inset: 0px; } @@ -1037,6 +1056,12 @@ body { .top-full{ top: 100%; } +.isolate{ + isolation: isolate; +} +.isolation-auto{ + isolation: auto; +} .z-0{ z-index: 0; } @@ -1055,6 +1080,27 @@ body { .z-50{ z-index: 50; } +.float-right{ + float: right; +} +.float-left{ + float: left; +} +.float-none{ + float: none; +} +.clear-left{ + clear: left; +} +.clear-right{ + clear: right; +} +.clear-both{ + clear: both; +} +.clear-none{ + clear: none; +} .-m-1{ margin: -0.25rem; } @@ -1096,10 +1142,6 @@ body { margin-left: 0.25rem; margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1220,6 +1262,12 @@ body { .mt-auto{ margin-top: auto; } +.box-border{ + box-sizing: border-box; +} +.box-content{ + box-sizing: content-box; +} .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1238,6 +1286,9 @@ body { -webkit-box-orient: vertical; -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} .block{ display: block; } @@ -1256,12 +1307,48 @@ body { .table{ display: table; } +.inline-table{ + display: inline-table; +} +.table-caption{ + display: table-caption; +} +.table-cell{ + display: table-cell; +} +.table-column{ + display: table-column; +} +.table-column-group{ + display: table-column-group; +} +.table-footer-group{ + display: table-footer-group; +} +.table-header-group{ + display: table-header-group; +} +.table-row-group{ + display: table-row-group; +} +.table-row{ + display: table-row; +} +.flow-root{ + display: flow-root; +} .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} .contents{ display: contents; } +.list-item{ + display: list-item; +} .hidden{ display: none; } @@ -1403,6 +1490,9 @@ body { .min-h-0{ min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} .min-h-\[220px\]{ min-height: 220px; } @@ -1430,6 +1520,9 @@ body { .w-1\/2{ width: 50%; } +.w-1\/3{ + width: 33.333333%; +} .w-10{ width: 2.5rem; } @@ -1514,12 +1607,27 @@ body { .w-96{ width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} +.w-\[16rem\]{ + width: 16rem; +} .w-\[300px\]{ width: 300px; } .w-\[500px\]{ width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} +.w-\[this-is\]{ + width: this-is; +} +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} .w-auto{ width: auto; } @@ -1539,15 +1647,6 @@ body { .min-w-96{ min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} -.min-w-\[15rem\]{ - min-width: 15rem; -} -.min-w-\[23rem\]{ - min-width: 23rem; -} .min-w-\[24rem\]{ min-width: 24rem; } @@ -1575,15 +1674,6 @@ body { .max-w-7xl{ max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} -.max-w-\[15rem\]{ - max-width: 15rem; -} -.max-w-\[23rem\]{ - max-width: 23rem; -} .max-w-\[24rem\]{ max-width: 24rem; } @@ -1596,6 +1686,9 @@ body { .max-w-md{ max-width: 28rem; } +.max-w-none{ + max-width: none; +} .max-w-sm{ max-width: 24rem; } @@ -1632,6 +1725,18 @@ body { .grow{ flex-grow: 1; } +.table-auto{ + table-layout: auto; +} +.table-fixed{ + table-layout: fixed; +} +.border-collapse{ + border-collapse: collapse; +} +.border-separate{ + border-collapse: separate; +} .origin-left{ transform-origin: left; } @@ -1643,10 +1748,6 @@ body { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1697,9 +1798,18 @@ body { --tw-scale-x: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} .transform-none{ transform: none; } @@ -1744,17 +1854,120 @@ body { .cursor-pointer{ cursor: pointer; } +.touch-auto{ + touch-action: auto; +} +.touch-none{ + touch-action: none; +} +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-manipulation{ + touch-action: manipulation; +} .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} +.resize-x{ + resize: horizontal; +} .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} +.snap-start{ + scroll-snap-align: start; +} +.snap-end{ + scroll-snap-align: end; +} +.snap-center{ + scroll-snap-align: center; +} +.snap-align-none{ + scroll-snap-align: none; +} +.snap-normal{ + scroll-snap-stop: normal; +} +.snap-always{ + scroll-snap-stop: always; +} +.list-inside{ + list-style-position: inside; +} +.list-outside{ + list-style-position: outside; +} +.list-disc{ + list-style-type: disc; +} .list-none{ list-style-type: none; } @@ -1763,6 +1976,100 @@ body { -moz-appearance: none; appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} +.break-inside-avoid-page{ + break-inside: avoid-page; +} +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} +.grid-flow-row{ + grid-auto-flow: row; +} +.grid-flow-col{ + grid-auto-flow: column; +} +.grid-flow-dense{ + grid-auto-flow: dense; +} +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1784,12 +2091,78 @@ body { .flex-col{ flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} +.place-content-start{ + place-content: start; +} +.place-content-end{ + place-content: end; +} +.place-content-between{ + place-content: space-between; +} +.place-content-around{ + place-content: space-around; +} +.place-content-evenly{ + place-content: space-evenly; +} +.place-content-baseline{ + place-content: baseline; +} +.place-content-stretch{ + place-content: stretch; +} +.place-items-start{ + place-items: start; +} +.place-items-end{ + place-items: end; +} +.place-items-center{ + place-items: center; +} +.place-items-baseline{ + place-items: baseline; +} +.place-items-stretch{ + place-items: stretch; +} +.content-center{ + align-content: center; +} +.content-start{ + align-content: flex-start; +} +.content-end{ + align-content: flex-end; +} +.content-between{ + align-content: space-between; +} +.content-around{ + align-content: space-around; +} +.content-evenly{ + align-content: space-evenly; +} +.content-baseline{ + align-content: baseline; +} .items-start{ align-items: flex-start; } @@ -1799,6 +2172,12 @@ body { .items-center{ align-items: center; } +.items-baseline{ + align-items: baseline; +} +.items-stretch{ + align-items: stretch; +} .justify-start{ justify-content: flex-start; } @@ -1811,6 +2190,24 @@ body { .justify-between{ justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} +.justify-evenly{ + justify-content: space-evenly; +} +.justify-items-start{ + justify-items: start; +} +.justify-items-end{ + justify-items: end; +} +.justify-items-center{ + justify-items: center; +} +.justify-items-stretch{ + justify-items: stretch; +} .gap-1{ gap: 0.25rem; } @@ -1884,6 +2281,12 @@ body { margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -1894,6 +2297,27 @@ body { border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -1902,21 +2326,69 @@ body { --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} +.place-self-start{ + place-self: start; +} +.place-self-end{ + place-self: end; +} +.place-self-center{ + place-self: center; +} +.place-self-stretch{ + place-self: stretch; +} +.self-auto{ + align-self: auto; +} +.self-start{ + align-self: flex-start; +} +.self-end{ + align-self: flex-end; +} .self-center{ align-self: center; } .self-stretch{ align-self: stretch; } +.self-baseline{ + align-self: baseline; +} +.justify-self-auto{ + justify-self: auto; +} +.justify-self-start{ + justify-self: start; +} +.justify-self-end{ + justify-self: end; +} +.justify-self-center{ + justify-self: center; +} +.justify-self-stretch{ + justify-self: stretch; +} .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } +.overflow-clip{ + overflow: clip; +} .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} .overflow-x-auto{ overflow-x: auto; } @@ -1929,26 +2401,99 @@ body { .overflow-y-hidden{ overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} +.overflow-y-clip{ + overflow-y: clip; +} +.overflow-x-visible{ + overflow-x: visible; +} +.overflow-y-visible{ + overflow-y: visible; +} +.overflow-x-scroll{ + overflow-x: scroll; +} .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} +.overscroll-contain{ + overscroll-behavior: contain; +} +.overscroll-none{ + overscroll-behavior: none; +} +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} +.overscroll-y-none{ + overscroll-behavior-y: none; +} +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} +.overscroll-x-none{ + overscroll-behavior-x: none; +} +.scroll-auto{ + scroll-behavior: auto; +} +.scroll-smooth{ + scroll-behavior: smooth; +} .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} +.text-ellipsis{ + text-overflow: ellipsis; +} +.text-clip{ + text-overflow: clip; +} +.whitespace-normal{ + white-space: normal; +} .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} +.whitespace-pre-line{ + white-space: pre-line; +} .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } +.break-keep{ + word-break: keep-all; +} .\!rounded-full{ border-radius: 9999px !important; } @@ -1978,10 +2523,18 @@ body { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -1998,6 +2551,18 @@ body { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} +.rounded-tl{ + border-top-left-radius: 0.25rem; +} +.rounded-tr{ + border-top-right-radius: 0.25rem; +} .border{ border-width: 1px; } @@ -2010,9 +2575,13 @@ body { .border-4{ border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; @@ -2026,6 +2595,9 @@ body { .border-l{ border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} .border-t{ border-top-width: 1px; } @@ -2038,9 +2610,21 @@ body { .border-t-4{ border-top-width: 4px; } +.border-solid{ + border-style: solid; +} .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} +.border-double{ + border-style: double; +} +.border-hidden{ + border-style: hidden; +} .border-none{ border-style: none; } @@ -2159,6 +2743,10 @@ body { --tw-border-opacity: 1; border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} .bg-accent{ background-color: var(--color-accent); } @@ -2578,10 +3166,71 @@ body { .to-100\%{ --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.bg-fixed{ + background-attachment: fixed; +} +.bg-local{ + background-attachment: local; +} +.bg-scroll{ + background-attachment: scroll; +} +.bg-clip-border{ + background-clip: border-box; +} +.bg-clip-padding{ + background-clip: padding-box; +} +.bg-clip-content{ + background-clip: content-box; +} .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} +.bg-no-repeat{ + background-repeat: no-repeat; +} +.bg-repeat-x{ + background-repeat: repeat-x; +} +.bg-repeat-y{ + background-repeat: repeat-y; +} +.bg-repeat-round{ + background-repeat: round; +} +.bg-repeat-space{ + background-repeat: space; +} +.bg-origin-border{ + background-origin: border-box; +} +.bg-origin-padding{ + background-origin: padding-box; +} +.bg-origin-content{ + background-origin: content-box; +} .fill-blue-600{ fill: #1C64F2; } @@ -2615,6 +3264,10 @@ body { .fill-yellow-400{ fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -2623,6 +3276,14 @@ body { -o-object-fit: fill; object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} .p-0{ padding: 0px; } @@ -2757,6 +3418,9 @@ body { .pl-4{ padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} .pr-10{ padding-right: 2.5rem; } @@ -2790,17 +3454,44 @@ body { .text-right{ text-align: right; } +.text-justify{ + text-align: justify; +} +.text-start{ + text-align: start; +} +.text-end{ + text-align: end; +} +.align-baseline{ + vertical-align: baseline; +} +.align-top{ + vertical-align: top; +} .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} +.align-text-bottom{ + vertical-align: text-bottom; +} +.align-sub{ + vertical-align: sub; +} +.align-super{ + vertical-align: super; +} .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ font-size: 1.5rem; @@ -2860,9 +3551,56 @@ body { .uppercase{ text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} +.capitalize{ + text-transform: capitalize; +} +.normal-case{ + text-transform: none; +} .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} +.normal-nums{ + font-variant-numeric: normal; +} +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} .leading-6{ line-height: 1.5rem; } @@ -2878,6 +3616,9 @@ body { .tracking-wide{ letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3109,6 +3850,38 @@ body { .underline{ text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} +.line-through{ + text-decoration-line: line-through; +} +.no-underline{ + text-decoration-line: none; +} +.decoration-solid{ + text-decoration-style: solid; +} +.decoration-double{ + text-decoration-style: double; +} +.decoration-dotted{ + text-decoration-style: dotted; +} +.decoration-dashed{ + text-decoration-style: dashed; +} +.decoration-wavy{ + text-decoration-style: wavy; +} +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} .opacity-0{ opacity: 0; } @@ -3133,6 +3906,110 @@ body { .opacity-80{ opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} +.bg-blend-multiply{ + background-blend-mode: multiply; +} +.bg-blend-screen{ + background-blend-mode: screen; +} +.bg-blend-overlay{ + background-blend-mode: overlay; +} +.bg-blend-darken{ + background-blend-mode: darken; +} +.bg-blend-lighten{ + background-blend-mode: lighten; +} +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} +.bg-blend-difference{ + background-blend-mode: difference; +} +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} +.bg-blend-hue{ + background-blend-mode: hue; +} +.bg-blend-saturation{ + background-blend-mode: saturation; +} +.bg-blend-color{ + background-blend-mode: color; +} +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} +.mix-blend-normal{ + mix-blend-mode: normal; +} +.mix-blend-multiply{ + mix-blend-mode: multiply; +} +.mix-blend-screen{ + mix-blend-mode: screen; +} +.mix-blend-overlay{ + mix-blend-mode: overlay; +} +.mix-blend-darken{ + mix-blend-mode: darken; +} +.mix-blend-lighten{ + mix-blend-mode: lighten; +} +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} +.mix-blend-difference{ + mix-blend-mode: difference; +} +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} +.mix-blend-hue{ + mix-blend-mode: hue; +} +.mix-blend-saturation{ + mix-blend-mode: saturation; +} +.mix-blend-color{ + mix-blend-mode: color; +} +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -3230,6 +4107,20 @@ body { .outline{ outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} +.outline-dotted{ + outline-style: dotted; +} +.outline-double{ + outline-style: double; +} +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3240,6 +4131,9 @@ body { --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -3299,6 +4193,10 @@ body { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -3311,18 +4209,56 @@ body { --tw-grayscale: grayscale(100%); 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -3359,6 +4295,9 @@ body { .duration-300{ transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} .duration-75{ transition-duration: 75ms; } @@ -3371,6 +4310,10 @@ body { .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -3545,18 +4488,54 @@ p{ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } +/* Base list styling */ +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} +/* Unordered lists */ ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ul { /* Vertical spacing */ +} +/* List items */ li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ol { /* Vertical spacing */ +} +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} :root { --color-primary: #00ff00; --color-primary-light: #40ff40; @@ -4415,7 +5394,7 @@ button:hover{ --tw-bg-opacity: 0.9; padding-top: 0.5rem; padding-bottom: 0.5rem; - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); @@ -4549,6 +5528,40 @@ button:hover{ background-position: 0 1000px; } } +@media (min-width: 640px){ + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + @media (min-width: 640px){ + .sm\:container{ + max-width: 640px; + } + } + @media (min-width: 768px){ + .sm\:container{ + max-width: 768px; + } + } + @media (min-width: 1024px){ + .sm\:container{ + max-width: 1024px; + } + } + @media (min-width: 1280px){ + .sm\:container{ + max-width: 1280px; + } + } + @media (min-width: 1536px){ + .sm\:container{ + max-width: 1536px; + } + } +} .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -4901,6 +5914,9 @@ button:hover{ .hover\:to-purple-500\/20:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -4982,9 +5998,6 @@ button:hover{ .hover\:underline:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -5008,6 +6021,14 @@ button:hover{ .hover\:scrollbar-thumb-primary{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} .focus\:z-10:focus{ z-index: 10; } @@ -5166,6 +6187,12 @@ button:hover{ .focus\:ring-opacity-50:focus{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -5291,10 +6318,6 @@ button:hover{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -5971,10 +6994,17 @@ button:hover{ .sm\:text-center{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ .md\:inset-0{ @@ -6102,6 +7132,9 @@ button:hover{ .lg\:flex-row{ flex-direction: row; } + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ .xl\:h-80{ diff --git a/web/dist/themes/christmas.css b/web/dist/themes/christmas.css index 12507f2d..7d944ad0 100644 --- a/web/dist/themes/christmas.css +++ b/web/dist/themes/christmas.css @@ -140,7 +140,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -206,7 +206,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -883,9 +883,25 @@ body { white-space: nowrap; border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} +.\!visible{ + visibility: visible !important; +} .visible{ visibility: visible; } @@ -910,6 +926,9 @@ body { .sticky{ position: sticky; } +.-inset-1{ + inset: -0.25rem; +} .inset-0{ inset: 0px; } @@ -1037,6 +1056,12 @@ body { .top-full{ top: 100%; } +.isolate{ + isolation: isolate; +} +.isolation-auto{ + isolation: auto; +} .z-0{ z-index: 0; } @@ -1055,6 +1080,27 @@ body { .z-50{ z-index: 50; } +.float-right{ + float: right; +} +.float-left{ + float: left; +} +.float-none{ + float: none; +} +.clear-left{ + clear: left; +} +.clear-right{ + clear: right; +} +.clear-both{ + clear: both; +} +.clear-none{ + clear: none; +} .-m-1{ margin: -0.25rem; } @@ -1096,10 +1142,6 @@ body { margin-left: 0.25rem; margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1220,6 +1262,12 @@ body { .mt-auto{ margin-top: auto; } +.box-border{ + box-sizing: border-box; +} +.box-content{ + box-sizing: content-box; +} .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1238,6 +1286,9 @@ body { -webkit-box-orient: vertical; -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} .block{ display: block; } @@ -1256,12 +1307,48 @@ body { .table{ display: table; } +.inline-table{ + display: inline-table; +} +.table-caption{ + display: table-caption; +} +.table-cell{ + display: table-cell; +} +.table-column{ + display: table-column; +} +.table-column-group{ + display: table-column-group; +} +.table-footer-group{ + display: table-footer-group; +} +.table-header-group{ + display: table-header-group; +} +.table-row-group{ + display: table-row-group; +} +.table-row{ + display: table-row; +} +.flow-root{ + display: flow-root; +} .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} .contents{ display: contents; } +.list-item{ + display: list-item; +} .hidden{ display: none; } @@ -1403,6 +1490,9 @@ body { .min-h-0{ min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} .min-h-\[220px\]{ min-height: 220px; } @@ -1430,6 +1520,9 @@ body { .w-1\/2{ width: 50%; } +.w-1\/3{ + width: 33.333333%; +} .w-10{ width: 2.5rem; } @@ -1514,12 +1607,27 @@ body { .w-96{ width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} +.w-\[16rem\]{ + width: 16rem; +} .w-\[300px\]{ width: 300px; } .w-\[500px\]{ width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} +.w-\[this-is\]{ + width: this-is; +} +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} .w-auto{ width: auto; } @@ -1539,15 +1647,6 @@ body { .min-w-96{ min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} -.min-w-\[15rem\]{ - min-width: 15rem; -} -.min-w-\[23rem\]{ - min-width: 23rem; -} .min-w-\[24rem\]{ min-width: 24rem; } @@ -1575,15 +1674,6 @@ body { .max-w-7xl{ max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} -.max-w-\[15rem\]{ - max-width: 15rem; -} -.max-w-\[23rem\]{ - max-width: 23rem; -} .max-w-\[24rem\]{ max-width: 24rem; } @@ -1596,6 +1686,9 @@ body { .max-w-md{ max-width: 28rem; } +.max-w-none{ + max-width: none; +} .max-w-sm{ max-width: 24rem; } @@ -1632,6 +1725,18 @@ body { .grow{ flex-grow: 1; } +.table-auto{ + table-layout: auto; +} +.table-fixed{ + table-layout: fixed; +} +.border-collapse{ + border-collapse: collapse; +} +.border-separate{ + border-collapse: separate; +} .origin-left{ transform-origin: left; } @@ -1643,10 +1748,6 @@ body { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1697,9 +1798,18 @@ body { --tw-scale-x: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} .transform-none{ transform: none; } @@ -1744,17 +1854,120 @@ body { .cursor-pointer{ cursor: pointer; } +.touch-auto{ + touch-action: auto; +} +.touch-none{ + touch-action: none; +} +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-manipulation{ + touch-action: manipulation; +} .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} +.resize-x{ + resize: horizontal; +} .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} +.snap-start{ + scroll-snap-align: start; +} +.snap-end{ + scroll-snap-align: end; +} +.snap-center{ + scroll-snap-align: center; +} +.snap-align-none{ + scroll-snap-align: none; +} +.snap-normal{ + scroll-snap-stop: normal; +} +.snap-always{ + scroll-snap-stop: always; +} +.list-inside{ + list-style-position: inside; +} +.list-outside{ + list-style-position: outside; +} +.list-disc{ + list-style-type: disc; +} .list-none{ list-style-type: none; } @@ -1763,6 +1976,100 @@ body { -moz-appearance: none; appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} +.break-inside-avoid-page{ + break-inside: avoid-page; +} +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} +.grid-flow-row{ + grid-auto-flow: row; +} +.grid-flow-col{ + grid-auto-flow: column; +} +.grid-flow-dense{ + grid-auto-flow: dense; +} +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1784,12 +2091,78 @@ body { .flex-col{ flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} +.place-content-start{ + place-content: start; +} +.place-content-end{ + place-content: end; +} +.place-content-between{ + place-content: space-between; +} +.place-content-around{ + place-content: space-around; +} +.place-content-evenly{ + place-content: space-evenly; +} +.place-content-baseline{ + place-content: baseline; +} +.place-content-stretch{ + place-content: stretch; +} +.place-items-start{ + place-items: start; +} +.place-items-end{ + place-items: end; +} +.place-items-center{ + place-items: center; +} +.place-items-baseline{ + place-items: baseline; +} +.place-items-stretch{ + place-items: stretch; +} +.content-center{ + align-content: center; +} +.content-start{ + align-content: flex-start; +} +.content-end{ + align-content: flex-end; +} +.content-between{ + align-content: space-between; +} +.content-around{ + align-content: space-around; +} +.content-evenly{ + align-content: space-evenly; +} +.content-baseline{ + align-content: baseline; +} .items-start{ align-items: flex-start; } @@ -1799,6 +2172,12 @@ body { .items-center{ align-items: center; } +.items-baseline{ + align-items: baseline; +} +.items-stretch{ + align-items: stretch; +} .justify-start{ justify-content: flex-start; } @@ -1811,6 +2190,24 @@ body { .justify-between{ justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} +.justify-evenly{ + justify-content: space-evenly; +} +.justify-items-start{ + justify-items: start; +} +.justify-items-end{ + justify-items: end; +} +.justify-items-center{ + justify-items: center; +} +.justify-items-stretch{ + justify-items: stretch; +} .gap-1{ gap: 0.25rem; } @@ -1884,6 +2281,12 @@ body { margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -1894,6 +2297,27 @@ body { border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -1902,21 +2326,69 @@ body { --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} +.place-self-start{ + place-self: start; +} +.place-self-end{ + place-self: end; +} +.place-self-center{ + place-self: center; +} +.place-self-stretch{ + place-self: stretch; +} +.self-auto{ + align-self: auto; +} +.self-start{ + align-self: flex-start; +} +.self-end{ + align-self: flex-end; +} .self-center{ align-self: center; } .self-stretch{ align-self: stretch; } +.self-baseline{ + align-self: baseline; +} +.justify-self-auto{ + justify-self: auto; +} +.justify-self-start{ + justify-self: start; +} +.justify-self-end{ + justify-self: end; +} +.justify-self-center{ + justify-self: center; +} +.justify-self-stretch{ + justify-self: stretch; +} .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } +.overflow-clip{ + overflow: clip; +} .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} .overflow-x-auto{ overflow-x: auto; } @@ -1929,26 +2401,99 @@ body { .overflow-y-hidden{ overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} +.overflow-y-clip{ + overflow-y: clip; +} +.overflow-x-visible{ + overflow-x: visible; +} +.overflow-y-visible{ + overflow-y: visible; +} +.overflow-x-scroll{ + overflow-x: scroll; +} .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} +.overscroll-contain{ + overscroll-behavior: contain; +} +.overscroll-none{ + overscroll-behavior: none; +} +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} +.overscroll-y-none{ + overscroll-behavior-y: none; +} +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} +.overscroll-x-none{ + overscroll-behavior-x: none; +} +.scroll-auto{ + scroll-behavior: auto; +} +.scroll-smooth{ + scroll-behavior: smooth; +} .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} +.text-ellipsis{ + text-overflow: ellipsis; +} +.text-clip{ + text-overflow: clip; +} +.whitespace-normal{ + white-space: normal; +} .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} +.whitespace-pre-line{ + white-space: pre-line; +} .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } +.break-keep{ + word-break: keep-all; +} .\!rounded-full{ border-radius: 9999px !important; } @@ -1978,10 +2523,18 @@ body { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -1998,6 +2551,18 @@ body { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} +.rounded-tl{ + border-top-left-radius: 0.25rem; +} +.rounded-tr{ + border-top-right-radius: 0.25rem; +} .border{ border-width: 1px; } @@ -2010,9 +2575,13 @@ body { .border-4{ border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; @@ -2026,6 +2595,9 @@ body { .border-l{ border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} .border-t{ border-top-width: 1px; } @@ -2038,9 +2610,21 @@ body { .border-t-4{ border-top-width: 4px; } +.border-solid{ + border-style: solid; +} .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} +.border-double{ + border-style: double; +} +.border-hidden{ + border-style: hidden; +} .border-none{ border-style: none; } @@ -2159,6 +2743,10 @@ body { --tw-border-opacity: 1; border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} .bg-accent{ background-color: var(--color-accent); } @@ -2578,10 +3166,71 @@ body { .to-100\%{ --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.bg-fixed{ + background-attachment: fixed; +} +.bg-local{ + background-attachment: local; +} +.bg-scroll{ + background-attachment: scroll; +} +.bg-clip-border{ + background-clip: border-box; +} +.bg-clip-padding{ + background-clip: padding-box; +} +.bg-clip-content{ + background-clip: content-box; +} .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} +.bg-no-repeat{ + background-repeat: no-repeat; +} +.bg-repeat-x{ + background-repeat: repeat-x; +} +.bg-repeat-y{ + background-repeat: repeat-y; +} +.bg-repeat-round{ + background-repeat: round; +} +.bg-repeat-space{ + background-repeat: space; +} +.bg-origin-border{ + background-origin: border-box; +} +.bg-origin-padding{ + background-origin: padding-box; +} +.bg-origin-content{ + background-origin: content-box; +} .fill-blue-600{ fill: #1C64F2; } @@ -2615,6 +3264,10 @@ body { .fill-yellow-400{ fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -2623,6 +3276,14 @@ body { -o-object-fit: fill; object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} .p-0{ padding: 0px; } @@ -2757,6 +3418,9 @@ body { .pl-4{ padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} .pr-10{ padding-right: 2.5rem; } @@ -2790,17 +3454,44 @@ body { .text-right{ text-align: right; } +.text-justify{ + text-align: justify; +} +.text-start{ + text-align: start; +} +.text-end{ + text-align: end; +} +.align-baseline{ + vertical-align: baseline; +} +.align-top{ + vertical-align: top; +} .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} +.align-text-bottom{ + vertical-align: text-bottom; +} +.align-sub{ + vertical-align: sub; +} +.align-super{ + vertical-align: super; +} .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ font-size: 1.5rem; @@ -2860,9 +3551,56 @@ body { .uppercase{ text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} +.capitalize{ + text-transform: capitalize; +} +.normal-case{ + text-transform: none; +} .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} +.normal-nums{ + font-variant-numeric: normal; +} +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} .leading-6{ line-height: 1.5rem; } @@ -2878,6 +3616,9 @@ body { .tracking-wide{ letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3109,6 +3850,38 @@ body { .underline{ text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} +.line-through{ + text-decoration-line: line-through; +} +.no-underline{ + text-decoration-line: none; +} +.decoration-solid{ + text-decoration-style: solid; +} +.decoration-double{ + text-decoration-style: double; +} +.decoration-dotted{ + text-decoration-style: dotted; +} +.decoration-dashed{ + text-decoration-style: dashed; +} +.decoration-wavy{ + text-decoration-style: wavy; +} +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} .opacity-0{ opacity: 0; } @@ -3133,6 +3906,110 @@ body { .opacity-80{ opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} +.bg-blend-multiply{ + background-blend-mode: multiply; +} +.bg-blend-screen{ + background-blend-mode: screen; +} +.bg-blend-overlay{ + background-blend-mode: overlay; +} +.bg-blend-darken{ + background-blend-mode: darken; +} +.bg-blend-lighten{ + background-blend-mode: lighten; +} +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} +.bg-blend-difference{ + background-blend-mode: difference; +} +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} +.bg-blend-hue{ + background-blend-mode: hue; +} +.bg-blend-saturation{ + background-blend-mode: saturation; +} +.bg-blend-color{ + background-blend-mode: color; +} +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} +.mix-blend-normal{ + mix-blend-mode: normal; +} +.mix-blend-multiply{ + mix-blend-mode: multiply; +} +.mix-blend-screen{ + mix-blend-mode: screen; +} +.mix-blend-overlay{ + mix-blend-mode: overlay; +} +.mix-blend-darken{ + mix-blend-mode: darken; +} +.mix-blend-lighten{ + mix-blend-mode: lighten; +} +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} +.mix-blend-difference{ + mix-blend-mode: difference; +} +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} +.mix-blend-hue{ + mix-blend-mode: hue; +} +.mix-blend-saturation{ + mix-blend-mode: saturation; +} +.mix-blend-color{ + mix-blend-mode: color; +} +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -3230,6 +4107,20 @@ body { .outline{ outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} +.outline-dotted{ + outline-style: dotted; +} +.outline-double{ + outline-style: double; +} +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3240,6 +4131,9 @@ body { --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -3299,6 +4193,10 @@ body { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -3311,18 +4209,56 @@ body { --tw-grayscale: grayscale(100%); 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -3359,6 +4295,9 @@ body { .duration-300{ transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} .duration-75{ transition-duration: 75ms; } @@ -3371,6 +4310,10 @@ body { .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -4502,6 +5445,40 @@ body { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } +@media (min-width: 640px){ + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + @media (min-width: 640px){ + .sm\:container{ + max-width: 640px; + } + } + @media (min-width: 768px){ + .sm\:container{ + max-width: 768px; + } + } + @media (min-width: 1024px){ + .sm\:container{ + max-width: 1024px; + } + } + @media (min-width: 1280px){ + .sm\:container{ + max-width: 1280px; + } + } + @media (min-width: 1536px){ + .sm\:container{ + max-width: 1536px; + } + } +} .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -4854,6 +5831,9 @@ body { .hover\:to-purple-500\/20:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -4935,9 +5915,6 @@ body { .hover\:underline:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -4961,6 +5938,14 @@ body { .hover\:scrollbar-thumb-primary{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} .focus\:z-10:focus{ z-index: 10; } @@ -5119,6 +6104,12 @@ body { .focus\:ring-opacity-50:focus{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -5244,10 +6235,6 @@ body { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -5924,10 +6911,17 @@ body { .sm\:text-center{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ .md\:inset-0{ @@ -6055,6 +7049,9 @@ body { .lg\:flex-row{ flex-direction: row; } + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ .xl\:h-80{ diff --git a/web/dist/themes/default.css b/web/dist/themes/default.css index 60693063..b766a776 100644 --- a/web/dist/themes/default.css +++ b/web/dist/themes/default.css @@ -1,5 +1,5 @@ -@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@500;600;700&family=Outfit:wght@400;500;600;700&display=swap'); /* Soft Bluish Theme */ *, ::before, ::after{ --tw-border-spacing-x: 0; @@ -140,7 +140,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -206,7 +206,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -884,7 +884,7 @@ body { --tw-bg-opacity: 0.9; padding-top: 0.5rem; padding-bottom: 0.5rem; - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); @@ -926,9 +926,25 @@ body { white-space: nowrap; border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} +.\!visible{ + visibility: visible !important; +} .visible{ visibility: visible; } @@ -953,6 +969,9 @@ body { .sticky{ position: sticky; } +.-inset-1{ + inset: -0.25rem; +} .inset-0{ inset: 0px; } @@ -1080,6 +1099,12 @@ body { .top-full{ top: 100%; } +.isolate{ + isolation: isolate; +} +.isolation-auto{ + isolation: auto; +} .z-0{ z-index: 0; } @@ -1098,6 +1123,27 @@ body { .z-50{ z-index: 50; } +.float-right{ + float: right; +} +.float-left{ + float: left; +} +.float-none{ + float: none; +} +.clear-left{ + clear: left; +} +.clear-right{ + clear: right; +} +.clear-both{ + clear: both; +} +.clear-none{ + clear: none; +} .-m-1{ margin: -0.25rem; } @@ -1139,10 +1185,6 @@ body { margin-left: 0.25rem; margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1263,6 +1305,12 @@ body { .mt-auto{ margin-top: auto; } +.box-border{ + box-sizing: border-box; +} +.box-content{ + box-sizing: content-box; +} .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1281,6 +1329,9 @@ body { -webkit-box-orient: vertical; -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} .block{ display: block; } @@ -1299,12 +1350,48 @@ body { .table{ display: table; } +.inline-table{ + display: inline-table; +} +.table-caption{ + display: table-caption; +} +.table-cell{ + display: table-cell; +} +.table-column{ + display: table-column; +} +.table-column-group{ + display: table-column-group; +} +.table-footer-group{ + display: table-footer-group; +} +.table-header-group{ + display: table-header-group; +} +.table-row-group{ + display: table-row-group; +} +.table-row{ + display: table-row; +} +.flow-root{ + display: flow-root; +} .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} .contents{ display: contents; } +.list-item{ + display: list-item; +} .hidden{ display: none; } @@ -1446,6 +1533,9 @@ body { .min-h-0{ min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} .min-h-\[220px\]{ min-height: 220px; } @@ -1473,6 +1563,9 @@ body { .w-1\/2{ width: 50%; } +.w-1\/3{ + width: 33.333333%; +} .w-10{ width: 2.5rem; } @@ -1557,12 +1650,27 @@ body { .w-96{ width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} +.w-\[16rem\]{ + width: 16rem; +} .w-\[300px\]{ width: 300px; } .w-\[500px\]{ width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} +.w-\[this-is\]{ + width: this-is; +} +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} .w-auto{ width: auto; } @@ -1582,15 +1690,6 @@ body { .min-w-96{ min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} -.min-w-\[15rem\]{ - min-width: 15rem; -} -.min-w-\[23rem\]{ - min-width: 23rem; -} .min-w-\[24rem\]{ min-width: 24rem; } @@ -1618,15 +1717,6 @@ body { .max-w-7xl{ max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} -.max-w-\[15rem\]{ - max-width: 15rem; -} -.max-w-\[23rem\]{ - max-width: 23rem; -} .max-w-\[24rem\]{ max-width: 24rem; } @@ -1639,6 +1729,9 @@ body { .max-w-md{ max-width: 28rem; } +.max-w-none{ + max-width: none; +} .max-w-sm{ max-width: 24rem; } @@ -1675,6 +1768,18 @@ body { .grow{ flex-grow: 1; } +.table-auto{ + table-layout: auto; +} +.table-fixed{ + table-layout: fixed; +} +.border-collapse{ + border-collapse: collapse; +} +.border-separate{ + border-collapse: separate; +} .origin-left{ transform-origin: left; } @@ -1686,10 +1791,6 @@ body { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1740,9 +1841,18 @@ body { --tw-scale-x: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} .transform-none{ transform: none; } @@ -1787,17 +1897,120 @@ body { .cursor-pointer{ cursor: pointer; } +.touch-auto{ + touch-action: auto; +} +.touch-none{ + touch-action: none; +} +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-manipulation{ + touch-action: manipulation; +} .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} +.resize-x{ + resize: horizontal; +} .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} +.snap-start{ + scroll-snap-align: start; +} +.snap-end{ + scroll-snap-align: end; +} +.snap-center{ + scroll-snap-align: center; +} +.snap-align-none{ + scroll-snap-align: none; +} +.snap-normal{ + scroll-snap-stop: normal; +} +.snap-always{ + scroll-snap-stop: always; +} +.list-inside{ + list-style-position: inside; +} +.list-outside{ + list-style-position: outside; +} +.list-disc{ + list-style-type: disc; +} .list-none{ list-style-type: none; } @@ -1806,6 +2019,100 @@ body { -moz-appearance: none; appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} +.break-inside-avoid-page{ + break-inside: avoid-page; +} +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} +.grid-flow-row{ + grid-auto-flow: row; +} +.grid-flow-col{ + grid-auto-flow: column; +} +.grid-flow-dense{ + grid-auto-flow: dense; +} +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1827,12 +2134,78 @@ body { .flex-col{ flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} +.place-content-start{ + place-content: start; +} +.place-content-end{ + place-content: end; +} +.place-content-between{ + place-content: space-between; +} +.place-content-around{ + place-content: space-around; +} +.place-content-evenly{ + place-content: space-evenly; +} +.place-content-baseline{ + place-content: baseline; +} +.place-content-stretch{ + place-content: stretch; +} +.place-items-start{ + place-items: start; +} +.place-items-end{ + place-items: end; +} +.place-items-center{ + place-items: center; +} +.place-items-baseline{ + place-items: baseline; +} +.place-items-stretch{ + place-items: stretch; +} +.content-center{ + align-content: center; +} +.content-start{ + align-content: flex-start; +} +.content-end{ + align-content: flex-end; +} +.content-between{ + align-content: space-between; +} +.content-around{ + align-content: space-around; +} +.content-evenly{ + align-content: space-evenly; +} +.content-baseline{ + align-content: baseline; +} .items-start{ align-items: flex-start; } @@ -1842,6 +2215,12 @@ body { .items-center{ align-items: center; } +.items-baseline{ + align-items: baseline; +} +.items-stretch{ + align-items: stretch; +} .justify-start{ justify-content: flex-start; } @@ -1854,6 +2233,24 @@ body { .justify-between{ justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} +.justify-evenly{ + justify-content: space-evenly; +} +.justify-items-start{ + justify-items: start; +} +.justify-items-end{ + justify-items: end; +} +.justify-items-center{ + justify-items: center; +} +.justify-items-stretch{ + justify-items: stretch; +} .gap-1{ gap: 0.25rem; } @@ -1927,6 +2324,12 @@ body { margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -1937,6 +2340,27 @@ body { border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -1945,21 +2369,69 @@ body { --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} +.place-self-start{ + place-self: start; +} +.place-self-end{ + place-self: end; +} +.place-self-center{ + place-self: center; +} +.place-self-stretch{ + place-self: stretch; +} +.self-auto{ + align-self: auto; +} +.self-start{ + align-self: flex-start; +} +.self-end{ + align-self: flex-end; +} .self-center{ align-self: center; } .self-stretch{ align-self: stretch; } +.self-baseline{ + align-self: baseline; +} +.justify-self-auto{ + justify-self: auto; +} +.justify-self-start{ + justify-self: start; +} +.justify-self-end{ + justify-self: end; +} +.justify-self-center{ + justify-self: center; +} +.justify-self-stretch{ + justify-self: stretch; +} .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } +.overflow-clip{ + overflow: clip; +} .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} .overflow-x-auto{ overflow-x: auto; } @@ -1972,26 +2444,99 @@ body { .overflow-y-hidden{ overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} +.overflow-y-clip{ + overflow-y: clip; +} +.overflow-x-visible{ + overflow-x: visible; +} +.overflow-y-visible{ + overflow-y: visible; +} +.overflow-x-scroll{ + overflow-x: scroll; +} .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} +.overscroll-contain{ + overscroll-behavior: contain; +} +.overscroll-none{ + overscroll-behavior: none; +} +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} +.overscroll-y-none{ + overscroll-behavior-y: none; +} +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} +.overscroll-x-none{ + overscroll-behavior-x: none; +} +.scroll-auto{ + scroll-behavior: auto; +} +.scroll-smooth{ + scroll-behavior: smooth; +} .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} +.text-ellipsis{ + text-overflow: ellipsis; +} +.text-clip{ + text-overflow: clip; +} +.whitespace-normal{ + white-space: normal; +} .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} +.whitespace-pre-line{ + white-space: pre-line; +} .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } +.break-keep{ + word-break: keep-all; +} .\!rounded-full{ border-radius: 9999px !important; } @@ -2021,10 +2566,18 @@ body { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -2041,6 +2594,18 @@ body { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} +.rounded-tl{ + border-top-left-radius: 0.25rem; +} +.rounded-tr{ + border-top-right-radius: 0.25rem; +} .border{ border-width: 1px; } @@ -2053,9 +2618,13 @@ body { .border-4{ border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; @@ -2069,6 +2638,9 @@ body { .border-l{ border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} .border-t{ border-top-width: 1px; } @@ -2081,9 +2653,21 @@ body { .border-t-4{ border-top-width: 4px; } +.border-solid{ + border-style: solid; +} .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} +.border-double{ + border-style: double; +} +.border-hidden{ + border-style: hidden; +} .border-none{ border-style: none; } @@ -2202,6 +2786,10 @@ body { --tw-border-opacity: 1; border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} .bg-accent{ background-color: var(--color-accent); } @@ -2621,10 +3209,71 @@ body { .to-100\%{ --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.bg-fixed{ + background-attachment: fixed; +} +.bg-local{ + background-attachment: local; +} +.bg-scroll{ + background-attachment: scroll; +} +.bg-clip-border{ + background-clip: border-box; +} +.bg-clip-padding{ + background-clip: padding-box; +} +.bg-clip-content{ + background-clip: content-box; +} .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} +.bg-no-repeat{ + background-repeat: no-repeat; +} +.bg-repeat-x{ + background-repeat: repeat-x; +} +.bg-repeat-y{ + background-repeat: repeat-y; +} +.bg-repeat-round{ + background-repeat: round; +} +.bg-repeat-space{ + background-repeat: space; +} +.bg-origin-border{ + background-origin: border-box; +} +.bg-origin-padding{ + background-origin: padding-box; +} +.bg-origin-content{ + background-origin: content-box; +} .fill-blue-600{ fill: #1C64F2; } @@ -2658,6 +3307,10 @@ body { .fill-yellow-400{ fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -2666,6 +3319,14 @@ body { -o-object-fit: fill; object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} .p-0{ padding: 0px; } @@ -2800,6 +3461,9 @@ body { .pl-4{ padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} .pr-10{ padding-right: 2.5rem; } @@ -2833,17 +3497,44 @@ body { .text-right{ text-align: right; } +.text-justify{ + text-align: justify; +} +.text-start{ + text-align: start; +} +.text-end{ + text-align: end; +} +.align-baseline{ + vertical-align: baseline; +} +.align-top{ + vertical-align: top; +} .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} +.align-text-bottom{ + vertical-align: text-bottom; +} +.align-sub{ + vertical-align: sub; +} +.align-super{ + vertical-align: super; +} .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ font-size: 1.5rem; @@ -2903,9 +3594,56 @@ body { .uppercase{ text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} +.capitalize{ + text-transform: capitalize; +} +.normal-case{ + text-transform: none; +} .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} +.normal-nums{ + font-variant-numeric: normal; +} +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} .leading-6{ line-height: 1.5rem; } @@ -2921,6 +3659,9 @@ body { .tracking-wide{ letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3152,6 +3893,38 @@ body { .underline{ text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} +.line-through{ + text-decoration-line: line-through; +} +.no-underline{ + text-decoration-line: none; +} +.decoration-solid{ + text-decoration-style: solid; +} +.decoration-double{ + text-decoration-style: double; +} +.decoration-dotted{ + text-decoration-style: dotted; +} +.decoration-dashed{ + text-decoration-style: dashed; +} +.decoration-wavy{ + text-decoration-style: wavy; +} +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} .opacity-0{ opacity: 0; } @@ -3176,6 +3949,110 @@ body { .opacity-80{ opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} +.bg-blend-multiply{ + background-blend-mode: multiply; +} +.bg-blend-screen{ + background-blend-mode: screen; +} +.bg-blend-overlay{ + background-blend-mode: overlay; +} +.bg-blend-darken{ + background-blend-mode: darken; +} +.bg-blend-lighten{ + background-blend-mode: lighten; +} +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} +.bg-blend-difference{ + background-blend-mode: difference; +} +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} +.bg-blend-hue{ + background-blend-mode: hue; +} +.bg-blend-saturation{ + background-blend-mode: saturation; +} +.bg-blend-color{ + background-blend-mode: color; +} +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} +.mix-blend-normal{ + mix-blend-mode: normal; +} +.mix-blend-multiply{ + mix-blend-mode: multiply; +} +.mix-blend-screen{ + mix-blend-mode: screen; +} +.mix-blend-overlay{ + mix-blend-mode: overlay; +} +.mix-blend-darken{ + mix-blend-mode: darken; +} +.mix-blend-lighten{ + mix-blend-mode: lighten; +} +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} +.mix-blend-difference{ + mix-blend-mode: difference; +} +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} +.mix-blend-hue{ + mix-blend-mode: hue; +} +.mix-blend-saturation{ + mix-blend-mode: saturation; +} +.mix-blend-color{ + mix-blend-mode: color; +} +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -3273,6 +4150,20 @@ body { .outline{ outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} +.outline-dotted{ + outline-style: dotted; +} +.outline-double{ + outline-style: double; +} +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3283,6 +4174,9 @@ body { --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -3342,6 +4236,10 @@ body { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -3354,18 +4252,56 @@ body { --tw-grayscale: grayscale(100%); 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -3402,6 +4338,9 @@ body { .duration-300{ transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} .duration-75{ transition-duration: 75ms; } @@ -3414,6 +4353,10 @@ body { .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -3599,27 +4542,73 @@ h1:is(.dark *), h2:is(.dark *){ } p{ overflow-wrap: break-word; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; font-size: 1rem; line-height: 1.5rem; - --tw-text-opacity: 1; - color: rgb(28 100 242 / var(--tw-text-opacity)); + line-height: 1.625; + letter-spacing: -0.025em; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } p:is(.dark *){ --tw-text-opacity: 1; color: rgb(164 202 254 / var(--tw-text-opacity)); } +@media (min-width: 768px) { + p{ + font-size: 1.125rem; + line-height: 1.75rem; + line-height: 2; + } +} +/* Base list styling */ +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} +/* Unordered lists */ ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ul { /* Vertical spacing */ +} +/* List items */ li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ol { /* Vertical spacing */ +} +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} :root { --color-primary: #4a90e2; --color-primary-light: #6ab7f1; @@ -4756,6 +5745,40 @@ background-clip: text; background-position: 0 1000px; } } +@media (min-width: 640px){ + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + @media (min-width: 640px){ + .sm\:container{ + max-width: 640px; + } + } + @media (min-width: 768px){ + .sm\:container{ + max-width: 768px; + } + } + @media (min-width: 1024px){ + .sm\:container{ + max-width: 1024px; + } + } + @media (min-width: 1280px){ + .sm\:container{ + max-width: 1280px; + } + } + @media (min-width: 1536px){ + .sm\:container{ + max-width: 1536px; + } + } +} .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -5108,6 +6131,9 @@ background-clip: text; .hover\:to-purple-500\/20:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -5189,9 +6215,6 @@ background-clip: text; .hover\:underline:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -5215,6 +6238,14 @@ background-clip: text; .hover\:scrollbar-thumb-primary{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} .focus\:z-10:focus{ z-index: 10; } @@ -5373,6 +6404,12 @@ background-clip: text; .focus\:ring-opacity-50:focus{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -5498,10 +6535,6 @@ background-clip: text; --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -6178,10 +7211,17 @@ background-clip: text; .sm\:text-center{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ .md\:inset-0{ @@ -6309,6 +7349,9 @@ background-clip: text; .lg\:flex-row{ flex-direction: row; } + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ .xl\:h-80{ diff --git a/web/dist/themes/lollms_blue.css b/web/dist/themes/lollms_blue.css index 50413164..d368d38c 100644 --- a/web/dist/themes/lollms_blue.css +++ b/web/dist/themes/lollms_blue.css @@ -140,7 +140,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -206,7 +206,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -888,9 +888,25 @@ html{ white-space: nowrap; border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} +.\!visible{ + visibility: visible !important; +} .visible{ visibility: visible; } @@ -915,6 +931,9 @@ html{ .sticky{ position: sticky; } +.-inset-1{ + inset: -0.25rem; +} .inset-0{ inset: 0px; } @@ -1042,6 +1061,12 @@ html{ .top-full{ top: 100%; } +.isolate{ + isolation: isolate; +} +.isolation-auto{ + isolation: auto; +} .z-0{ z-index: 0; } @@ -1060,6 +1085,27 @@ html{ .z-50{ z-index: 50; } +.float-right{ + float: right; +} +.float-left{ + float: left; +} +.float-none{ + float: none; +} +.clear-left{ + clear: left; +} +.clear-right{ + clear: right; +} +.clear-both{ + clear: both; +} +.clear-none{ + clear: none; +} .-m-1{ margin: -0.25rem; } @@ -1101,10 +1147,6 @@ html{ margin-left: 0.25rem; margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1225,6 +1267,12 @@ html{ .mt-auto{ margin-top: auto; } +.box-border{ + box-sizing: border-box; +} +.box-content{ + box-sizing: content-box; +} .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1243,6 +1291,9 @@ html{ -webkit-box-orient: vertical; -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} .block{ display: block; } @@ -1261,12 +1312,48 @@ html{ .table{ display: table; } +.inline-table{ + display: inline-table; +} +.table-caption{ + display: table-caption; +} +.table-cell{ + display: table-cell; +} +.table-column{ + display: table-column; +} +.table-column-group{ + display: table-column-group; +} +.table-footer-group{ + display: table-footer-group; +} +.table-header-group{ + display: table-header-group; +} +.table-row-group{ + display: table-row-group; +} +.table-row{ + display: table-row; +} +.flow-root{ + display: flow-root; +} .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} .contents{ display: contents; } +.list-item{ + display: list-item; +} .hidden{ display: none; } @@ -1408,6 +1495,9 @@ html{ .min-h-0{ min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} .min-h-\[220px\]{ min-height: 220px; } @@ -1435,6 +1525,9 @@ html{ .w-1\/2{ width: 50%; } +.w-1\/3{ + width: 33.333333%; +} .w-10{ width: 2.5rem; } @@ -1519,12 +1612,27 @@ html{ .w-96{ width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} +.w-\[16rem\]{ + width: 16rem; +} .w-\[300px\]{ width: 300px; } .w-\[500px\]{ width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} +.w-\[this-is\]{ + width: this-is; +} +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} .w-auto{ width: auto; } @@ -1544,15 +1652,6 @@ html{ .min-w-96{ min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} -.min-w-\[15rem\]{ - min-width: 15rem; -} -.min-w-\[23rem\]{ - min-width: 23rem; -} .min-w-\[24rem\]{ min-width: 24rem; } @@ -1580,15 +1679,6 @@ html{ .max-w-7xl{ max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} -.max-w-\[15rem\]{ - max-width: 15rem; -} -.max-w-\[23rem\]{ - max-width: 23rem; -} .max-w-\[24rem\]{ max-width: 24rem; } @@ -1601,6 +1691,9 @@ html{ .max-w-md{ max-width: 28rem; } +.max-w-none{ + max-width: none; +} .max-w-sm{ max-width: 24rem; } @@ -1637,6 +1730,18 @@ html{ .grow{ flex-grow: 1; } +.table-auto{ + table-layout: auto; +} +.table-fixed{ + table-layout: fixed; +} +.border-collapse{ + border-collapse: collapse; +} +.border-separate{ + border-collapse: separate; +} .origin-left{ transform-origin: left; } @@ -1648,10 +1753,6 @@ html{ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1702,9 +1803,18 @@ html{ --tw-scale-x: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} .transform-none{ transform: none; } @@ -1749,17 +1859,120 @@ html{ .cursor-pointer{ cursor: pointer; } +.touch-auto{ + touch-action: auto; +} +.touch-none{ + touch-action: none; +} +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-manipulation{ + touch-action: manipulation; +} .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} +.resize-x{ + resize: horizontal; +} .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} +.snap-start{ + scroll-snap-align: start; +} +.snap-end{ + scroll-snap-align: end; +} +.snap-center{ + scroll-snap-align: center; +} +.snap-align-none{ + scroll-snap-align: none; +} +.snap-normal{ + scroll-snap-stop: normal; +} +.snap-always{ + scroll-snap-stop: always; +} +.list-inside{ + list-style-position: inside; +} +.list-outside{ + list-style-position: outside; +} +.list-disc{ + list-style-type: disc; +} .list-none{ list-style-type: none; } @@ -1768,6 +1981,100 @@ html{ -moz-appearance: none; appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} +.break-inside-avoid-page{ + break-inside: avoid-page; +} +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} +.grid-flow-row{ + grid-auto-flow: row; +} +.grid-flow-col{ + grid-auto-flow: column; +} +.grid-flow-dense{ + grid-auto-flow: dense; +} +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1789,12 +2096,78 @@ html{ .flex-col{ flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} +.place-content-start{ + place-content: start; +} +.place-content-end{ + place-content: end; +} +.place-content-between{ + place-content: space-between; +} +.place-content-around{ + place-content: space-around; +} +.place-content-evenly{ + place-content: space-evenly; +} +.place-content-baseline{ + place-content: baseline; +} +.place-content-stretch{ + place-content: stretch; +} +.place-items-start{ + place-items: start; +} +.place-items-end{ + place-items: end; +} +.place-items-center{ + place-items: center; +} +.place-items-baseline{ + place-items: baseline; +} +.place-items-stretch{ + place-items: stretch; +} +.content-center{ + align-content: center; +} +.content-start{ + align-content: flex-start; +} +.content-end{ + align-content: flex-end; +} +.content-between{ + align-content: space-between; +} +.content-around{ + align-content: space-around; +} +.content-evenly{ + align-content: space-evenly; +} +.content-baseline{ + align-content: baseline; +} .items-start{ align-items: flex-start; } @@ -1804,6 +2177,12 @@ html{ .items-center{ align-items: center; } +.items-baseline{ + align-items: baseline; +} +.items-stretch{ + align-items: stretch; +} .justify-start{ justify-content: flex-start; } @@ -1816,6 +2195,24 @@ html{ .justify-between{ justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} +.justify-evenly{ + justify-content: space-evenly; +} +.justify-items-start{ + justify-items: start; +} +.justify-items-end{ + justify-items: end; +} +.justify-items-center{ + justify-items: center; +} +.justify-items-stretch{ + justify-items: stretch; +} .gap-1{ gap: 0.25rem; } @@ -1889,6 +2286,12 @@ html{ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -1899,6 +2302,27 @@ html{ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -1907,21 +2331,69 @@ html{ --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} +.place-self-start{ + place-self: start; +} +.place-self-end{ + place-self: end; +} +.place-self-center{ + place-self: center; +} +.place-self-stretch{ + place-self: stretch; +} +.self-auto{ + align-self: auto; +} +.self-start{ + align-self: flex-start; +} +.self-end{ + align-self: flex-end; +} .self-center{ align-self: center; } .self-stretch{ align-self: stretch; } +.self-baseline{ + align-self: baseline; +} +.justify-self-auto{ + justify-self: auto; +} +.justify-self-start{ + justify-self: start; +} +.justify-self-end{ + justify-self: end; +} +.justify-self-center{ + justify-self: center; +} +.justify-self-stretch{ + justify-self: stretch; +} .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } +.overflow-clip{ + overflow: clip; +} .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} .overflow-x-auto{ overflow-x: auto; } @@ -1934,26 +2406,99 @@ html{ .overflow-y-hidden{ overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} +.overflow-y-clip{ + overflow-y: clip; +} +.overflow-x-visible{ + overflow-x: visible; +} +.overflow-y-visible{ + overflow-y: visible; +} +.overflow-x-scroll{ + overflow-x: scroll; +} .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} +.overscroll-contain{ + overscroll-behavior: contain; +} +.overscroll-none{ + overscroll-behavior: none; +} +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} +.overscroll-y-none{ + overscroll-behavior-y: none; +} +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} +.overscroll-x-none{ + overscroll-behavior-x: none; +} +.scroll-auto{ + scroll-behavior: auto; +} +.scroll-smooth{ + scroll-behavior: smooth; +} .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} +.text-ellipsis{ + text-overflow: ellipsis; +} +.text-clip{ + text-overflow: clip; +} +.whitespace-normal{ + white-space: normal; +} .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} +.whitespace-pre-line{ + white-space: pre-line; +} .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } +.break-keep{ + word-break: keep-all; +} .\!rounded-full{ border-radius: 9999px !important; } @@ -1983,10 +2528,18 @@ html{ border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -2003,6 +2556,18 @@ html{ border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} +.rounded-tl{ + border-top-left-radius: 0.25rem; +} +.rounded-tr{ + border-top-right-radius: 0.25rem; +} .border{ border-width: 1px; } @@ -2015,9 +2580,13 @@ html{ .border-4{ border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; @@ -2031,6 +2600,9 @@ html{ .border-l{ border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} .border-t{ border-top-width: 1px; } @@ -2043,9 +2615,21 @@ html{ .border-t-4{ border-top-width: 4px; } +.border-solid{ + border-style: solid; +} .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} +.border-double{ + border-style: double; +} +.border-hidden{ + border-style: hidden; +} .border-none{ border-style: none; } @@ -2164,6 +2748,10 @@ html{ --tw-border-opacity: 1; border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} .bg-accent{ background-color: var(--color-accent); } @@ -2583,10 +3171,71 @@ html{ .to-100\%{ --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.bg-fixed{ + background-attachment: fixed; +} +.bg-local{ + background-attachment: local; +} +.bg-scroll{ + background-attachment: scroll; +} +.bg-clip-border{ + background-clip: border-box; +} +.bg-clip-padding{ + background-clip: padding-box; +} +.bg-clip-content{ + background-clip: content-box; +} .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} +.bg-no-repeat{ + background-repeat: no-repeat; +} +.bg-repeat-x{ + background-repeat: repeat-x; +} +.bg-repeat-y{ + background-repeat: repeat-y; +} +.bg-repeat-round{ + background-repeat: round; +} +.bg-repeat-space{ + background-repeat: space; +} +.bg-origin-border{ + background-origin: border-box; +} +.bg-origin-padding{ + background-origin: padding-box; +} +.bg-origin-content{ + background-origin: content-box; +} .fill-blue-600{ fill: #1C64F2; } @@ -2620,6 +3269,10 @@ html{ .fill-yellow-400{ fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -2628,6 +3281,14 @@ html{ -o-object-fit: fill; object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} .p-0{ padding: 0px; } @@ -2762,6 +3423,9 @@ html{ .pl-4{ padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} .pr-10{ padding-right: 2.5rem; } @@ -2795,17 +3459,44 @@ html{ .text-right{ text-align: right; } +.text-justify{ + text-align: justify; +} +.text-start{ + text-align: start; +} +.text-end{ + text-align: end; +} +.align-baseline{ + vertical-align: baseline; +} +.align-top{ + vertical-align: top; +} .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} +.align-text-bottom{ + vertical-align: text-bottom; +} +.align-sub{ + vertical-align: sub; +} +.align-super{ + vertical-align: super; +} .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ font-size: 1.5rem; @@ -2865,9 +3556,56 @@ html{ .uppercase{ text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} +.capitalize{ + text-transform: capitalize; +} +.normal-case{ + text-transform: none; +} .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} +.normal-nums{ + font-variant-numeric: normal; +} +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} .leading-6{ line-height: 1.5rem; } @@ -2883,6 +3621,9 @@ html{ .tracking-wide{ letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3114,6 +3855,38 @@ html{ .underline{ text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} +.line-through{ + text-decoration-line: line-through; +} +.no-underline{ + text-decoration-line: none; +} +.decoration-solid{ + text-decoration-style: solid; +} +.decoration-double{ + text-decoration-style: double; +} +.decoration-dotted{ + text-decoration-style: dotted; +} +.decoration-dashed{ + text-decoration-style: dashed; +} +.decoration-wavy{ + text-decoration-style: wavy; +} +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} .opacity-0{ opacity: 0; } @@ -3138,6 +3911,110 @@ html{ .opacity-80{ opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} +.bg-blend-multiply{ + background-blend-mode: multiply; +} +.bg-blend-screen{ + background-blend-mode: screen; +} +.bg-blend-overlay{ + background-blend-mode: overlay; +} +.bg-blend-darken{ + background-blend-mode: darken; +} +.bg-blend-lighten{ + background-blend-mode: lighten; +} +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} +.bg-blend-difference{ + background-blend-mode: difference; +} +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} +.bg-blend-hue{ + background-blend-mode: hue; +} +.bg-blend-saturation{ + background-blend-mode: saturation; +} +.bg-blend-color{ + background-blend-mode: color; +} +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} +.mix-blend-normal{ + mix-blend-mode: normal; +} +.mix-blend-multiply{ + mix-blend-mode: multiply; +} +.mix-blend-screen{ + mix-blend-mode: screen; +} +.mix-blend-overlay{ + mix-blend-mode: overlay; +} +.mix-blend-darken{ + mix-blend-mode: darken; +} +.mix-blend-lighten{ + mix-blend-mode: lighten; +} +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} +.mix-blend-difference{ + mix-blend-mode: difference; +} +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} +.mix-blend-hue{ + mix-blend-mode: hue; +} +.mix-blend-saturation{ + mix-blend-mode: saturation; +} +.mix-blend-color{ + mix-blend-mode: color; +} +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -3235,6 +4112,20 @@ html{ .outline{ outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} +.outline-dotted{ + outline-style: dotted; +} +.outline-double{ + outline-style: double; +} +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3245,6 +4136,9 @@ html{ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -3304,6 +4198,10 @@ html{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -3316,18 +4214,56 @@ html{ --tw-grayscale: grayscale(100%); 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -3364,6 +4300,9 @@ html{ .duration-300{ transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} .duration-75{ transition-duration: 75ms; } @@ -3376,6 +4315,10 @@ html{ .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -3571,18 +4514,54 @@ p:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } +/* Base list styling */ +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} +/* Unordered lists */ ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ul { /* Vertical spacing */ +} +/* List items */ li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ol { /* Vertical spacing */ +} +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} :root { --color-primary: #0e8ef0; --color-primary-light: #3dabff; @@ -4919,6 +5898,40 @@ button:hover{ opacity: 0.05; pointer-events: none; } +@media (min-width: 640px){ + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + @media (min-width: 640px){ + .sm\:container{ + max-width: 640px; + } + } + @media (min-width: 768px){ + .sm\:container{ + max-width: 768px; + } + } + @media (min-width: 1024px){ + .sm\:container{ + max-width: 1024px; + } + } + @media (min-width: 1280px){ + .sm\:container{ + max-width: 1280px; + } + } + @media (min-width: 1536px){ + .sm\:container{ + max-width: 1536px; + } + } +} .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -5271,6 +6284,9 @@ button:hover{ .hover\:to-purple-500\/20:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -5352,9 +6368,6 @@ button:hover{ .hover\:underline:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -5378,6 +6391,14 @@ button:hover{ .hover\:scrollbar-thumb-primary{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} .focus\:z-10:focus{ z-index: 10; } @@ -5536,6 +6557,12 @@ button:hover{ .focus\:ring-opacity-50:focus{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -5661,10 +6688,6 @@ button:hover{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -6341,10 +7364,17 @@ button:hover{ .sm\:text-center{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ .md\:inset-0{ @@ -6472,6 +7502,9 @@ button:hover{ .lg\:flex-row{ flex-direction: row; } + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ .xl\:h-80{ diff --git a/web/dist/themes/matrix_reborn.css b/web/dist/themes/matrix_reborn.css index aa419372..e937c3c3 100644 --- a/web/dist/themes/matrix_reborn.css +++ b/web/dist/themes/matrix_reborn.css @@ -148,7 +148,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -228,7 +228,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -1046,10 +1046,29 @@ body { border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} + .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} + +.\!visible{ + visibility: visible !important; +} + .visible{ visibility: visible; } @@ -1082,6 +1101,10 @@ body { position: sticky; } +.-inset-1{ + inset: -0.25rem; +} + .inset-0{ inset: 0px; } @@ -1251,6 +1274,14 @@ body { top: 100%; } +.isolate{ + isolation: isolate; +} + +.isolation-auto{ + isolation: auto; +} + .z-0{ z-index: 0; } @@ -1275,6 +1306,34 @@ body { z-index: 50; } +.float-right{ + float: right; +} + +.float-left{ + float: left; +} + +.float-none{ + float: none; +} + +.clear-left{ + clear: left; +} + +.clear-right{ + clear: right; +} + +.clear-both{ + clear: both; +} + +.clear-none{ + clear: none; +} + .-m-1{ margin: -0.25rem; } @@ -1328,11 +1387,6 @@ body { margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} - .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1491,6 +1545,14 @@ body { margin-top: auto; } +.box-border{ + box-sizing: border-box; +} + +.box-content{ + box-sizing: content-box; +} + .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1512,6 +1574,10 @@ body { -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} + .block{ display: block; } @@ -1536,14 +1602,62 @@ body { display: table; } +.inline-table{ + display: inline-table; +} + +.table-caption{ + display: table-caption; +} + +.table-cell{ + display: table-cell; +} + +.table-column{ + display: table-column; +} + +.table-column-group{ + display: table-column-group; +} + +.table-footer-group{ + display: table-footer-group; +} + +.table-header-group{ + display: table-header-group; +} + +.table-row-group{ + display: table-row-group; +} + +.table-row{ + display: table-row; +} + +.flow-root{ + display: flow-root; +} + .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} + .contents{ display: contents; } +.list-item{ + display: list-item; +} + .hidden{ display: none; } @@ -1732,6 +1846,10 @@ body { min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} + .min-h-\[220px\]{ min-height: 220px; } @@ -1768,6 +1886,10 @@ body { width: 50%; } +.w-1\/3{ + width: 33.333333%; +} + .w-10{ width: 2.5rem; } @@ -1880,6 +2002,14 @@ body { width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} + +.w-\[16rem\]{ + width: 16rem; +} + .w-\[300px\]{ width: 300px; } @@ -1888,6 +2018,18 @@ body { width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} + +.w-\[this-is\]{ + width: this-is; +} + +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} + .w-auto{ width: auto; } @@ -1913,18 +2055,6 @@ body { min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} - -.min-w-\[15rem\]{ - min-width: 15rem; -} - -.min-w-\[23rem\]{ - min-width: 23rem; -} - .min-w-\[24rem\]{ min-width: 24rem; } @@ -1961,18 +2091,6 @@ body { max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} - -.max-w-\[15rem\]{ - max-width: 15rem; -} - -.max-w-\[23rem\]{ - max-width: 23rem; -} - .max-w-\[24rem\]{ max-width: 24rem; } @@ -1989,6 +2107,10 @@ body { max-width: 28rem; } +.max-w-none{ + max-width: none; +} + .max-w-sm{ max-width: 24rem; } @@ -2037,6 +2159,22 @@ body { flex-grow: 1; } +.table-auto{ + table-layout: auto; +} + +.table-fixed{ + table-layout: fixed; +} + +.border-collapse{ + border-collapse: collapse; +} + +.border-separate{ + border-collapse: separate; +} + .origin-left{ transform-origin: left; } @@ -2051,11 +2189,6 @@ body { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -2118,10 +2251,22 @@ body { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .transform-none{ transform: none; } @@ -2181,20 +2326,153 @@ body { cursor: pointer; } +.touch-auto{ + touch-action: auto; +} + +.touch-none{ + touch-action: none; +} + +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-manipulation{ + touch-action: manipulation; +} + .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} + +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} + +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} + .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} + +.resize-x{ + resize: horizontal; +} + .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} + +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} + +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} + +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} + +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} + +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} + +.snap-start{ + scroll-snap-align: start; +} + +.snap-end{ + scroll-snap-align: end; +} + +.snap-center{ + scroll-snap-align: center; +} + +.snap-align-none{ + scroll-snap-align: none; +} + +.snap-normal{ + scroll-snap-stop: normal; +} + +.snap-always{ + scroll-snap-stop: always; +} + +.list-inside{ + list-style-position: inside; +} + +.list-outside{ + list-style-position: outside; +} + +.list-disc{ + list-style-type: disc; +} + .list-none{ list-style-type: none; } @@ -2205,6 +2483,125 @@ body { appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} + +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} + +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} + +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} + +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} + +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} + +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} + +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} + +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} + +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} + +.break-inside-avoid-page{ + break-inside: avoid-page; +} + +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} + +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} + +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} + +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} + +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} + +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} + +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} + +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} + +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} + +.grid-flow-row{ + grid-auto-flow: row; +} + +.grid-flow-col{ + grid-auto-flow: column; +} + +.grid-flow-dense{ + grid-auto-flow: dense; +} + +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} + +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} + .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -2233,14 +2630,102 @@ body { flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} + .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} + .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} + +.place-content-start{ + place-content: start; +} + +.place-content-end{ + place-content: end; +} + +.place-content-between{ + place-content: space-between; +} + +.place-content-around{ + place-content: space-around; +} + +.place-content-evenly{ + place-content: space-evenly; +} + +.place-content-baseline{ + place-content: baseline; +} + +.place-content-stretch{ + place-content: stretch; +} + +.place-items-start{ + place-items: start; +} + +.place-items-end{ + place-items: end; +} + +.place-items-center{ + place-items: center; +} + +.place-items-baseline{ + place-items: baseline; +} + +.place-items-stretch{ + place-items: stretch; +} + +.content-center{ + align-content: center; +} + +.content-start{ + align-content: flex-start; +} + +.content-end{ + align-content: flex-end; +} + +.content-between{ + align-content: space-between; +} + +.content-around{ + align-content: space-around; +} + +.content-evenly{ + align-content: space-evenly; +} + +.content-baseline{ + align-content: baseline; +} + .items-start{ align-items: flex-start; } @@ -2253,6 +2738,14 @@ body { align-items: center; } +.items-baseline{ + align-items: baseline; +} + +.items-stretch{ + align-items: stretch; +} + .justify-start{ justify-content: flex-start; } @@ -2269,6 +2762,30 @@ body { justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} + +.justify-evenly{ + justify-content: space-evenly; +} + +.justify-items-start{ + justify-items: start; +} + +.justify-items-end{ + justify-items: end; +} + +.justify-items-center{ + justify-items: center; +} + +.justify-items-stretch{ + justify-items: stretch; +} + .gap-1{ gap: 0.25rem; } @@ -2359,6 +2876,14 @@ body { margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} + +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} + .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -2371,6 +2896,34 @@ body { border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} + +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} + +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} + +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} + +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} + +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} + +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} + .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -2381,6 +2934,38 @@ body { border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} + +.place-self-start{ + place-self: start; +} + +.place-self-end{ + place-self: end; +} + +.place-self-center{ + place-self: center; +} + +.place-self-stretch{ + place-self: stretch; +} + +.self-auto{ + align-self: auto; +} + +.self-start{ + align-self: flex-start; +} + +.self-end{ + align-self: flex-end; +} + .self-center{ align-self: center; } @@ -2389,6 +2974,30 @@ body { align-self: stretch; } +.self-baseline{ + align-self: baseline; +} + +.justify-self-auto{ + justify-self: auto; +} + +.justify-self-start{ + justify-self: start; +} + +.justify-self-end{ + justify-self: end; +} + +.justify-self-center{ + justify-self: center; +} + +.justify-self-stretch{ + justify-self: stretch; +} + .overflow-auto{ overflow: auto; } @@ -2397,10 +3006,18 @@ body { overflow: hidden; } +.overflow-clip{ + overflow: clip; +} + .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} + .overflow-x-auto{ overflow-x: auto; } @@ -2417,24 +3034,117 @@ body { overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} + +.overflow-y-clip{ + overflow-y: clip; +} + +.overflow-x-visible{ + overflow-x: visible; +} + +.overflow-y-visible{ + overflow-y: visible; +} + +.overflow-x-scroll{ + overflow-x: scroll; +} + .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} + +.overscroll-contain{ + overscroll-behavior: contain; +} + +.overscroll-none{ + overscroll-behavior: none; +} + +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} + +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} + +.overscroll-y-none{ + overscroll-behavior-y: none; +} + +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} + +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} + +.overscroll-x-none{ + overscroll-behavior-x: none; +} + +.scroll-auto{ + scroll-behavior: auto; +} + +.scroll-smooth{ + scroll-behavior: smooth; +} + .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} + +.text-ellipsis{ + text-overflow: ellipsis; +} + +.text-clip{ + text-overflow: clip; +} + +.whitespace-normal{ + white-space: normal; +} + .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} + +.whitespace-pre-line{ + white-space: pre-line; +} + .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} + .break-words{ overflow-wrap: break-word; } @@ -2443,6 +3153,10 @@ body { word-break: break-all; } +.break-keep{ + word-break: keep-all; +} + .\!rounded-full{ border-radius: 9999px !important; } @@ -2481,11 +3195,21 @@ body { border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -2506,6 +3230,22 @@ body { border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} + +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} + +.rounded-tl{ + border-top-left-radius: 0.25rem; +} + +.rounded-tr{ + border-top-right-radius: 0.25rem; +} + .border{ border-width: 1px; } @@ -2522,9 +3262,14 @@ body { border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} + +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ @@ -2543,6 +3288,10 @@ body { border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} + .border-t{ border-top-width: 1px; } @@ -2559,10 +3308,26 @@ body { border-top-width: 4px; } +.border-solid{ + border-style: solid; +} + .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} + +.border-double{ + border-style: double; +} + +.border-hidden{ + border-style: hidden; +} + .border-none{ border-style: none; } @@ -2712,6 +3477,11 @@ body { border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} + .bg-accent{ background-color: var(--color-accent); } @@ -3241,11 +4011,91 @@ body { --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} + +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} + +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} + +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} + +.bg-fixed{ + background-attachment: fixed; +} + +.bg-local{ + background-attachment: local; +} + +.bg-scroll{ + background-attachment: scroll; +} + +.bg-clip-border{ + background-clip: border-box; +} + +.bg-clip-padding{ + background-clip: padding-box; +} + +.bg-clip-content{ + background-clip: content-box; +} + .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} + +.bg-no-repeat{ + background-repeat: no-repeat; +} + +.bg-repeat-x{ + background-repeat: repeat-x; +} + +.bg-repeat-y{ + background-repeat: repeat-y; +} + +.bg-repeat-round{ + background-repeat: round; +} + +.bg-repeat-space{ + background-repeat: space; +} + +.bg-origin-border{ + background-origin: border-box; +} + +.bg-origin-padding{ + background-origin: padding-box; +} + +.bg-origin-content{ + background-origin: content-box; +} + .fill-blue-600{ fill: #1C64F2; } @@ -3290,6 +4140,11 @@ body { fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} + .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -3300,6 +4155,16 @@ body { object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} + +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} + .p-0{ padding: 0px; } @@ -3473,6 +4338,10 @@ body { padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} + .pr-10{ padding-right: 2.5rem; } @@ -3517,6 +4386,26 @@ body { text-align: right; } +.text-justify{ + text-align: justify; +} + +.text-start{ + text-align: start; +} + +.text-end{ + text-align: end; +} + +.align-baseline{ + vertical-align: baseline; +} + +.align-top{ + vertical-align: top; +} + .align-middle{ vertical-align: middle; } @@ -3525,12 +4414,28 @@ body { vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} + +.align-text-bottom{ + vertical-align: text-bottom; +} + +.align-sub{ + vertical-align: sub; +} + +.align-super{ + vertical-align: super; +} + .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ @@ -3607,10 +4512,70 @@ body { text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} + +.capitalize{ + text-transform: capitalize; +} + +.normal-case{ + text-transform: none; +} + .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} + +.normal-nums{ + font-variant-numeric: normal; +} + +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + .leading-6{ line-height: 1.5rem; } @@ -3631,6 +4596,10 @@ body { letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} + .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3921,6 +4890,48 @@ body { text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} + +.line-through{ + text-decoration-line: line-through; +} + +.no-underline{ + text-decoration-line: none; +} + +.decoration-solid{ + text-decoration-style: solid; +} + +.decoration-double{ + text-decoration-style: double; +} + +.decoration-dotted{ + text-decoration-style: dotted; +} + +.decoration-dashed{ + text-decoration-style: dashed; +} + +.decoration-wavy{ + text-decoration-style: wavy; +} + +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} + .opacity-0{ opacity: 0; } @@ -3953,6 +4964,144 @@ body { opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} + +.bg-blend-multiply{ + background-blend-mode: multiply; +} + +.bg-blend-screen{ + background-blend-mode: screen; +} + +.bg-blend-overlay{ + background-blend-mode: overlay; +} + +.bg-blend-darken{ + background-blend-mode: darken; +} + +.bg-blend-lighten{ + background-blend-mode: lighten; +} + +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} + +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} + +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} + +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} + +.bg-blend-difference{ + background-blend-mode: difference; +} + +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} + +.bg-blend-hue{ + background-blend-mode: hue; +} + +.bg-blend-saturation{ + background-blend-mode: saturation; +} + +.bg-blend-color{ + background-blend-mode: color; +} + +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} + +.mix-blend-normal{ + mix-blend-mode: normal; +} + +.mix-blend-multiply{ + mix-blend-mode: multiply; +} + +.mix-blend-screen{ + mix-blend-mode: screen; +} + +.mix-blend-overlay{ + mix-blend-mode: overlay; +} + +.mix-blend-darken{ + mix-blend-mode: darken; +} + +.mix-blend-lighten{ + mix-blend-mode: lighten; +} + +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} + +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} + +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} + +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} + +.mix-blend-difference{ + mix-blend-mode: difference; +} + +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} + +.mix-blend-hue{ + mix-blend-mode: hue; +} + +.mix-blend-saturation{ + mix-blend-mode: saturation; +} + +.mix-blend-color{ + mix-blend-mode: color; +} + +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} + +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} + +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} + .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -4073,6 +5222,24 @@ body { outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} + +.outline-dotted{ + outline-style: dotted; +} + +.outline-double{ + outline-style: double; +} + +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -4085,6 +5252,10 @@ body { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} + .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -4159,6 +5330,11 @@ body { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -4174,21 +5350,68 @@ body { 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} + +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} + .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} + +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} + .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -4233,6 +5456,10 @@ body { transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} + .duration-75{ transition-duration: 75ms; } @@ -4249,6 +5476,11 @@ body { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} + .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -4491,21 +5723,70 @@ p:is(.dark *){ color: rgb(188 240 218 / var(--tw-text-opacity)); } +/* Base list styling */ + +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} + +/* Unordered lists */ + ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + +ul { /* Vertical spacing */ +} + +/* List items */ + li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ + ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + +ol { /* Vertical spacing */ +} + +/* Nested lists */ + +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} + +/* For custom properties that aren't available in Tailwind, use regular CSS */ + +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} + :root { --color-primary: #00ff00; --color-primary-light: #33ff33; @@ -6040,6 +7321,52 @@ button:hover{ transform: scaleX(1); } +@media (min-width: 640px){ + + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + + @media (min-width: 640px){ + + .sm\:container{ + max-width: 640px; + } + } + + @media (min-width: 768px){ + + .sm\:container{ + max-width: 768px; + } + } + + @media (min-width: 1024px){ + + .sm\:container{ + max-width: 1024px; + } + } + + @media (min-width: 1280px){ + + .sm\:container{ + max-width: 1280px; + } + } + + @media (min-width: 1536px){ + + .sm\:container{ + max-width: 1536px; + } + } +} + .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -6485,6 +7812,10 @@ button:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} + .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -6587,10 +7918,6 @@ button:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} - .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -6619,6 +7946,16 @@ button:hover{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} + +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} + .focus\:z-10:focus{ z-index: 10; } @@ -6817,6 +8154,14 @@ button:hover{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} + +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} + .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -6974,11 +8319,6 @@ button:hover{ background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} - .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -7835,10 +9175,19 @@ button:hover{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } + .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ @@ -8005,6 +9354,10 @@ button:hover{ .lg\:flex-row{ flex-direction: row; } + + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ diff --git a/web/dist/themes/red_dragon.css b/web/dist/themes/red_dragon.css index 1c2670cb..098db0dc 100644 --- a/web/dist/themes/red_dragon.css +++ b/web/dist/themes/red_dragon.css @@ -148,7 +148,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -228,7 +228,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -1046,10 +1046,29 @@ body { border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} + .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} + +.\!visible{ + visibility: visible !important; +} + .visible{ visibility: visible; } @@ -1082,6 +1101,10 @@ body { position: sticky; } +.-inset-1{ + inset: -0.25rem; +} + .inset-0{ inset: 0px; } @@ -1251,6 +1274,14 @@ body { top: 100%; } +.isolate{ + isolation: isolate; +} + +.isolation-auto{ + isolation: auto; +} + .z-0{ z-index: 0; } @@ -1275,6 +1306,34 @@ body { z-index: 50; } +.float-right{ + float: right; +} + +.float-left{ + float: left; +} + +.float-none{ + float: none; +} + +.clear-left{ + clear: left; +} + +.clear-right{ + clear: right; +} + +.clear-both{ + clear: both; +} + +.clear-none{ + clear: none; +} + .-m-1{ margin: -0.25rem; } @@ -1328,11 +1387,6 @@ body { margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} - .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1491,6 +1545,14 @@ body { margin-top: auto; } +.box-border{ + box-sizing: border-box; +} + +.box-content{ + box-sizing: content-box; +} + .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1512,6 +1574,10 @@ body { -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} + .block{ display: block; } @@ -1536,14 +1602,62 @@ body { display: table; } +.inline-table{ + display: inline-table; +} + +.table-caption{ + display: table-caption; +} + +.table-cell{ + display: table-cell; +} + +.table-column{ + display: table-column; +} + +.table-column-group{ + display: table-column-group; +} + +.table-footer-group{ + display: table-footer-group; +} + +.table-header-group{ + display: table-header-group; +} + +.table-row-group{ + display: table-row-group; +} + +.table-row{ + display: table-row; +} + +.flow-root{ + display: flow-root; +} + .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} + .contents{ display: contents; } +.list-item{ + display: list-item; +} + .hidden{ display: none; } @@ -1732,6 +1846,10 @@ body { min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} + .min-h-\[220px\]{ min-height: 220px; } @@ -1768,6 +1886,10 @@ body { width: 50%; } +.w-1\/3{ + width: 33.333333%; +} + .w-10{ width: 2.5rem; } @@ -1880,6 +2002,14 @@ body { width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} + +.w-\[16rem\]{ + width: 16rem; +} + .w-\[300px\]{ width: 300px; } @@ -1888,6 +2018,18 @@ body { width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} + +.w-\[this-is\]{ + width: this-is; +} + +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} + .w-auto{ width: auto; } @@ -1913,18 +2055,6 @@ body { min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} - -.min-w-\[15rem\]{ - min-width: 15rem; -} - -.min-w-\[23rem\]{ - min-width: 23rem; -} - .min-w-\[24rem\]{ min-width: 24rem; } @@ -1961,18 +2091,6 @@ body { max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} - -.max-w-\[15rem\]{ - max-width: 15rem; -} - -.max-w-\[23rem\]{ - max-width: 23rem; -} - .max-w-\[24rem\]{ max-width: 24rem; } @@ -1989,6 +2107,10 @@ body { max-width: 28rem; } +.max-w-none{ + max-width: none; +} + .max-w-sm{ max-width: 24rem; } @@ -2037,6 +2159,22 @@ body { flex-grow: 1; } +.table-auto{ + table-layout: auto; +} + +.table-fixed{ + table-layout: fixed; +} + +.border-collapse{ + border-collapse: collapse; +} + +.border-separate{ + border-collapse: separate; +} + .origin-left{ transform-origin: left; } @@ -2051,11 +2189,6 @@ body { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -2118,10 +2251,22 @@ body { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .transform-none{ transform: none; } @@ -2181,20 +2326,153 @@ body { cursor: pointer; } +.touch-auto{ + touch-action: auto; +} + +.touch-none{ + touch-action: none; +} + +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-manipulation{ + touch-action: manipulation; +} + .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} + +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} + +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} + .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} + +.resize-x{ + resize: horizontal; +} + .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} + +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} + +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} + +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} + +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} + +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} + +.snap-start{ + scroll-snap-align: start; +} + +.snap-end{ + scroll-snap-align: end; +} + +.snap-center{ + scroll-snap-align: center; +} + +.snap-align-none{ + scroll-snap-align: none; +} + +.snap-normal{ + scroll-snap-stop: normal; +} + +.snap-always{ + scroll-snap-stop: always; +} + +.list-inside{ + list-style-position: inside; +} + +.list-outside{ + list-style-position: outside; +} + +.list-disc{ + list-style-type: disc; +} + .list-none{ list-style-type: none; } @@ -2205,6 +2483,125 @@ body { appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} + +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} + +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} + +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} + +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} + +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} + +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} + +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} + +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} + +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} + +.break-inside-avoid-page{ + break-inside: avoid-page; +} + +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} + +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} + +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} + +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} + +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} + +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} + +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} + +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} + +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} + +.grid-flow-row{ + grid-auto-flow: row; +} + +.grid-flow-col{ + grid-auto-flow: column; +} + +.grid-flow-dense{ + grid-auto-flow: dense; +} + +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} + +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} + .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -2233,14 +2630,102 @@ body { flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} + .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} + .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} + +.place-content-start{ + place-content: start; +} + +.place-content-end{ + place-content: end; +} + +.place-content-between{ + place-content: space-between; +} + +.place-content-around{ + place-content: space-around; +} + +.place-content-evenly{ + place-content: space-evenly; +} + +.place-content-baseline{ + place-content: baseline; +} + +.place-content-stretch{ + place-content: stretch; +} + +.place-items-start{ + place-items: start; +} + +.place-items-end{ + place-items: end; +} + +.place-items-center{ + place-items: center; +} + +.place-items-baseline{ + place-items: baseline; +} + +.place-items-stretch{ + place-items: stretch; +} + +.content-center{ + align-content: center; +} + +.content-start{ + align-content: flex-start; +} + +.content-end{ + align-content: flex-end; +} + +.content-between{ + align-content: space-between; +} + +.content-around{ + align-content: space-around; +} + +.content-evenly{ + align-content: space-evenly; +} + +.content-baseline{ + align-content: baseline; +} + .items-start{ align-items: flex-start; } @@ -2253,6 +2738,14 @@ body { align-items: center; } +.items-baseline{ + align-items: baseline; +} + +.items-stretch{ + align-items: stretch; +} + .justify-start{ justify-content: flex-start; } @@ -2269,6 +2762,30 @@ body { justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} + +.justify-evenly{ + justify-content: space-evenly; +} + +.justify-items-start{ + justify-items: start; +} + +.justify-items-end{ + justify-items: end; +} + +.justify-items-center{ + justify-items: center; +} + +.justify-items-stretch{ + justify-items: stretch; +} + .gap-1{ gap: 0.25rem; } @@ -2359,6 +2876,14 @@ body { margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} + +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} + .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -2371,6 +2896,34 @@ body { border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} + +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} + +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} + +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} + +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} + +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} + +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} + .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -2381,6 +2934,38 @@ body { border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} + +.place-self-start{ + place-self: start; +} + +.place-self-end{ + place-self: end; +} + +.place-self-center{ + place-self: center; +} + +.place-self-stretch{ + place-self: stretch; +} + +.self-auto{ + align-self: auto; +} + +.self-start{ + align-self: flex-start; +} + +.self-end{ + align-self: flex-end; +} + .self-center{ align-self: center; } @@ -2389,6 +2974,30 @@ body { align-self: stretch; } +.self-baseline{ + align-self: baseline; +} + +.justify-self-auto{ + justify-self: auto; +} + +.justify-self-start{ + justify-self: start; +} + +.justify-self-end{ + justify-self: end; +} + +.justify-self-center{ + justify-self: center; +} + +.justify-self-stretch{ + justify-self: stretch; +} + .overflow-auto{ overflow: auto; } @@ -2397,10 +3006,18 @@ body { overflow: hidden; } +.overflow-clip{ + overflow: clip; +} + .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} + .overflow-x-auto{ overflow-x: auto; } @@ -2417,24 +3034,117 @@ body { overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} + +.overflow-y-clip{ + overflow-y: clip; +} + +.overflow-x-visible{ + overflow-x: visible; +} + +.overflow-y-visible{ + overflow-y: visible; +} + +.overflow-x-scroll{ + overflow-x: scroll; +} + .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} + +.overscroll-contain{ + overscroll-behavior: contain; +} + +.overscroll-none{ + overscroll-behavior: none; +} + +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} + +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} + +.overscroll-y-none{ + overscroll-behavior-y: none; +} + +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} + +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} + +.overscroll-x-none{ + overscroll-behavior-x: none; +} + +.scroll-auto{ + scroll-behavior: auto; +} + +.scroll-smooth{ + scroll-behavior: smooth; +} + .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} + +.text-ellipsis{ + text-overflow: ellipsis; +} + +.text-clip{ + text-overflow: clip; +} + +.whitespace-normal{ + white-space: normal; +} + .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} + +.whitespace-pre-line{ + white-space: pre-line; +} + .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} + .break-words{ overflow-wrap: break-word; } @@ -2443,6 +3153,10 @@ body { word-break: break-all; } +.break-keep{ + word-break: keep-all; +} + .\!rounded-full{ border-radius: 9999px !important; } @@ -2481,11 +3195,21 @@ body { border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -2506,6 +3230,22 @@ body { border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} + +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} + +.rounded-tl{ + border-top-left-radius: 0.25rem; +} + +.rounded-tr{ + border-top-right-radius: 0.25rem; +} + .border{ border-width: 1px; } @@ -2522,9 +3262,14 @@ body { border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} + +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ @@ -2543,6 +3288,10 @@ body { border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} + .border-t{ border-top-width: 1px; } @@ -2559,10 +3308,26 @@ body { border-top-width: 4px; } +.border-solid{ + border-style: solid; +} + .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} + +.border-double{ + border-style: double; +} + +.border-hidden{ + border-style: hidden; +} + .border-none{ border-style: none; } @@ -2712,6 +3477,11 @@ body { border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} + .bg-accent{ background-color: var(--color-accent); } @@ -3241,11 +4011,91 @@ body { --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} + +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} + +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} + +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} + +.bg-fixed{ + background-attachment: fixed; +} + +.bg-local{ + background-attachment: local; +} + +.bg-scroll{ + background-attachment: scroll; +} + +.bg-clip-border{ + background-clip: border-box; +} + +.bg-clip-padding{ + background-clip: padding-box; +} + +.bg-clip-content{ + background-clip: content-box; +} + .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} + +.bg-no-repeat{ + background-repeat: no-repeat; +} + +.bg-repeat-x{ + background-repeat: repeat-x; +} + +.bg-repeat-y{ + background-repeat: repeat-y; +} + +.bg-repeat-round{ + background-repeat: round; +} + +.bg-repeat-space{ + background-repeat: space; +} + +.bg-origin-border{ + background-origin: border-box; +} + +.bg-origin-padding{ + background-origin: padding-box; +} + +.bg-origin-content{ + background-origin: content-box; +} + .fill-blue-600{ fill: #1C64F2; } @@ -3290,6 +4140,11 @@ body { fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} + .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -3300,6 +4155,16 @@ body { object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} + +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} + .p-0{ padding: 0px; } @@ -3473,6 +4338,10 @@ body { padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} + .pr-10{ padding-right: 2.5rem; } @@ -3517,6 +4386,26 @@ body { text-align: right; } +.text-justify{ + text-align: justify; +} + +.text-start{ + text-align: start; +} + +.text-end{ + text-align: end; +} + +.align-baseline{ + vertical-align: baseline; +} + +.align-top{ + vertical-align: top; +} + .align-middle{ vertical-align: middle; } @@ -3525,12 +4414,28 @@ body { vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} + +.align-text-bottom{ + vertical-align: text-bottom; +} + +.align-sub{ + vertical-align: sub; +} + +.align-super{ + vertical-align: super; +} + .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ @@ -3607,10 +4512,70 @@ body { text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} + +.capitalize{ + text-transform: capitalize; +} + +.normal-case{ + text-transform: none; +} + .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} + +.normal-nums{ + font-variant-numeric: normal; +} + +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + .leading-6{ line-height: 1.5rem; } @@ -3631,6 +4596,10 @@ body { letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} + .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3921,6 +4890,48 @@ body { text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} + +.line-through{ + text-decoration-line: line-through; +} + +.no-underline{ + text-decoration-line: none; +} + +.decoration-solid{ + text-decoration-style: solid; +} + +.decoration-double{ + text-decoration-style: double; +} + +.decoration-dotted{ + text-decoration-style: dotted; +} + +.decoration-dashed{ + text-decoration-style: dashed; +} + +.decoration-wavy{ + text-decoration-style: wavy; +} + +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} + .opacity-0{ opacity: 0; } @@ -3953,6 +4964,144 @@ body { opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} + +.bg-blend-multiply{ + background-blend-mode: multiply; +} + +.bg-blend-screen{ + background-blend-mode: screen; +} + +.bg-blend-overlay{ + background-blend-mode: overlay; +} + +.bg-blend-darken{ + background-blend-mode: darken; +} + +.bg-blend-lighten{ + background-blend-mode: lighten; +} + +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} + +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} + +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} + +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} + +.bg-blend-difference{ + background-blend-mode: difference; +} + +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} + +.bg-blend-hue{ + background-blend-mode: hue; +} + +.bg-blend-saturation{ + background-blend-mode: saturation; +} + +.bg-blend-color{ + background-blend-mode: color; +} + +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} + +.mix-blend-normal{ + mix-blend-mode: normal; +} + +.mix-blend-multiply{ + mix-blend-mode: multiply; +} + +.mix-blend-screen{ + mix-blend-mode: screen; +} + +.mix-blend-overlay{ + mix-blend-mode: overlay; +} + +.mix-blend-darken{ + mix-blend-mode: darken; +} + +.mix-blend-lighten{ + mix-blend-mode: lighten; +} + +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} + +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} + +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} + +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} + +.mix-blend-difference{ + mix-blend-mode: difference; +} + +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} + +.mix-blend-hue{ + mix-blend-mode: hue; +} + +.mix-blend-saturation{ + mix-blend-mode: saturation; +} + +.mix-blend-color{ + mix-blend-mode: color; +} + +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} + +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} + +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} + .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -4073,6 +5222,24 @@ body { outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} + +.outline-dotted{ + outline-style: dotted; +} + +.outline-double{ + outline-style: double; +} + +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -4085,6 +5252,10 @@ body { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} + .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -4159,6 +5330,11 @@ body { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -4174,21 +5350,68 @@ body { 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} + +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} + .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} + +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} + .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -4233,6 +5456,10 @@ body { transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} + .duration-75{ transition-duration: 75ms; } @@ -4249,6 +5476,11 @@ body { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} + .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -4491,21 +5723,70 @@ p:is(.dark *){ color: rgb(248 180 180 / var(--tw-text-opacity)); } +/* Base list styling */ + +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} + +/* Unordered lists */ + ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + +ul { /* Vertical spacing */ +} + +/* List items */ + li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ + ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + +ol { /* Vertical spacing */ +} + +/* Nested lists */ + +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} + +/* For custom properties that aren't available in Tailwind, use regular CSS */ + +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} + :root { --color-primary: #e24a4a; --color-primary-light: #f16a6a; @@ -6017,6 +7298,52 @@ button:hover{ z-index: -1; } +@media (min-width: 640px){ + + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + + @media (min-width: 640px){ + + .sm\:container{ + max-width: 640px; + } + } + + @media (min-width: 768px){ + + .sm\:container{ + max-width: 768px; + } + } + + @media (min-width: 1024px){ + + .sm\:container{ + max-width: 1024px; + } + } + + @media (min-width: 1280px){ + + .sm\:container{ + max-width: 1280px; + } + } + + @media (min-width: 1536px){ + + .sm\:container{ + max-width: 1536px; + } + } +} + .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -6462,6 +7789,10 @@ button:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} + .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -6564,10 +7895,6 @@ button:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} - .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -6596,6 +7923,16 @@ button:hover{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} + +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} + .focus\:z-10:focus{ z-index: 10; } @@ -6794,6 +8131,14 @@ button:hover{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} + +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} + .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -6951,11 +8296,6 @@ button:hover{ background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} - .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -7812,10 +9152,19 @@ button:hover{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } + .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ @@ -7982,6 +9331,10 @@ button:hover{ .lg\:flex-row{ flex-direction: row; } + + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ diff --git a/web/dist/themes/sober_gray.css b/web/dist/themes/sober_gray.css index 5323c5a5..911706a7 100644 --- a/web/dist/themes/sober_gray.css +++ b/web/dist/themes/sober_gray.css @@ -140,7 +140,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -206,7 +206,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -883,9 +883,25 @@ body { white-space: nowrap; border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} +.\!visible{ + visibility: visible !important; +} .visible{ visibility: visible; } @@ -910,6 +926,9 @@ body { .sticky{ position: sticky; } +.-inset-1{ + inset: -0.25rem; +} .inset-0{ inset: 0px; } @@ -1037,6 +1056,12 @@ body { .top-full{ top: 100%; } +.isolate{ + isolation: isolate; +} +.isolation-auto{ + isolation: auto; +} .z-0{ z-index: 0; } @@ -1055,6 +1080,27 @@ body { .z-50{ z-index: 50; } +.float-right{ + float: right; +} +.float-left{ + float: left; +} +.float-none{ + float: none; +} +.clear-left{ + clear: left; +} +.clear-right{ + clear: right; +} +.clear-both{ + clear: both; +} +.clear-none{ + clear: none; +} .-m-1{ margin: -0.25rem; } @@ -1096,10 +1142,6 @@ body { margin-left: 0.25rem; margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1220,6 +1262,12 @@ body { .mt-auto{ margin-top: auto; } +.box-border{ + box-sizing: border-box; +} +.box-content{ + box-sizing: content-box; +} .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1238,6 +1286,9 @@ body { -webkit-box-orient: vertical; -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} .block{ display: block; } @@ -1256,12 +1307,48 @@ body { .table{ display: table; } +.inline-table{ + display: inline-table; +} +.table-caption{ + display: table-caption; +} +.table-cell{ + display: table-cell; +} +.table-column{ + display: table-column; +} +.table-column-group{ + display: table-column-group; +} +.table-footer-group{ + display: table-footer-group; +} +.table-header-group{ + display: table-header-group; +} +.table-row-group{ + display: table-row-group; +} +.table-row{ + display: table-row; +} +.flow-root{ + display: flow-root; +} .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} .contents{ display: contents; } +.list-item{ + display: list-item; +} .hidden{ display: none; } @@ -1403,6 +1490,9 @@ body { .min-h-0{ min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} .min-h-\[220px\]{ min-height: 220px; } @@ -1430,6 +1520,9 @@ body { .w-1\/2{ width: 50%; } +.w-1\/3{ + width: 33.333333%; +} .w-10{ width: 2.5rem; } @@ -1514,12 +1607,27 @@ body { .w-96{ width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} +.w-\[16rem\]{ + width: 16rem; +} .w-\[300px\]{ width: 300px; } .w-\[500px\]{ width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} +.w-\[this-is\]{ + width: this-is; +} +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} .w-auto{ width: auto; } @@ -1539,15 +1647,6 @@ body { .min-w-96{ min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} -.min-w-\[15rem\]{ - min-width: 15rem; -} -.min-w-\[23rem\]{ - min-width: 23rem; -} .min-w-\[24rem\]{ min-width: 24rem; } @@ -1575,15 +1674,6 @@ body { .max-w-7xl{ max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} -.max-w-\[15rem\]{ - max-width: 15rem; -} -.max-w-\[23rem\]{ - max-width: 23rem; -} .max-w-\[24rem\]{ max-width: 24rem; } @@ -1596,6 +1686,9 @@ body { .max-w-md{ max-width: 28rem; } +.max-w-none{ + max-width: none; +} .max-w-sm{ max-width: 24rem; } @@ -1632,6 +1725,18 @@ body { .grow{ flex-grow: 1; } +.table-auto{ + table-layout: auto; +} +.table-fixed{ + table-layout: fixed; +} +.border-collapse{ + border-collapse: collapse; +} +.border-separate{ + border-collapse: separate; +} .origin-left{ transform-origin: left; } @@ -1643,10 +1748,6 @@ body { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1697,9 +1798,18 @@ body { --tw-scale-x: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} .transform-none{ transform: none; } @@ -1744,17 +1854,120 @@ body { .cursor-pointer{ cursor: pointer; } +.touch-auto{ + touch-action: auto; +} +.touch-none{ + touch-action: none; +} +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-manipulation{ + touch-action: manipulation; +} .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} +.resize-x{ + resize: horizontal; +} .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} +.snap-start{ + scroll-snap-align: start; +} +.snap-end{ + scroll-snap-align: end; +} +.snap-center{ + scroll-snap-align: center; +} +.snap-align-none{ + scroll-snap-align: none; +} +.snap-normal{ + scroll-snap-stop: normal; +} +.snap-always{ + scroll-snap-stop: always; +} +.list-inside{ + list-style-position: inside; +} +.list-outside{ + list-style-position: outside; +} +.list-disc{ + list-style-type: disc; +} .list-none{ list-style-type: none; } @@ -1763,6 +1976,100 @@ body { -moz-appearance: none; appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} +.break-inside-avoid-page{ + break-inside: avoid-page; +} +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} +.grid-flow-row{ + grid-auto-flow: row; +} +.grid-flow-col{ + grid-auto-flow: column; +} +.grid-flow-dense{ + grid-auto-flow: dense; +} +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1784,12 +2091,78 @@ body { .flex-col{ flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} +.place-content-start{ + place-content: start; +} +.place-content-end{ + place-content: end; +} +.place-content-between{ + place-content: space-between; +} +.place-content-around{ + place-content: space-around; +} +.place-content-evenly{ + place-content: space-evenly; +} +.place-content-baseline{ + place-content: baseline; +} +.place-content-stretch{ + place-content: stretch; +} +.place-items-start{ + place-items: start; +} +.place-items-end{ + place-items: end; +} +.place-items-center{ + place-items: center; +} +.place-items-baseline{ + place-items: baseline; +} +.place-items-stretch{ + place-items: stretch; +} +.content-center{ + align-content: center; +} +.content-start{ + align-content: flex-start; +} +.content-end{ + align-content: flex-end; +} +.content-between{ + align-content: space-between; +} +.content-around{ + align-content: space-around; +} +.content-evenly{ + align-content: space-evenly; +} +.content-baseline{ + align-content: baseline; +} .items-start{ align-items: flex-start; } @@ -1799,6 +2172,12 @@ body { .items-center{ align-items: center; } +.items-baseline{ + align-items: baseline; +} +.items-stretch{ + align-items: stretch; +} .justify-start{ justify-content: flex-start; } @@ -1811,6 +2190,24 @@ body { .justify-between{ justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} +.justify-evenly{ + justify-content: space-evenly; +} +.justify-items-start{ + justify-items: start; +} +.justify-items-end{ + justify-items: end; +} +.justify-items-center{ + justify-items: center; +} +.justify-items-stretch{ + justify-items: stretch; +} .gap-1{ gap: 0.25rem; } @@ -1884,6 +2281,12 @@ body { margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -1894,6 +2297,27 @@ body { border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -1902,21 +2326,69 @@ body { --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} +.place-self-start{ + place-self: start; +} +.place-self-end{ + place-self: end; +} +.place-self-center{ + place-self: center; +} +.place-self-stretch{ + place-self: stretch; +} +.self-auto{ + align-self: auto; +} +.self-start{ + align-self: flex-start; +} +.self-end{ + align-self: flex-end; +} .self-center{ align-self: center; } .self-stretch{ align-self: stretch; } +.self-baseline{ + align-self: baseline; +} +.justify-self-auto{ + justify-self: auto; +} +.justify-self-start{ + justify-self: start; +} +.justify-self-end{ + justify-self: end; +} +.justify-self-center{ + justify-self: center; +} +.justify-self-stretch{ + justify-self: stretch; +} .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } +.overflow-clip{ + overflow: clip; +} .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} .overflow-x-auto{ overflow-x: auto; } @@ -1929,26 +2401,99 @@ body { .overflow-y-hidden{ overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} +.overflow-y-clip{ + overflow-y: clip; +} +.overflow-x-visible{ + overflow-x: visible; +} +.overflow-y-visible{ + overflow-y: visible; +} +.overflow-x-scroll{ + overflow-x: scroll; +} .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} +.overscroll-contain{ + overscroll-behavior: contain; +} +.overscroll-none{ + overscroll-behavior: none; +} +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} +.overscroll-y-none{ + overscroll-behavior-y: none; +} +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} +.overscroll-x-none{ + overscroll-behavior-x: none; +} +.scroll-auto{ + scroll-behavior: auto; +} +.scroll-smooth{ + scroll-behavior: smooth; +} .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} +.text-ellipsis{ + text-overflow: ellipsis; +} +.text-clip{ + text-overflow: clip; +} +.whitespace-normal{ + white-space: normal; +} .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} +.whitespace-pre-line{ + white-space: pre-line; +} .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } +.break-keep{ + word-break: keep-all; +} .\!rounded-full{ border-radius: 9999px !important; } @@ -1978,10 +2523,18 @@ body { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -1998,6 +2551,18 @@ body { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} +.rounded-tl{ + border-top-left-radius: 0.25rem; +} +.rounded-tr{ + border-top-right-radius: 0.25rem; +} .border{ border-width: 1px; } @@ -2010,9 +2575,13 @@ body { .border-4{ border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; @@ -2026,6 +2595,9 @@ body { .border-l{ border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} .border-t{ border-top-width: 1px; } @@ -2038,9 +2610,21 @@ body { .border-t-4{ border-top-width: 4px; } +.border-solid{ + border-style: solid; +} .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} +.border-double{ + border-style: double; +} +.border-hidden{ + border-style: hidden; +} .border-none{ border-style: none; } @@ -2159,6 +2743,10 @@ body { --tw-border-opacity: 1; border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} .bg-accent{ background-color: var(--color-accent); } @@ -2578,10 +3166,71 @@ body { .to-100\%{ --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.bg-fixed{ + background-attachment: fixed; +} +.bg-local{ + background-attachment: local; +} +.bg-scroll{ + background-attachment: scroll; +} +.bg-clip-border{ + background-clip: border-box; +} +.bg-clip-padding{ + background-clip: padding-box; +} +.bg-clip-content{ + background-clip: content-box; +} .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} +.bg-no-repeat{ + background-repeat: no-repeat; +} +.bg-repeat-x{ + background-repeat: repeat-x; +} +.bg-repeat-y{ + background-repeat: repeat-y; +} +.bg-repeat-round{ + background-repeat: round; +} +.bg-repeat-space{ + background-repeat: space; +} +.bg-origin-border{ + background-origin: border-box; +} +.bg-origin-padding{ + background-origin: padding-box; +} +.bg-origin-content{ + background-origin: content-box; +} .fill-blue-600{ fill: #1C64F2; } @@ -2615,6 +3264,10 @@ body { .fill-yellow-400{ fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -2623,6 +3276,14 @@ body { -o-object-fit: fill; object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} .p-0{ padding: 0px; } @@ -2757,6 +3418,9 @@ body { .pl-4{ padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} .pr-10{ padding-right: 2.5rem; } @@ -2790,17 +3454,44 @@ body { .text-right{ text-align: right; } +.text-justify{ + text-align: justify; +} +.text-start{ + text-align: start; +} +.text-end{ + text-align: end; +} +.align-baseline{ + vertical-align: baseline; +} +.align-top{ + vertical-align: top; +} .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} +.align-text-bottom{ + vertical-align: text-bottom; +} +.align-sub{ + vertical-align: sub; +} +.align-super{ + vertical-align: super; +} .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ font-size: 1.5rem; @@ -2860,9 +3551,56 @@ body { .uppercase{ text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} +.capitalize{ + text-transform: capitalize; +} +.normal-case{ + text-transform: none; +} .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} +.normal-nums{ + font-variant-numeric: normal; +} +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} .leading-6{ line-height: 1.5rem; } @@ -2878,6 +3616,9 @@ body { .tracking-wide{ letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3109,6 +3850,38 @@ body { .underline{ text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} +.line-through{ + text-decoration-line: line-through; +} +.no-underline{ + text-decoration-line: none; +} +.decoration-solid{ + text-decoration-style: solid; +} +.decoration-double{ + text-decoration-style: double; +} +.decoration-dotted{ + text-decoration-style: dotted; +} +.decoration-dashed{ + text-decoration-style: dashed; +} +.decoration-wavy{ + text-decoration-style: wavy; +} +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} .opacity-0{ opacity: 0; } @@ -3133,6 +3906,110 @@ body { .opacity-80{ opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} +.bg-blend-multiply{ + background-blend-mode: multiply; +} +.bg-blend-screen{ + background-blend-mode: screen; +} +.bg-blend-overlay{ + background-blend-mode: overlay; +} +.bg-blend-darken{ + background-blend-mode: darken; +} +.bg-blend-lighten{ + background-blend-mode: lighten; +} +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} +.bg-blend-difference{ + background-blend-mode: difference; +} +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} +.bg-blend-hue{ + background-blend-mode: hue; +} +.bg-blend-saturation{ + background-blend-mode: saturation; +} +.bg-blend-color{ + background-blend-mode: color; +} +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} +.mix-blend-normal{ + mix-blend-mode: normal; +} +.mix-blend-multiply{ + mix-blend-mode: multiply; +} +.mix-blend-screen{ + mix-blend-mode: screen; +} +.mix-blend-overlay{ + mix-blend-mode: overlay; +} +.mix-blend-darken{ + mix-blend-mode: darken; +} +.mix-blend-lighten{ + mix-blend-mode: lighten; +} +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} +.mix-blend-difference{ + mix-blend-mode: difference; +} +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} +.mix-blend-hue{ + mix-blend-mode: hue; +} +.mix-blend-saturation{ + mix-blend-mode: saturation; +} +.mix-blend-color{ + mix-blend-mode: color; +} +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -3230,6 +4107,20 @@ body { .outline{ outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} +.outline-dotted{ + outline-style: dotted; +} +.outline-double{ + outline-style: double; +} +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3240,6 +4131,9 @@ body { --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -3299,6 +4193,10 @@ body { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -3311,18 +4209,56 @@ body { --tw-grayscale: grayscale(100%); 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -3359,6 +4295,9 @@ body { .duration-300{ transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} .duration-75{ transition-duration: 75ms; } @@ -3371,6 +4310,10 @@ body { .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -3565,18 +4508,54 @@ p:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } +/* Base list styling */ +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} +/* Unordered lists */ ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ul { /* Vertical spacing */ +} +/* List items */ li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ol { /* Vertical spacing */ +} +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} :root { --color-primary: #4a4a4a; --color-primary-light: #6a6a6a; @@ -4787,6 +5766,40 @@ button:hover{ color: rgb(28 100 242 / var(--tw-text-opacity)); text-shadow: 0 0 5px rgba(0, 0, 255, 0.2); } +@media (min-width: 640px){ + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + @media (min-width: 640px){ + .sm\:container{ + max-width: 640px; + } + } + @media (min-width: 768px){ + .sm\:container{ + max-width: 768px; + } + } + @media (min-width: 1024px){ + .sm\:container{ + max-width: 1024px; + } + } + @media (min-width: 1280px){ + .sm\:container{ + max-width: 1280px; + } + } + @media (min-width: 1536px){ + .sm\:container{ + max-width: 1536px; + } + } +} .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -5139,6 +6152,9 @@ button:hover{ .hover\:to-purple-500\/20:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -5220,9 +6236,6 @@ button:hover{ .hover\:underline:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -5246,6 +6259,14 @@ button:hover{ .hover\:scrollbar-thumb-primary{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} .focus\:z-10:focus{ z-index: 10; } @@ -5404,6 +6425,12 @@ button:hover{ .focus\:ring-opacity-50:focus{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -5529,10 +6556,6 @@ button:hover{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -6209,10 +7232,17 @@ button:hover{ .sm\:text-center{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ .md\:inset-0{ @@ -6340,6 +7370,9 @@ button:hover{ .lg\:flex-row{ flex-direction: row; } + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ .xl\:h-80{ diff --git a/web/dist/themes/strawberry.css b/web/dist/themes/strawberry.css index 817eb3f0..05e0dc7b 100644 --- a/web/dist/themes/strawberry.css +++ b/web/dist/themes/strawberry.css @@ -140,7 +140,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -206,7 +206,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -888,9 +888,25 @@ html{ white-space: nowrap; border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} +.\!visible{ + visibility: visible !important; +} .visible{ visibility: visible; } @@ -915,6 +931,9 @@ html{ .sticky{ position: sticky; } +.-inset-1{ + inset: -0.25rem; +} .inset-0{ inset: 0px; } @@ -1042,6 +1061,12 @@ html{ .top-full{ top: 100%; } +.isolate{ + isolation: isolate; +} +.isolation-auto{ + isolation: auto; +} .z-0{ z-index: 0; } @@ -1060,6 +1085,27 @@ html{ .z-50{ z-index: 50; } +.float-right{ + float: right; +} +.float-left{ + float: left; +} +.float-none{ + float: none; +} +.clear-left{ + clear: left; +} +.clear-right{ + clear: right; +} +.clear-both{ + clear: both; +} +.clear-none{ + clear: none; +} .-m-1{ margin: -0.25rem; } @@ -1101,10 +1147,6 @@ html{ margin-left: 0.25rem; margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1225,6 +1267,12 @@ html{ .mt-auto{ margin-top: auto; } +.box-border{ + box-sizing: border-box; +} +.box-content{ + box-sizing: content-box; +} .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1243,6 +1291,9 @@ html{ -webkit-box-orient: vertical; -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} .block{ display: block; } @@ -1261,12 +1312,48 @@ html{ .table{ display: table; } +.inline-table{ + display: inline-table; +} +.table-caption{ + display: table-caption; +} +.table-cell{ + display: table-cell; +} +.table-column{ + display: table-column; +} +.table-column-group{ + display: table-column-group; +} +.table-footer-group{ + display: table-footer-group; +} +.table-header-group{ + display: table-header-group; +} +.table-row-group{ + display: table-row-group; +} +.table-row{ + display: table-row; +} +.flow-root{ + display: flow-root; +} .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} .contents{ display: contents; } +.list-item{ + display: list-item; +} .hidden{ display: none; } @@ -1408,6 +1495,9 @@ html{ .min-h-0{ min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} .min-h-\[220px\]{ min-height: 220px; } @@ -1435,6 +1525,9 @@ html{ .w-1\/2{ width: 50%; } +.w-1\/3{ + width: 33.333333%; +} .w-10{ width: 2.5rem; } @@ -1519,12 +1612,27 @@ html{ .w-96{ width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} +.w-\[16rem\]{ + width: 16rem; +} .w-\[300px\]{ width: 300px; } .w-\[500px\]{ width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} +.w-\[this-is\]{ + width: this-is; +} +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} .w-auto{ width: auto; } @@ -1544,15 +1652,6 @@ html{ .min-w-96{ min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} -.min-w-\[15rem\]{ - min-width: 15rem; -} -.min-w-\[23rem\]{ - min-width: 23rem; -} .min-w-\[24rem\]{ min-width: 24rem; } @@ -1580,15 +1679,6 @@ html{ .max-w-7xl{ max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} -.max-w-\[15rem\]{ - max-width: 15rem; -} -.max-w-\[23rem\]{ - max-width: 23rem; -} .max-w-\[24rem\]{ max-width: 24rem; } @@ -1601,6 +1691,9 @@ html{ .max-w-md{ max-width: 28rem; } +.max-w-none{ + max-width: none; +} .max-w-sm{ max-width: 24rem; } @@ -1637,6 +1730,18 @@ html{ .grow{ flex-grow: 1; } +.table-auto{ + table-layout: auto; +} +.table-fixed{ + table-layout: fixed; +} +.border-collapse{ + border-collapse: collapse; +} +.border-separate{ + border-collapse: separate; +} .origin-left{ transform-origin: left; } @@ -1648,10 +1753,6 @@ html{ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1702,9 +1803,18 @@ html{ --tw-scale-x: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} .transform-none{ transform: none; } @@ -1749,17 +1859,120 @@ html{ .cursor-pointer{ cursor: pointer; } +.touch-auto{ + touch-action: auto; +} +.touch-none{ + touch-action: none; +} +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-manipulation{ + touch-action: manipulation; +} .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} +.resize-x{ + resize: horizontal; +} .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} +.snap-start{ + scroll-snap-align: start; +} +.snap-end{ + scroll-snap-align: end; +} +.snap-center{ + scroll-snap-align: center; +} +.snap-align-none{ + scroll-snap-align: none; +} +.snap-normal{ + scroll-snap-stop: normal; +} +.snap-always{ + scroll-snap-stop: always; +} +.list-inside{ + list-style-position: inside; +} +.list-outside{ + list-style-position: outside; +} +.list-disc{ + list-style-type: disc; +} .list-none{ list-style-type: none; } @@ -1768,6 +1981,100 @@ html{ -moz-appearance: none; appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} +.break-inside-avoid-page{ + break-inside: avoid-page; +} +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} +.grid-flow-row{ + grid-auto-flow: row; +} +.grid-flow-col{ + grid-auto-flow: column; +} +.grid-flow-dense{ + grid-auto-flow: dense; +} +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1789,12 +2096,78 @@ html{ .flex-col{ flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} +.place-content-start{ + place-content: start; +} +.place-content-end{ + place-content: end; +} +.place-content-between{ + place-content: space-between; +} +.place-content-around{ + place-content: space-around; +} +.place-content-evenly{ + place-content: space-evenly; +} +.place-content-baseline{ + place-content: baseline; +} +.place-content-stretch{ + place-content: stretch; +} +.place-items-start{ + place-items: start; +} +.place-items-end{ + place-items: end; +} +.place-items-center{ + place-items: center; +} +.place-items-baseline{ + place-items: baseline; +} +.place-items-stretch{ + place-items: stretch; +} +.content-center{ + align-content: center; +} +.content-start{ + align-content: flex-start; +} +.content-end{ + align-content: flex-end; +} +.content-between{ + align-content: space-between; +} +.content-around{ + align-content: space-around; +} +.content-evenly{ + align-content: space-evenly; +} +.content-baseline{ + align-content: baseline; +} .items-start{ align-items: flex-start; } @@ -1804,6 +2177,12 @@ html{ .items-center{ align-items: center; } +.items-baseline{ + align-items: baseline; +} +.items-stretch{ + align-items: stretch; +} .justify-start{ justify-content: flex-start; } @@ -1816,6 +2195,24 @@ html{ .justify-between{ justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} +.justify-evenly{ + justify-content: space-evenly; +} +.justify-items-start{ + justify-items: start; +} +.justify-items-end{ + justify-items: end; +} +.justify-items-center{ + justify-items: center; +} +.justify-items-stretch{ + justify-items: stretch; +} .gap-1{ gap: 0.25rem; } @@ -1889,6 +2286,12 @@ html{ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -1899,6 +2302,27 @@ html{ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -1907,21 +2331,69 @@ html{ --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} +.place-self-start{ + place-self: start; +} +.place-self-end{ + place-self: end; +} +.place-self-center{ + place-self: center; +} +.place-self-stretch{ + place-self: stretch; +} +.self-auto{ + align-self: auto; +} +.self-start{ + align-self: flex-start; +} +.self-end{ + align-self: flex-end; +} .self-center{ align-self: center; } .self-stretch{ align-self: stretch; } +.self-baseline{ + align-self: baseline; +} +.justify-self-auto{ + justify-self: auto; +} +.justify-self-start{ + justify-self: start; +} +.justify-self-end{ + justify-self: end; +} +.justify-self-center{ + justify-self: center; +} +.justify-self-stretch{ + justify-self: stretch; +} .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } +.overflow-clip{ + overflow: clip; +} .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} .overflow-x-auto{ overflow-x: auto; } @@ -1934,26 +2406,99 @@ html{ .overflow-y-hidden{ overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} +.overflow-y-clip{ + overflow-y: clip; +} +.overflow-x-visible{ + overflow-x: visible; +} +.overflow-y-visible{ + overflow-y: visible; +} +.overflow-x-scroll{ + overflow-x: scroll; +} .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} +.overscroll-contain{ + overscroll-behavior: contain; +} +.overscroll-none{ + overscroll-behavior: none; +} +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} +.overscroll-y-none{ + overscroll-behavior-y: none; +} +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} +.overscroll-x-none{ + overscroll-behavior-x: none; +} +.scroll-auto{ + scroll-behavior: auto; +} +.scroll-smooth{ + scroll-behavior: smooth; +} .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} +.text-ellipsis{ + text-overflow: ellipsis; +} +.text-clip{ + text-overflow: clip; +} +.whitespace-normal{ + white-space: normal; +} .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} +.whitespace-pre-line{ + white-space: pre-line; +} .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } +.break-keep{ + word-break: keep-all; +} .\!rounded-full{ border-radius: 9999px !important; } @@ -1983,10 +2528,18 @@ html{ border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -2003,6 +2556,18 @@ html{ border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} +.rounded-tl{ + border-top-left-radius: 0.25rem; +} +.rounded-tr{ + border-top-right-radius: 0.25rem; +} .border{ border-width: 1px; } @@ -2015,9 +2580,13 @@ html{ .border-4{ border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; @@ -2031,6 +2600,9 @@ html{ .border-l{ border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} .border-t{ border-top-width: 1px; } @@ -2043,9 +2615,21 @@ html{ .border-t-4{ border-top-width: 4px; } +.border-solid{ + border-style: solid; +} .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} +.border-double{ + border-style: double; +} +.border-hidden{ + border-style: hidden; +} .border-none{ border-style: none; } @@ -2164,6 +2748,10 @@ html{ --tw-border-opacity: 1; border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} .bg-accent{ background-color: var(--color-accent); } @@ -2583,10 +3171,71 @@ html{ .to-100\%{ --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.bg-fixed{ + background-attachment: fixed; +} +.bg-local{ + background-attachment: local; +} +.bg-scroll{ + background-attachment: scroll; +} +.bg-clip-border{ + background-clip: border-box; +} +.bg-clip-padding{ + background-clip: padding-box; +} +.bg-clip-content{ + background-clip: content-box; +} .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} +.bg-no-repeat{ + background-repeat: no-repeat; +} +.bg-repeat-x{ + background-repeat: repeat-x; +} +.bg-repeat-y{ + background-repeat: repeat-y; +} +.bg-repeat-round{ + background-repeat: round; +} +.bg-repeat-space{ + background-repeat: space; +} +.bg-origin-border{ + background-origin: border-box; +} +.bg-origin-padding{ + background-origin: padding-box; +} +.bg-origin-content{ + background-origin: content-box; +} .fill-blue-600{ fill: #1C64F2; } @@ -2620,6 +3269,10 @@ html{ .fill-yellow-400{ fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -2628,6 +3281,14 @@ html{ -o-object-fit: fill; object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} .p-0{ padding: 0px; } @@ -2762,6 +3423,9 @@ html{ .pl-4{ padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} .pr-10{ padding-right: 2.5rem; } @@ -2795,17 +3459,44 @@ html{ .text-right{ text-align: right; } +.text-justify{ + text-align: justify; +} +.text-start{ + text-align: start; +} +.text-end{ + text-align: end; +} +.align-baseline{ + vertical-align: baseline; +} +.align-top{ + vertical-align: top; +} .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} +.align-text-bottom{ + vertical-align: text-bottom; +} +.align-sub{ + vertical-align: sub; +} +.align-super{ + vertical-align: super; +} .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ font-size: 1.5rem; @@ -2865,9 +3556,56 @@ html{ .uppercase{ text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} +.capitalize{ + text-transform: capitalize; +} +.normal-case{ + text-transform: none; +} .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} +.normal-nums{ + font-variant-numeric: normal; +} +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} .leading-6{ line-height: 1.5rem; } @@ -2883,6 +3621,9 @@ html{ .tracking-wide{ letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3114,6 +3855,38 @@ html{ .underline{ text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} +.line-through{ + text-decoration-line: line-through; +} +.no-underline{ + text-decoration-line: none; +} +.decoration-solid{ + text-decoration-style: solid; +} +.decoration-double{ + text-decoration-style: double; +} +.decoration-dotted{ + text-decoration-style: dotted; +} +.decoration-dashed{ + text-decoration-style: dashed; +} +.decoration-wavy{ + text-decoration-style: wavy; +} +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} .opacity-0{ opacity: 0; } @@ -3138,6 +3911,110 @@ html{ .opacity-80{ opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} +.bg-blend-multiply{ + background-blend-mode: multiply; +} +.bg-blend-screen{ + background-blend-mode: screen; +} +.bg-blend-overlay{ + background-blend-mode: overlay; +} +.bg-blend-darken{ + background-blend-mode: darken; +} +.bg-blend-lighten{ + background-blend-mode: lighten; +} +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} +.bg-blend-difference{ + background-blend-mode: difference; +} +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} +.bg-blend-hue{ + background-blend-mode: hue; +} +.bg-blend-saturation{ + background-blend-mode: saturation; +} +.bg-blend-color{ + background-blend-mode: color; +} +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} +.mix-blend-normal{ + mix-blend-mode: normal; +} +.mix-blend-multiply{ + mix-blend-mode: multiply; +} +.mix-blend-screen{ + mix-blend-mode: screen; +} +.mix-blend-overlay{ + mix-blend-mode: overlay; +} +.mix-blend-darken{ + mix-blend-mode: darken; +} +.mix-blend-lighten{ + mix-blend-mode: lighten; +} +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} +.mix-blend-difference{ + mix-blend-mode: difference; +} +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} +.mix-blend-hue{ + mix-blend-mode: hue; +} +.mix-blend-saturation{ + mix-blend-mode: saturation; +} +.mix-blend-color{ + mix-blend-mode: color; +} +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -3235,6 +4112,20 @@ html{ .outline{ outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} +.outline-dotted{ + outline-style: dotted; +} +.outline-double{ + outline-style: double; +} +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3245,6 +4136,9 @@ html{ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -3304,6 +4198,10 @@ html{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -3316,18 +4214,56 @@ html{ --tw-grayscale: grayscale(100%); 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -3364,6 +4300,9 @@ html{ .duration-300{ transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} .duration-75{ transition-duration: 75ms; } @@ -3376,6 +4315,10 @@ html{ .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -3571,18 +4514,54 @@ p:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } +/* Base list styling */ +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} +/* Unordered lists */ ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ul { /* Vertical spacing */ +} +/* List items */ li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ol { /* Vertical spacing */ +} +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} :root { --color-primary: #0e8ef0; --color-primary-light: #3dabff; @@ -4882,6 +5861,40 @@ button:hover{ color: rgb(14 159 110 / var(--tw-text-opacity)); text-shadow: 0 0 5px rgba(0, 255, 0, 0.7); } +@media (min-width: 640px){ + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + @media (min-width: 640px){ + .sm\:container{ + max-width: 640px; + } + } + @media (min-width: 768px){ + .sm\:container{ + max-width: 768px; + } + } + @media (min-width: 1024px){ + .sm\:container{ + max-width: 1024px; + } + } + @media (min-width: 1280px){ + .sm\:container{ + max-width: 1280px; + } + } + @media (min-width: 1536px){ + .sm\:container{ + max-width: 1536px; + } + } +} .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -5234,6 +6247,9 @@ button:hover{ .hover\:to-purple-500\/20:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -5315,9 +6331,6 @@ button:hover{ .hover\:underline:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -5341,6 +6354,14 @@ button:hover{ .hover\:scrollbar-thumb-primary{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} .focus\:z-10:focus{ z-index: 10; } @@ -5499,6 +6520,12 @@ button:hover{ .focus\:ring-opacity-50:focus{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -5624,10 +6651,6 @@ button:hover{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -6304,10 +7327,17 @@ button:hover{ .sm\:text-center{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ .md\:inset-0{ @@ -6435,6 +7465,9 @@ button:hover{ .lg\:flex-row{ flex-direction: row; } + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ .xl\:h-80{ diff --git a/web/dist/themes/strawberry_milkshake.css b/web/dist/themes/strawberry_milkshake.css index 33ba6b03..4b943349 100644 --- a/web/dist/themes/strawberry_milkshake.css +++ b/web/dist/themes/strawberry_milkshake.css @@ -148,7 +148,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -228,7 +228,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -1046,10 +1046,29 @@ body { border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} + .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} + +.\!visible{ + visibility: visible !important; +} + .visible{ visibility: visible; } @@ -1082,6 +1101,10 @@ body { position: sticky; } +.-inset-1{ + inset: -0.25rem; +} + .inset-0{ inset: 0px; } @@ -1251,6 +1274,14 @@ body { top: 100%; } +.isolate{ + isolation: isolate; +} + +.isolation-auto{ + isolation: auto; +} + .z-0{ z-index: 0; } @@ -1275,6 +1306,34 @@ body { z-index: 50; } +.float-right{ + float: right; +} + +.float-left{ + float: left; +} + +.float-none{ + float: none; +} + +.clear-left{ + clear: left; +} + +.clear-right{ + clear: right; +} + +.clear-both{ + clear: both; +} + +.clear-none{ + clear: none; +} + .-m-1{ margin: -0.25rem; } @@ -1328,11 +1387,6 @@ body { margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} - .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1491,6 +1545,14 @@ body { margin-top: auto; } +.box-border{ + box-sizing: border-box; +} + +.box-content{ + box-sizing: content-box; +} + .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1512,6 +1574,10 @@ body { -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} + .block{ display: block; } @@ -1536,14 +1602,62 @@ body { display: table; } +.inline-table{ + display: inline-table; +} + +.table-caption{ + display: table-caption; +} + +.table-cell{ + display: table-cell; +} + +.table-column{ + display: table-column; +} + +.table-column-group{ + display: table-column-group; +} + +.table-footer-group{ + display: table-footer-group; +} + +.table-header-group{ + display: table-header-group; +} + +.table-row-group{ + display: table-row-group; +} + +.table-row{ + display: table-row; +} + +.flow-root{ + display: flow-root; +} + .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} + .contents{ display: contents; } +.list-item{ + display: list-item; +} + .hidden{ display: none; } @@ -1732,6 +1846,10 @@ body { min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} + .min-h-\[220px\]{ min-height: 220px; } @@ -1768,6 +1886,10 @@ body { width: 50%; } +.w-1\/3{ + width: 33.333333%; +} + .w-10{ width: 2.5rem; } @@ -1880,6 +2002,14 @@ body { width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} + +.w-\[16rem\]{ + width: 16rem; +} + .w-\[300px\]{ width: 300px; } @@ -1888,6 +2018,18 @@ body { width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} + +.w-\[this-is\]{ + width: this-is; +} + +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} + .w-auto{ width: auto; } @@ -1913,18 +2055,6 @@ body { min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} - -.min-w-\[15rem\]{ - min-width: 15rem; -} - -.min-w-\[23rem\]{ - min-width: 23rem; -} - .min-w-\[24rem\]{ min-width: 24rem; } @@ -1961,18 +2091,6 @@ body { max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} - -.max-w-\[15rem\]{ - max-width: 15rem; -} - -.max-w-\[23rem\]{ - max-width: 23rem; -} - .max-w-\[24rem\]{ max-width: 24rem; } @@ -1989,6 +2107,10 @@ body { max-width: 28rem; } +.max-w-none{ + max-width: none; +} + .max-w-sm{ max-width: 24rem; } @@ -2037,6 +2159,22 @@ body { flex-grow: 1; } +.table-auto{ + table-layout: auto; +} + +.table-fixed{ + table-layout: fixed; +} + +.border-collapse{ + border-collapse: collapse; +} + +.border-separate{ + border-collapse: separate; +} + .origin-left{ transform-origin: left; } @@ -2051,11 +2189,6 @@ body { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -2118,10 +2251,22 @@ body { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .transform-none{ transform: none; } @@ -2181,20 +2326,153 @@ body { cursor: pointer; } +.touch-auto{ + touch-action: auto; +} + +.touch-none{ + touch-action: none; +} + +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-manipulation{ + touch-action: manipulation; +} + .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} + +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} + +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} + .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} + +.resize-x{ + resize: horizontal; +} + .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} + +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} + +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} + +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} + +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} + +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} + +.snap-start{ + scroll-snap-align: start; +} + +.snap-end{ + scroll-snap-align: end; +} + +.snap-center{ + scroll-snap-align: center; +} + +.snap-align-none{ + scroll-snap-align: none; +} + +.snap-normal{ + scroll-snap-stop: normal; +} + +.snap-always{ + scroll-snap-stop: always; +} + +.list-inside{ + list-style-position: inside; +} + +.list-outside{ + list-style-position: outside; +} + +.list-disc{ + list-style-type: disc; +} + .list-none{ list-style-type: none; } @@ -2205,6 +2483,125 @@ body { appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} + +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} + +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} + +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} + +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} + +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} + +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} + +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} + +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} + +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} + +.break-inside-avoid-page{ + break-inside: avoid-page; +} + +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} + +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} + +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} + +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} + +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} + +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} + +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} + +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} + +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} + +.grid-flow-row{ + grid-auto-flow: row; +} + +.grid-flow-col{ + grid-auto-flow: column; +} + +.grid-flow-dense{ + grid-auto-flow: dense; +} + +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} + +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} + .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -2233,14 +2630,102 @@ body { flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} + .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} + .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} + +.place-content-start{ + place-content: start; +} + +.place-content-end{ + place-content: end; +} + +.place-content-between{ + place-content: space-between; +} + +.place-content-around{ + place-content: space-around; +} + +.place-content-evenly{ + place-content: space-evenly; +} + +.place-content-baseline{ + place-content: baseline; +} + +.place-content-stretch{ + place-content: stretch; +} + +.place-items-start{ + place-items: start; +} + +.place-items-end{ + place-items: end; +} + +.place-items-center{ + place-items: center; +} + +.place-items-baseline{ + place-items: baseline; +} + +.place-items-stretch{ + place-items: stretch; +} + +.content-center{ + align-content: center; +} + +.content-start{ + align-content: flex-start; +} + +.content-end{ + align-content: flex-end; +} + +.content-between{ + align-content: space-between; +} + +.content-around{ + align-content: space-around; +} + +.content-evenly{ + align-content: space-evenly; +} + +.content-baseline{ + align-content: baseline; +} + .items-start{ align-items: flex-start; } @@ -2253,6 +2738,14 @@ body { align-items: center; } +.items-baseline{ + align-items: baseline; +} + +.items-stretch{ + align-items: stretch; +} + .justify-start{ justify-content: flex-start; } @@ -2269,6 +2762,30 @@ body { justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} + +.justify-evenly{ + justify-content: space-evenly; +} + +.justify-items-start{ + justify-items: start; +} + +.justify-items-end{ + justify-items: end; +} + +.justify-items-center{ + justify-items: center; +} + +.justify-items-stretch{ + justify-items: stretch; +} + .gap-1{ gap: 0.25rem; } @@ -2359,6 +2876,14 @@ body { margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} + +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} + .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -2371,6 +2896,34 @@ body { border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} + +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} + +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} + +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} + +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} + +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} + +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} + .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -2381,6 +2934,38 @@ body { border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} + +.place-self-start{ + place-self: start; +} + +.place-self-end{ + place-self: end; +} + +.place-self-center{ + place-self: center; +} + +.place-self-stretch{ + place-self: stretch; +} + +.self-auto{ + align-self: auto; +} + +.self-start{ + align-self: flex-start; +} + +.self-end{ + align-self: flex-end; +} + .self-center{ align-self: center; } @@ -2389,6 +2974,30 @@ body { align-self: stretch; } +.self-baseline{ + align-self: baseline; +} + +.justify-self-auto{ + justify-self: auto; +} + +.justify-self-start{ + justify-self: start; +} + +.justify-self-end{ + justify-self: end; +} + +.justify-self-center{ + justify-self: center; +} + +.justify-self-stretch{ + justify-self: stretch; +} + .overflow-auto{ overflow: auto; } @@ -2397,10 +3006,18 @@ body { overflow: hidden; } +.overflow-clip{ + overflow: clip; +} + .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} + .overflow-x-auto{ overflow-x: auto; } @@ -2417,24 +3034,117 @@ body { overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} + +.overflow-y-clip{ + overflow-y: clip; +} + +.overflow-x-visible{ + overflow-x: visible; +} + +.overflow-y-visible{ + overflow-y: visible; +} + +.overflow-x-scroll{ + overflow-x: scroll; +} + .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} + +.overscroll-contain{ + overscroll-behavior: contain; +} + +.overscroll-none{ + overscroll-behavior: none; +} + +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} + +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} + +.overscroll-y-none{ + overscroll-behavior-y: none; +} + +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} + +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} + +.overscroll-x-none{ + overscroll-behavior-x: none; +} + +.scroll-auto{ + scroll-behavior: auto; +} + +.scroll-smooth{ + scroll-behavior: smooth; +} + .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} + +.text-ellipsis{ + text-overflow: ellipsis; +} + +.text-clip{ + text-overflow: clip; +} + +.whitespace-normal{ + white-space: normal; +} + .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} + +.whitespace-pre-line{ + white-space: pre-line; +} + .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} + .break-words{ overflow-wrap: break-word; } @@ -2443,6 +3153,10 @@ body { word-break: break-all; } +.break-keep{ + word-break: keep-all; +} + .\!rounded-full{ border-radius: 9999px !important; } @@ -2481,11 +3195,21 @@ body { border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -2506,6 +3230,22 @@ body { border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} + +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} + +.rounded-tl{ + border-top-left-radius: 0.25rem; +} + +.rounded-tr{ + border-top-right-radius: 0.25rem; +} + .border{ border-width: 1px; } @@ -2522,9 +3262,14 @@ body { border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} + +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ @@ -2543,6 +3288,10 @@ body { border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} + .border-t{ border-top-width: 1px; } @@ -2559,10 +3308,26 @@ body { border-top-width: 4px; } +.border-solid{ + border-style: solid; +} + .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} + +.border-double{ + border-style: double; +} + +.border-hidden{ + border-style: hidden; +} + .border-none{ border-style: none; } @@ -2712,6 +3477,11 @@ body { border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} + .bg-accent{ background-color: var(--color-accent); } @@ -3241,11 +4011,91 @@ body { --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} + +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} + +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} + +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} + +.bg-fixed{ + background-attachment: fixed; +} + +.bg-local{ + background-attachment: local; +} + +.bg-scroll{ + background-attachment: scroll; +} + +.bg-clip-border{ + background-clip: border-box; +} + +.bg-clip-padding{ + background-clip: padding-box; +} + +.bg-clip-content{ + background-clip: content-box; +} + .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} + +.bg-no-repeat{ + background-repeat: no-repeat; +} + +.bg-repeat-x{ + background-repeat: repeat-x; +} + +.bg-repeat-y{ + background-repeat: repeat-y; +} + +.bg-repeat-round{ + background-repeat: round; +} + +.bg-repeat-space{ + background-repeat: space; +} + +.bg-origin-border{ + background-origin: border-box; +} + +.bg-origin-padding{ + background-origin: padding-box; +} + +.bg-origin-content{ + background-origin: content-box; +} + .fill-blue-600{ fill: #1C64F2; } @@ -3290,6 +4140,11 @@ body { fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} + .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -3300,6 +4155,16 @@ body { object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} + +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} + .p-0{ padding: 0px; } @@ -3473,6 +4338,10 @@ body { padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} + .pr-10{ padding-right: 2.5rem; } @@ -3517,6 +4386,26 @@ body { text-align: right; } +.text-justify{ + text-align: justify; +} + +.text-start{ + text-align: start; +} + +.text-end{ + text-align: end; +} + +.align-baseline{ + vertical-align: baseline; +} + +.align-top{ + vertical-align: top; +} + .align-middle{ vertical-align: middle; } @@ -3525,12 +4414,28 @@ body { vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} + +.align-text-bottom{ + vertical-align: text-bottom; +} + +.align-sub{ + vertical-align: sub; +} + +.align-super{ + vertical-align: super; +} + .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ @@ -3607,10 +4512,70 @@ body { text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} + +.capitalize{ + text-transform: capitalize; +} + +.normal-case{ + text-transform: none; +} + .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} + +.normal-nums{ + font-variant-numeric: normal; +} + +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + .leading-6{ line-height: 1.5rem; } @@ -3631,6 +4596,10 @@ body { letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} + .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3921,6 +4890,48 @@ body { text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} + +.line-through{ + text-decoration-line: line-through; +} + +.no-underline{ + text-decoration-line: none; +} + +.decoration-solid{ + text-decoration-style: solid; +} + +.decoration-double{ + text-decoration-style: double; +} + +.decoration-dotted{ + text-decoration-style: dotted; +} + +.decoration-dashed{ + text-decoration-style: dashed; +} + +.decoration-wavy{ + text-decoration-style: wavy; +} + +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} + .opacity-0{ opacity: 0; } @@ -3953,6 +4964,144 @@ body { opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} + +.bg-blend-multiply{ + background-blend-mode: multiply; +} + +.bg-blend-screen{ + background-blend-mode: screen; +} + +.bg-blend-overlay{ + background-blend-mode: overlay; +} + +.bg-blend-darken{ + background-blend-mode: darken; +} + +.bg-blend-lighten{ + background-blend-mode: lighten; +} + +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} + +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} + +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} + +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} + +.bg-blend-difference{ + background-blend-mode: difference; +} + +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} + +.bg-blend-hue{ + background-blend-mode: hue; +} + +.bg-blend-saturation{ + background-blend-mode: saturation; +} + +.bg-blend-color{ + background-blend-mode: color; +} + +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} + +.mix-blend-normal{ + mix-blend-mode: normal; +} + +.mix-blend-multiply{ + mix-blend-mode: multiply; +} + +.mix-blend-screen{ + mix-blend-mode: screen; +} + +.mix-blend-overlay{ + mix-blend-mode: overlay; +} + +.mix-blend-darken{ + mix-blend-mode: darken; +} + +.mix-blend-lighten{ + mix-blend-mode: lighten; +} + +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} + +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} + +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} + +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} + +.mix-blend-difference{ + mix-blend-mode: difference; +} + +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} + +.mix-blend-hue{ + mix-blend-mode: hue; +} + +.mix-blend-saturation{ + mix-blend-mode: saturation; +} + +.mix-blend-color{ + mix-blend-mode: color; +} + +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} + +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} + +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} + .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -4073,6 +5222,24 @@ body { outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} + +.outline-dotted{ + outline-style: dotted; +} + +.outline-double{ + outline-style: double; +} + +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -4085,6 +5252,10 @@ body { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} + .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -4159,6 +5330,11 @@ body { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -4174,21 +5350,68 @@ body { 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} + +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} + .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} + +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} + .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -4233,6 +5456,10 @@ body { transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} + .duration-75{ transition-duration: 75ms; } @@ -4249,6 +5476,11 @@ body { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} + .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -4491,21 +5723,70 @@ p:is(.dark *){ color: rgb(248 180 217 / var(--tw-text-opacity)); } +/* Base list styling */ + +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} + +/* Unordered lists */ + ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + +ul { /* Vertical spacing */ +} + +/* List items */ + li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ + ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + +ol { /* Vertical spacing */ +} + +/* Nested lists */ + +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} + +/* For custom properties that aren't available in Tailwind, use regular CSS */ + +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} + :root { --color-primary: #ff4d8c; --color-primary-light: #ff80ab; @@ -5894,6 +7175,52 @@ button:hover{ text-shadow: 0 0 5px rgba(255, 99, 71, 0.7); } +@media (min-width: 640px){ + + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + + @media (min-width: 640px){ + + .sm\:container{ + max-width: 640px; + } + } + + @media (min-width: 768px){ + + .sm\:container{ + max-width: 768px; + } + } + + @media (min-width: 1024px){ + + .sm\:container{ + max-width: 1024px; + } + } + + @media (min-width: 1280px){ + + .sm\:container{ + max-width: 1280px; + } + } + + @media (min-width: 1536px){ + + .sm\:container{ + max-width: 1536px; + } + } +} + .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -6339,6 +7666,10 @@ button:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} + .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -6441,10 +7772,6 @@ button:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} - .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -6473,6 +7800,16 @@ button:hover{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} + +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} + .focus\:z-10:focus{ z-index: 10; } @@ -6671,6 +8008,14 @@ button:hover{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} + +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} + .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -6828,11 +8173,6 @@ button:hover{ background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} - .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -7689,10 +9029,19 @@ button:hover{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } + .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ @@ -7859,6 +9208,10 @@ button:hover{ .lg\:flex-row{ flex-direction: row; } + + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ diff --git a/web/public/themes/amber.css b/web/public/themes/amber.css index 7ad2bd9e..37b70b6e 100644 --- a/web/public/themes/amber.css +++ b/web/public/themes/amber.css @@ -140,7 +140,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -206,7 +206,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -888,9 +888,25 @@ html{ white-space: nowrap; border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} +.\!visible{ + visibility: visible !important; +} .visible{ visibility: visible; } @@ -915,6 +931,9 @@ html{ .sticky{ position: sticky; } +.-inset-1{ + inset: -0.25rem; +} .inset-0{ inset: 0px; } @@ -1042,6 +1061,12 @@ html{ .top-full{ top: 100%; } +.isolate{ + isolation: isolate; +} +.isolation-auto{ + isolation: auto; +} .z-0{ z-index: 0; } @@ -1060,6 +1085,27 @@ html{ .z-50{ z-index: 50; } +.float-right{ + float: right; +} +.float-left{ + float: left; +} +.float-none{ + float: none; +} +.clear-left{ + clear: left; +} +.clear-right{ + clear: right; +} +.clear-both{ + clear: both; +} +.clear-none{ + clear: none; +} .-m-1{ margin: -0.25rem; } @@ -1101,10 +1147,6 @@ html{ margin-left: 0.25rem; margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1225,6 +1267,12 @@ html{ .mt-auto{ margin-top: auto; } +.box-border{ + box-sizing: border-box; +} +.box-content{ + box-sizing: content-box; +} .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1243,6 +1291,9 @@ html{ -webkit-box-orient: vertical; -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} .block{ display: block; } @@ -1261,12 +1312,48 @@ html{ .table{ display: table; } +.inline-table{ + display: inline-table; +} +.table-caption{ + display: table-caption; +} +.table-cell{ + display: table-cell; +} +.table-column{ + display: table-column; +} +.table-column-group{ + display: table-column-group; +} +.table-footer-group{ + display: table-footer-group; +} +.table-header-group{ + display: table-header-group; +} +.table-row-group{ + display: table-row-group; +} +.table-row{ + display: table-row; +} +.flow-root{ + display: flow-root; +} .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} .contents{ display: contents; } +.list-item{ + display: list-item; +} .hidden{ display: none; } @@ -1408,6 +1495,9 @@ html{ .min-h-0{ min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} .min-h-\[220px\]{ min-height: 220px; } @@ -1435,6 +1525,9 @@ html{ .w-1\/2{ width: 50%; } +.w-1\/3{ + width: 33.333333%; +} .w-10{ width: 2.5rem; } @@ -1519,12 +1612,27 @@ html{ .w-96{ width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} +.w-\[16rem\]{ + width: 16rem; +} .w-\[300px\]{ width: 300px; } .w-\[500px\]{ width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} +.w-\[this-is\]{ + width: this-is; +} +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} .w-auto{ width: auto; } @@ -1544,15 +1652,6 @@ html{ .min-w-96{ min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} -.min-w-\[15rem\]{ - min-width: 15rem; -} -.min-w-\[23rem\]{ - min-width: 23rem; -} .min-w-\[24rem\]{ min-width: 24rem; } @@ -1580,15 +1679,6 @@ html{ .max-w-7xl{ max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} -.max-w-\[15rem\]{ - max-width: 15rem; -} -.max-w-\[23rem\]{ - max-width: 23rem; -} .max-w-\[24rem\]{ max-width: 24rem; } @@ -1601,6 +1691,9 @@ html{ .max-w-md{ max-width: 28rem; } +.max-w-none{ + max-width: none; +} .max-w-sm{ max-width: 24rem; } @@ -1637,6 +1730,18 @@ html{ .grow{ flex-grow: 1; } +.table-auto{ + table-layout: auto; +} +.table-fixed{ + table-layout: fixed; +} +.border-collapse{ + border-collapse: collapse; +} +.border-separate{ + border-collapse: separate; +} .origin-left{ transform-origin: left; } @@ -1648,10 +1753,6 @@ html{ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1702,9 +1803,18 @@ html{ --tw-scale-x: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} .transform-none{ transform: none; } @@ -1749,17 +1859,120 @@ html{ .cursor-pointer{ cursor: pointer; } +.touch-auto{ + touch-action: auto; +} +.touch-none{ + touch-action: none; +} +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-manipulation{ + touch-action: manipulation; +} .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} +.resize-x{ + resize: horizontal; +} .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} +.snap-start{ + scroll-snap-align: start; +} +.snap-end{ + scroll-snap-align: end; +} +.snap-center{ + scroll-snap-align: center; +} +.snap-align-none{ + scroll-snap-align: none; +} +.snap-normal{ + scroll-snap-stop: normal; +} +.snap-always{ + scroll-snap-stop: always; +} +.list-inside{ + list-style-position: inside; +} +.list-outside{ + list-style-position: outside; +} +.list-disc{ + list-style-type: disc; +} .list-none{ list-style-type: none; } @@ -1768,6 +1981,100 @@ html{ -moz-appearance: none; appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} +.break-inside-avoid-page{ + break-inside: avoid-page; +} +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} +.grid-flow-row{ + grid-auto-flow: row; +} +.grid-flow-col{ + grid-auto-flow: column; +} +.grid-flow-dense{ + grid-auto-flow: dense; +} +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1789,12 +2096,78 @@ html{ .flex-col{ flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} +.place-content-start{ + place-content: start; +} +.place-content-end{ + place-content: end; +} +.place-content-between{ + place-content: space-between; +} +.place-content-around{ + place-content: space-around; +} +.place-content-evenly{ + place-content: space-evenly; +} +.place-content-baseline{ + place-content: baseline; +} +.place-content-stretch{ + place-content: stretch; +} +.place-items-start{ + place-items: start; +} +.place-items-end{ + place-items: end; +} +.place-items-center{ + place-items: center; +} +.place-items-baseline{ + place-items: baseline; +} +.place-items-stretch{ + place-items: stretch; +} +.content-center{ + align-content: center; +} +.content-start{ + align-content: flex-start; +} +.content-end{ + align-content: flex-end; +} +.content-between{ + align-content: space-between; +} +.content-around{ + align-content: space-around; +} +.content-evenly{ + align-content: space-evenly; +} +.content-baseline{ + align-content: baseline; +} .items-start{ align-items: flex-start; } @@ -1804,6 +2177,12 @@ html{ .items-center{ align-items: center; } +.items-baseline{ + align-items: baseline; +} +.items-stretch{ + align-items: stretch; +} .justify-start{ justify-content: flex-start; } @@ -1816,6 +2195,24 @@ html{ .justify-between{ justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} +.justify-evenly{ + justify-content: space-evenly; +} +.justify-items-start{ + justify-items: start; +} +.justify-items-end{ + justify-items: end; +} +.justify-items-center{ + justify-items: center; +} +.justify-items-stretch{ + justify-items: stretch; +} .gap-1{ gap: 0.25rem; } @@ -1889,6 +2286,12 @@ html{ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -1899,6 +2302,27 @@ html{ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -1907,21 +2331,69 @@ html{ --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} +.place-self-start{ + place-self: start; +} +.place-self-end{ + place-self: end; +} +.place-self-center{ + place-self: center; +} +.place-self-stretch{ + place-self: stretch; +} +.self-auto{ + align-self: auto; +} +.self-start{ + align-self: flex-start; +} +.self-end{ + align-self: flex-end; +} .self-center{ align-self: center; } .self-stretch{ align-self: stretch; } +.self-baseline{ + align-self: baseline; +} +.justify-self-auto{ + justify-self: auto; +} +.justify-self-start{ + justify-self: start; +} +.justify-self-end{ + justify-self: end; +} +.justify-self-center{ + justify-self: center; +} +.justify-self-stretch{ + justify-self: stretch; +} .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } +.overflow-clip{ + overflow: clip; +} .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} .overflow-x-auto{ overflow-x: auto; } @@ -1934,26 +2406,99 @@ html{ .overflow-y-hidden{ overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} +.overflow-y-clip{ + overflow-y: clip; +} +.overflow-x-visible{ + overflow-x: visible; +} +.overflow-y-visible{ + overflow-y: visible; +} +.overflow-x-scroll{ + overflow-x: scroll; +} .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} +.overscroll-contain{ + overscroll-behavior: contain; +} +.overscroll-none{ + overscroll-behavior: none; +} +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} +.overscroll-y-none{ + overscroll-behavior-y: none; +} +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} +.overscroll-x-none{ + overscroll-behavior-x: none; +} +.scroll-auto{ + scroll-behavior: auto; +} +.scroll-smooth{ + scroll-behavior: smooth; +} .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} +.text-ellipsis{ + text-overflow: ellipsis; +} +.text-clip{ + text-overflow: clip; +} +.whitespace-normal{ + white-space: normal; +} .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} +.whitespace-pre-line{ + white-space: pre-line; +} .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } +.break-keep{ + word-break: keep-all; +} .\!rounded-full{ border-radius: 9999px !important; } @@ -1983,10 +2528,18 @@ html{ border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -2003,6 +2556,18 @@ html{ border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} +.rounded-tl{ + border-top-left-radius: 0.25rem; +} +.rounded-tr{ + border-top-right-radius: 0.25rem; +} .border{ border-width: 1px; } @@ -2015,9 +2580,13 @@ html{ .border-4{ border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; @@ -2031,6 +2600,9 @@ html{ .border-l{ border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} .border-t{ border-top-width: 1px; } @@ -2043,9 +2615,21 @@ html{ .border-t-4{ border-top-width: 4px; } +.border-solid{ + border-style: solid; +} .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} +.border-double{ + border-style: double; +} +.border-hidden{ + border-style: hidden; +} .border-none{ border-style: none; } @@ -2164,6 +2748,10 @@ html{ --tw-border-opacity: 1; border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} .bg-accent{ background-color: var(--color-accent); } @@ -2583,10 +3171,71 @@ html{ .to-100\%{ --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.bg-fixed{ + background-attachment: fixed; +} +.bg-local{ + background-attachment: local; +} +.bg-scroll{ + background-attachment: scroll; +} +.bg-clip-border{ + background-clip: border-box; +} +.bg-clip-padding{ + background-clip: padding-box; +} +.bg-clip-content{ + background-clip: content-box; +} .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} +.bg-no-repeat{ + background-repeat: no-repeat; +} +.bg-repeat-x{ + background-repeat: repeat-x; +} +.bg-repeat-y{ + background-repeat: repeat-y; +} +.bg-repeat-round{ + background-repeat: round; +} +.bg-repeat-space{ + background-repeat: space; +} +.bg-origin-border{ + background-origin: border-box; +} +.bg-origin-padding{ + background-origin: padding-box; +} +.bg-origin-content{ + background-origin: content-box; +} .fill-blue-600{ fill: #1C64F2; } @@ -2620,6 +3269,10 @@ html{ .fill-yellow-400{ fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -2628,6 +3281,14 @@ html{ -o-object-fit: fill; object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} .p-0{ padding: 0px; } @@ -2762,6 +3423,9 @@ html{ .pl-4{ padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} .pr-10{ padding-right: 2.5rem; } @@ -2795,17 +3459,44 @@ html{ .text-right{ text-align: right; } +.text-justify{ + text-align: justify; +} +.text-start{ + text-align: start; +} +.text-end{ + text-align: end; +} +.align-baseline{ + vertical-align: baseline; +} +.align-top{ + vertical-align: top; +} .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} +.align-text-bottom{ + vertical-align: text-bottom; +} +.align-sub{ + vertical-align: sub; +} +.align-super{ + vertical-align: super; +} .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ font-size: 1.5rem; @@ -2865,9 +3556,56 @@ html{ .uppercase{ text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} +.capitalize{ + text-transform: capitalize; +} +.normal-case{ + text-transform: none; +} .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} +.normal-nums{ + font-variant-numeric: normal; +} +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} .leading-6{ line-height: 1.5rem; } @@ -2883,6 +3621,9 @@ html{ .tracking-wide{ letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3114,6 +3855,38 @@ html{ .underline{ text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} +.line-through{ + text-decoration-line: line-through; +} +.no-underline{ + text-decoration-line: none; +} +.decoration-solid{ + text-decoration-style: solid; +} +.decoration-double{ + text-decoration-style: double; +} +.decoration-dotted{ + text-decoration-style: dotted; +} +.decoration-dashed{ + text-decoration-style: dashed; +} +.decoration-wavy{ + text-decoration-style: wavy; +} +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} .opacity-0{ opacity: 0; } @@ -3138,6 +3911,110 @@ html{ .opacity-80{ opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} +.bg-blend-multiply{ + background-blend-mode: multiply; +} +.bg-blend-screen{ + background-blend-mode: screen; +} +.bg-blend-overlay{ + background-blend-mode: overlay; +} +.bg-blend-darken{ + background-blend-mode: darken; +} +.bg-blend-lighten{ + background-blend-mode: lighten; +} +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} +.bg-blend-difference{ + background-blend-mode: difference; +} +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} +.bg-blend-hue{ + background-blend-mode: hue; +} +.bg-blend-saturation{ + background-blend-mode: saturation; +} +.bg-blend-color{ + background-blend-mode: color; +} +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} +.mix-blend-normal{ + mix-blend-mode: normal; +} +.mix-blend-multiply{ + mix-blend-mode: multiply; +} +.mix-blend-screen{ + mix-blend-mode: screen; +} +.mix-blend-overlay{ + mix-blend-mode: overlay; +} +.mix-blend-darken{ + mix-blend-mode: darken; +} +.mix-blend-lighten{ + mix-blend-mode: lighten; +} +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} +.mix-blend-difference{ + mix-blend-mode: difference; +} +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} +.mix-blend-hue{ + mix-blend-mode: hue; +} +.mix-blend-saturation{ + mix-blend-mode: saturation; +} +.mix-blend-color{ + mix-blend-mode: color; +} +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -3235,6 +4112,20 @@ html{ .outline{ outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} +.outline-dotted{ + outline-style: dotted; +} +.outline-double{ + outline-style: double; +} +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3245,6 +4136,9 @@ html{ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -3304,6 +4198,10 @@ html{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -3316,18 +4214,56 @@ html{ --tw-grayscale: grayscale(100%); 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -3364,6 +4300,9 @@ html{ .duration-300{ transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} .duration-75{ transition-duration: 75ms; } @@ -3376,6 +4315,10 @@ html{ .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -3571,18 +4514,54 @@ p:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } +/* Base list styling */ +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} +/* Unordered lists */ ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ul { /* Vertical spacing */ +} +/* List items */ li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ol { /* Vertical spacing */ +} +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} :root { --color-primary: #d97706; --color-primary-light: #fbbf24; @@ -4848,7 +5827,7 @@ button:hover{ --tw-bg-opacity: 0.9; padding-top: 0.5rem; padding-bottom: 0.5rem; - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); @@ -4982,6 +5961,40 @@ button:hover{ background-position: 0 1000px; } } +@media (min-width: 640px){ + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + @media (min-width: 640px){ + .sm\:container{ + max-width: 640px; + } + } + @media (min-width: 768px){ + .sm\:container{ + max-width: 768px; + } + } + @media (min-width: 1024px){ + .sm\:container{ + max-width: 1024px; + } + } + @media (min-width: 1280px){ + .sm\:container{ + max-width: 1280px; + } + } + @media (min-width: 1536px){ + .sm\:container{ + max-width: 1536px; + } + } +} .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -5334,6 +6347,9 @@ button:hover{ .hover\:to-purple-500\/20:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -5415,9 +6431,6 @@ button:hover{ .hover\:underline:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -5441,6 +6454,14 @@ button:hover{ .hover\:scrollbar-thumb-primary{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} .focus\:z-10:focus{ z-index: 10; } @@ -5599,6 +6620,12 @@ button:hover{ .focus\:ring-opacity-50:focus{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -5724,10 +6751,6 @@ button:hover{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -6404,10 +7427,17 @@ button:hover{ .sm\:text-center{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ .md\:inset-0{ @@ -6535,6 +7565,9 @@ button:hover{ .lg\:flex-row{ flex-direction: row; } + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ .xl\:h-80{ diff --git a/web/public/themes/borg.css b/web/public/themes/borg.css index 27e57921..7b88613e 100644 --- a/web/public/themes/borg.css +++ b/web/public/themes/borg.css @@ -140,7 +140,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -206,7 +206,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -883,9 +883,25 @@ body { white-space: nowrap; border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} +.\!visible{ + visibility: visible !important; +} .visible{ visibility: visible; } @@ -910,6 +926,9 @@ body { .sticky{ position: sticky; } +.-inset-1{ + inset: -0.25rem; +} .inset-0{ inset: 0px; } @@ -1037,6 +1056,12 @@ body { .top-full{ top: 100%; } +.isolate{ + isolation: isolate; +} +.isolation-auto{ + isolation: auto; +} .z-0{ z-index: 0; } @@ -1055,6 +1080,27 @@ body { .z-50{ z-index: 50; } +.float-right{ + float: right; +} +.float-left{ + float: left; +} +.float-none{ + float: none; +} +.clear-left{ + clear: left; +} +.clear-right{ + clear: right; +} +.clear-both{ + clear: both; +} +.clear-none{ + clear: none; +} .-m-1{ margin: -0.25rem; } @@ -1096,10 +1142,6 @@ body { margin-left: 0.25rem; margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1220,6 +1262,12 @@ body { .mt-auto{ margin-top: auto; } +.box-border{ + box-sizing: border-box; +} +.box-content{ + box-sizing: content-box; +} .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1238,6 +1286,9 @@ body { -webkit-box-orient: vertical; -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} .block{ display: block; } @@ -1256,12 +1307,48 @@ body { .table{ display: table; } +.inline-table{ + display: inline-table; +} +.table-caption{ + display: table-caption; +} +.table-cell{ + display: table-cell; +} +.table-column{ + display: table-column; +} +.table-column-group{ + display: table-column-group; +} +.table-footer-group{ + display: table-footer-group; +} +.table-header-group{ + display: table-header-group; +} +.table-row-group{ + display: table-row-group; +} +.table-row{ + display: table-row; +} +.flow-root{ + display: flow-root; +} .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} .contents{ display: contents; } +.list-item{ + display: list-item; +} .hidden{ display: none; } @@ -1403,6 +1490,9 @@ body { .min-h-0{ min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} .min-h-\[220px\]{ min-height: 220px; } @@ -1430,6 +1520,9 @@ body { .w-1\/2{ width: 50%; } +.w-1\/3{ + width: 33.333333%; +} .w-10{ width: 2.5rem; } @@ -1514,12 +1607,27 @@ body { .w-96{ width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} +.w-\[16rem\]{ + width: 16rem; +} .w-\[300px\]{ width: 300px; } .w-\[500px\]{ width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} +.w-\[this-is\]{ + width: this-is; +} +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} .w-auto{ width: auto; } @@ -1539,15 +1647,6 @@ body { .min-w-96{ min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} -.min-w-\[15rem\]{ - min-width: 15rem; -} -.min-w-\[23rem\]{ - min-width: 23rem; -} .min-w-\[24rem\]{ min-width: 24rem; } @@ -1575,15 +1674,6 @@ body { .max-w-7xl{ max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} -.max-w-\[15rem\]{ - max-width: 15rem; -} -.max-w-\[23rem\]{ - max-width: 23rem; -} .max-w-\[24rem\]{ max-width: 24rem; } @@ -1596,6 +1686,9 @@ body { .max-w-md{ max-width: 28rem; } +.max-w-none{ + max-width: none; +} .max-w-sm{ max-width: 24rem; } @@ -1632,6 +1725,18 @@ body { .grow{ flex-grow: 1; } +.table-auto{ + table-layout: auto; +} +.table-fixed{ + table-layout: fixed; +} +.border-collapse{ + border-collapse: collapse; +} +.border-separate{ + border-collapse: separate; +} .origin-left{ transform-origin: left; } @@ -1643,10 +1748,6 @@ body { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1697,9 +1798,18 @@ body { --tw-scale-x: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} .transform-none{ transform: none; } @@ -1744,17 +1854,120 @@ body { .cursor-pointer{ cursor: pointer; } +.touch-auto{ + touch-action: auto; +} +.touch-none{ + touch-action: none; +} +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-manipulation{ + touch-action: manipulation; +} .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} +.resize-x{ + resize: horizontal; +} .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} +.snap-start{ + scroll-snap-align: start; +} +.snap-end{ + scroll-snap-align: end; +} +.snap-center{ + scroll-snap-align: center; +} +.snap-align-none{ + scroll-snap-align: none; +} +.snap-normal{ + scroll-snap-stop: normal; +} +.snap-always{ + scroll-snap-stop: always; +} +.list-inside{ + list-style-position: inside; +} +.list-outside{ + list-style-position: outside; +} +.list-disc{ + list-style-type: disc; +} .list-none{ list-style-type: none; } @@ -1763,6 +1976,100 @@ body { -moz-appearance: none; appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} +.break-inside-avoid-page{ + break-inside: avoid-page; +} +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} +.grid-flow-row{ + grid-auto-flow: row; +} +.grid-flow-col{ + grid-auto-flow: column; +} +.grid-flow-dense{ + grid-auto-flow: dense; +} +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1784,12 +2091,78 @@ body { .flex-col{ flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} +.place-content-start{ + place-content: start; +} +.place-content-end{ + place-content: end; +} +.place-content-between{ + place-content: space-between; +} +.place-content-around{ + place-content: space-around; +} +.place-content-evenly{ + place-content: space-evenly; +} +.place-content-baseline{ + place-content: baseline; +} +.place-content-stretch{ + place-content: stretch; +} +.place-items-start{ + place-items: start; +} +.place-items-end{ + place-items: end; +} +.place-items-center{ + place-items: center; +} +.place-items-baseline{ + place-items: baseline; +} +.place-items-stretch{ + place-items: stretch; +} +.content-center{ + align-content: center; +} +.content-start{ + align-content: flex-start; +} +.content-end{ + align-content: flex-end; +} +.content-between{ + align-content: space-between; +} +.content-around{ + align-content: space-around; +} +.content-evenly{ + align-content: space-evenly; +} +.content-baseline{ + align-content: baseline; +} .items-start{ align-items: flex-start; } @@ -1799,6 +2172,12 @@ body { .items-center{ align-items: center; } +.items-baseline{ + align-items: baseline; +} +.items-stretch{ + align-items: stretch; +} .justify-start{ justify-content: flex-start; } @@ -1811,6 +2190,24 @@ body { .justify-between{ justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} +.justify-evenly{ + justify-content: space-evenly; +} +.justify-items-start{ + justify-items: start; +} +.justify-items-end{ + justify-items: end; +} +.justify-items-center{ + justify-items: center; +} +.justify-items-stretch{ + justify-items: stretch; +} .gap-1{ gap: 0.25rem; } @@ -1884,6 +2281,12 @@ body { margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -1894,6 +2297,27 @@ body { border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -1902,21 +2326,69 @@ body { --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} +.place-self-start{ + place-self: start; +} +.place-self-end{ + place-self: end; +} +.place-self-center{ + place-self: center; +} +.place-self-stretch{ + place-self: stretch; +} +.self-auto{ + align-self: auto; +} +.self-start{ + align-self: flex-start; +} +.self-end{ + align-self: flex-end; +} .self-center{ align-self: center; } .self-stretch{ align-self: stretch; } +.self-baseline{ + align-self: baseline; +} +.justify-self-auto{ + justify-self: auto; +} +.justify-self-start{ + justify-self: start; +} +.justify-self-end{ + justify-self: end; +} +.justify-self-center{ + justify-self: center; +} +.justify-self-stretch{ + justify-self: stretch; +} .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } +.overflow-clip{ + overflow: clip; +} .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} .overflow-x-auto{ overflow-x: auto; } @@ -1929,26 +2401,99 @@ body { .overflow-y-hidden{ overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} +.overflow-y-clip{ + overflow-y: clip; +} +.overflow-x-visible{ + overflow-x: visible; +} +.overflow-y-visible{ + overflow-y: visible; +} +.overflow-x-scroll{ + overflow-x: scroll; +} .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} +.overscroll-contain{ + overscroll-behavior: contain; +} +.overscroll-none{ + overscroll-behavior: none; +} +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} +.overscroll-y-none{ + overscroll-behavior-y: none; +} +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} +.overscroll-x-none{ + overscroll-behavior-x: none; +} +.scroll-auto{ + scroll-behavior: auto; +} +.scroll-smooth{ + scroll-behavior: smooth; +} .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} +.text-ellipsis{ + text-overflow: ellipsis; +} +.text-clip{ + text-overflow: clip; +} +.whitespace-normal{ + white-space: normal; +} .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} +.whitespace-pre-line{ + white-space: pre-line; +} .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } +.break-keep{ + word-break: keep-all; +} .\!rounded-full{ border-radius: 9999px !important; } @@ -1978,10 +2523,18 @@ body { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -1998,6 +2551,18 @@ body { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} +.rounded-tl{ + border-top-left-radius: 0.25rem; +} +.rounded-tr{ + border-top-right-radius: 0.25rem; +} .border{ border-width: 1px; } @@ -2010,9 +2575,13 @@ body { .border-4{ border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; @@ -2026,6 +2595,9 @@ body { .border-l{ border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} .border-t{ border-top-width: 1px; } @@ -2038,9 +2610,21 @@ body { .border-t-4{ border-top-width: 4px; } +.border-solid{ + border-style: solid; +} .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} +.border-double{ + border-style: double; +} +.border-hidden{ + border-style: hidden; +} .border-none{ border-style: none; } @@ -2159,6 +2743,10 @@ body { --tw-border-opacity: 1; border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} .bg-accent{ background-color: var(--color-accent); } @@ -2578,10 +3166,71 @@ body { .to-100\%{ --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.bg-fixed{ + background-attachment: fixed; +} +.bg-local{ + background-attachment: local; +} +.bg-scroll{ + background-attachment: scroll; +} +.bg-clip-border{ + background-clip: border-box; +} +.bg-clip-padding{ + background-clip: padding-box; +} +.bg-clip-content{ + background-clip: content-box; +} .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} +.bg-no-repeat{ + background-repeat: no-repeat; +} +.bg-repeat-x{ + background-repeat: repeat-x; +} +.bg-repeat-y{ + background-repeat: repeat-y; +} +.bg-repeat-round{ + background-repeat: round; +} +.bg-repeat-space{ + background-repeat: space; +} +.bg-origin-border{ + background-origin: border-box; +} +.bg-origin-padding{ + background-origin: padding-box; +} +.bg-origin-content{ + background-origin: content-box; +} .fill-blue-600{ fill: #1C64F2; } @@ -2615,6 +3264,10 @@ body { .fill-yellow-400{ fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -2623,6 +3276,14 @@ body { -o-object-fit: fill; object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} .p-0{ padding: 0px; } @@ -2757,6 +3418,9 @@ body { .pl-4{ padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} .pr-10{ padding-right: 2.5rem; } @@ -2790,17 +3454,44 @@ body { .text-right{ text-align: right; } +.text-justify{ + text-align: justify; +} +.text-start{ + text-align: start; +} +.text-end{ + text-align: end; +} +.align-baseline{ + vertical-align: baseline; +} +.align-top{ + vertical-align: top; +} .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} +.align-text-bottom{ + vertical-align: text-bottom; +} +.align-sub{ + vertical-align: sub; +} +.align-super{ + vertical-align: super; +} .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ font-size: 1.5rem; @@ -2860,9 +3551,56 @@ body { .uppercase{ text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} +.capitalize{ + text-transform: capitalize; +} +.normal-case{ + text-transform: none; +} .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} +.normal-nums{ + font-variant-numeric: normal; +} +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} .leading-6{ line-height: 1.5rem; } @@ -2878,6 +3616,9 @@ body { .tracking-wide{ letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3109,6 +3850,38 @@ body { .underline{ text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} +.line-through{ + text-decoration-line: line-through; +} +.no-underline{ + text-decoration-line: none; +} +.decoration-solid{ + text-decoration-style: solid; +} +.decoration-double{ + text-decoration-style: double; +} +.decoration-dotted{ + text-decoration-style: dotted; +} +.decoration-dashed{ + text-decoration-style: dashed; +} +.decoration-wavy{ + text-decoration-style: wavy; +} +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} .opacity-0{ opacity: 0; } @@ -3133,6 +3906,110 @@ body { .opacity-80{ opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} +.bg-blend-multiply{ + background-blend-mode: multiply; +} +.bg-blend-screen{ + background-blend-mode: screen; +} +.bg-blend-overlay{ + background-blend-mode: overlay; +} +.bg-blend-darken{ + background-blend-mode: darken; +} +.bg-blend-lighten{ + background-blend-mode: lighten; +} +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} +.bg-blend-difference{ + background-blend-mode: difference; +} +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} +.bg-blend-hue{ + background-blend-mode: hue; +} +.bg-blend-saturation{ + background-blend-mode: saturation; +} +.bg-blend-color{ + background-blend-mode: color; +} +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} +.mix-blend-normal{ + mix-blend-mode: normal; +} +.mix-blend-multiply{ + mix-blend-mode: multiply; +} +.mix-blend-screen{ + mix-blend-mode: screen; +} +.mix-blend-overlay{ + mix-blend-mode: overlay; +} +.mix-blend-darken{ + mix-blend-mode: darken; +} +.mix-blend-lighten{ + mix-blend-mode: lighten; +} +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} +.mix-blend-difference{ + mix-blend-mode: difference; +} +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} +.mix-blend-hue{ + mix-blend-mode: hue; +} +.mix-blend-saturation{ + mix-blend-mode: saturation; +} +.mix-blend-color{ + mix-blend-mode: color; +} +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -3230,6 +4107,20 @@ body { .outline{ outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} +.outline-dotted{ + outline-style: dotted; +} +.outline-double{ + outline-style: double; +} +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3240,6 +4131,9 @@ body { --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -3299,6 +4193,10 @@ body { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -3311,18 +4209,56 @@ body { --tw-grayscale: grayscale(100%); 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -3359,6 +4295,9 @@ body { .duration-300{ transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} .duration-75{ transition-duration: 75ms; } @@ -3371,6 +4310,10 @@ body { .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -3545,18 +4488,54 @@ p{ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } +/* Base list styling */ +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} +/* Unordered lists */ ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ul { /* Vertical spacing */ +} +/* List items */ li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ol { /* Vertical spacing */ +} +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} :root { --color-primary: #00ff00; --color-primary-light: #40ff40; @@ -4415,7 +5394,7 @@ button:hover{ --tw-bg-opacity: 0.9; padding-top: 0.5rem; padding-bottom: 0.5rem; - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); @@ -4549,6 +5528,40 @@ button:hover{ background-position: 0 1000px; } } +@media (min-width: 640px){ + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + @media (min-width: 640px){ + .sm\:container{ + max-width: 640px; + } + } + @media (min-width: 768px){ + .sm\:container{ + max-width: 768px; + } + } + @media (min-width: 1024px){ + .sm\:container{ + max-width: 1024px; + } + } + @media (min-width: 1280px){ + .sm\:container{ + max-width: 1280px; + } + } + @media (min-width: 1536px){ + .sm\:container{ + max-width: 1536px; + } + } +} .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -4901,6 +5914,9 @@ button:hover{ .hover\:to-purple-500\/20:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -4982,9 +5998,6 @@ button:hover{ .hover\:underline:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -5008,6 +6021,14 @@ button:hover{ .hover\:scrollbar-thumb-primary{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} .focus\:z-10:focus{ z-index: 10; } @@ -5166,6 +6187,12 @@ button:hover{ .focus\:ring-opacity-50:focus{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -5291,10 +6318,6 @@ button:hover{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -5971,10 +6994,17 @@ button:hover{ .sm\:text-center{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ .md\:inset-0{ @@ -6102,6 +7132,9 @@ button:hover{ .lg\:flex-row{ flex-direction: row; } + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ .xl\:h-80{ diff --git a/web/public/themes/christmas.css b/web/public/themes/christmas.css index 12507f2d..7d944ad0 100644 --- a/web/public/themes/christmas.css +++ b/web/public/themes/christmas.css @@ -140,7 +140,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -206,7 +206,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -883,9 +883,25 @@ body { white-space: nowrap; border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} +.\!visible{ + visibility: visible !important; +} .visible{ visibility: visible; } @@ -910,6 +926,9 @@ body { .sticky{ position: sticky; } +.-inset-1{ + inset: -0.25rem; +} .inset-0{ inset: 0px; } @@ -1037,6 +1056,12 @@ body { .top-full{ top: 100%; } +.isolate{ + isolation: isolate; +} +.isolation-auto{ + isolation: auto; +} .z-0{ z-index: 0; } @@ -1055,6 +1080,27 @@ body { .z-50{ z-index: 50; } +.float-right{ + float: right; +} +.float-left{ + float: left; +} +.float-none{ + float: none; +} +.clear-left{ + clear: left; +} +.clear-right{ + clear: right; +} +.clear-both{ + clear: both; +} +.clear-none{ + clear: none; +} .-m-1{ margin: -0.25rem; } @@ -1096,10 +1142,6 @@ body { margin-left: 0.25rem; margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1220,6 +1262,12 @@ body { .mt-auto{ margin-top: auto; } +.box-border{ + box-sizing: border-box; +} +.box-content{ + box-sizing: content-box; +} .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1238,6 +1286,9 @@ body { -webkit-box-orient: vertical; -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} .block{ display: block; } @@ -1256,12 +1307,48 @@ body { .table{ display: table; } +.inline-table{ + display: inline-table; +} +.table-caption{ + display: table-caption; +} +.table-cell{ + display: table-cell; +} +.table-column{ + display: table-column; +} +.table-column-group{ + display: table-column-group; +} +.table-footer-group{ + display: table-footer-group; +} +.table-header-group{ + display: table-header-group; +} +.table-row-group{ + display: table-row-group; +} +.table-row{ + display: table-row; +} +.flow-root{ + display: flow-root; +} .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} .contents{ display: contents; } +.list-item{ + display: list-item; +} .hidden{ display: none; } @@ -1403,6 +1490,9 @@ body { .min-h-0{ min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} .min-h-\[220px\]{ min-height: 220px; } @@ -1430,6 +1520,9 @@ body { .w-1\/2{ width: 50%; } +.w-1\/3{ + width: 33.333333%; +} .w-10{ width: 2.5rem; } @@ -1514,12 +1607,27 @@ body { .w-96{ width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} +.w-\[16rem\]{ + width: 16rem; +} .w-\[300px\]{ width: 300px; } .w-\[500px\]{ width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} +.w-\[this-is\]{ + width: this-is; +} +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} .w-auto{ width: auto; } @@ -1539,15 +1647,6 @@ body { .min-w-96{ min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} -.min-w-\[15rem\]{ - min-width: 15rem; -} -.min-w-\[23rem\]{ - min-width: 23rem; -} .min-w-\[24rem\]{ min-width: 24rem; } @@ -1575,15 +1674,6 @@ body { .max-w-7xl{ max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} -.max-w-\[15rem\]{ - max-width: 15rem; -} -.max-w-\[23rem\]{ - max-width: 23rem; -} .max-w-\[24rem\]{ max-width: 24rem; } @@ -1596,6 +1686,9 @@ body { .max-w-md{ max-width: 28rem; } +.max-w-none{ + max-width: none; +} .max-w-sm{ max-width: 24rem; } @@ -1632,6 +1725,18 @@ body { .grow{ flex-grow: 1; } +.table-auto{ + table-layout: auto; +} +.table-fixed{ + table-layout: fixed; +} +.border-collapse{ + border-collapse: collapse; +} +.border-separate{ + border-collapse: separate; +} .origin-left{ transform-origin: left; } @@ -1643,10 +1748,6 @@ body { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1697,9 +1798,18 @@ body { --tw-scale-x: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} .transform-none{ transform: none; } @@ -1744,17 +1854,120 @@ body { .cursor-pointer{ cursor: pointer; } +.touch-auto{ + touch-action: auto; +} +.touch-none{ + touch-action: none; +} +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-manipulation{ + touch-action: manipulation; +} .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} +.resize-x{ + resize: horizontal; +} .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} +.snap-start{ + scroll-snap-align: start; +} +.snap-end{ + scroll-snap-align: end; +} +.snap-center{ + scroll-snap-align: center; +} +.snap-align-none{ + scroll-snap-align: none; +} +.snap-normal{ + scroll-snap-stop: normal; +} +.snap-always{ + scroll-snap-stop: always; +} +.list-inside{ + list-style-position: inside; +} +.list-outside{ + list-style-position: outside; +} +.list-disc{ + list-style-type: disc; +} .list-none{ list-style-type: none; } @@ -1763,6 +1976,100 @@ body { -moz-appearance: none; appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} +.break-inside-avoid-page{ + break-inside: avoid-page; +} +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} +.grid-flow-row{ + grid-auto-flow: row; +} +.grid-flow-col{ + grid-auto-flow: column; +} +.grid-flow-dense{ + grid-auto-flow: dense; +} +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1784,12 +2091,78 @@ body { .flex-col{ flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} +.place-content-start{ + place-content: start; +} +.place-content-end{ + place-content: end; +} +.place-content-between{ + place-content: space-between; +} +.place-content-around{ + place-content: space-around; +} +.place-content-evenly{ + place-content: space-evenly; +} +.place-content-baseline{ + place-content: baseline; +} +.place-content-stretch{ + place-content: stretch; +} +.place-items-start{ + place-items: start; +} +.place-items-end{ + place-items: end; +} +.place-items-center{ + place-items: center; +} +.place-items-baseline{ + place-items: baseline; +} +.place-items-stretch{ + place-items: stretch; +} +.content-center{ + align-content: center; +} +.content-start{ + align-content: flex-start; +} +.content-end{ + align-content: flex-end; +} +.content-between{ + align-content: space-between; +} +.content-around{ + align-content: space-around; +} +.content-evenly{ + align-content: space-evenly; +} +.content-baseline{ + align-content: baseline; +} .items-start{ align-items: flex-start; } @@ -1799,6 +2172,12 @@ body { .items-center{ align-items: center; } +.items-baseline{ + align-items: baseline; +} +.items-stretch{ + align-items: stretch; +} .justify-start{ justify-content: flex-start; } @@ -1811,6 +2190,24 @@ body { .justify-between{ justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} +.justify-evenly{ + justify-content: space-evenly; +} +.justify-items-start{ + justify-items: start; +} +.justify-items-end{ + justify-items: end; +} +.justify-items-center{ + justify-items: center; +} +.justify-items-stretch{ + justify-items: stretch; +} .gap-1{ gap: 0.25rem; } @@ -1884,6 +2281,12 @@ body { margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -1894,6 +2297,27 @@ body { border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -1902,21 +2326,69 @@ body { --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} +.place-self-start{ + place-self: start; +} +.place-self-end{ + place-self: end; +} +.place-self-center{ + place-self: center; +} +.place-self-stretch{ + place-self: stretch; +} +.self-auto{ + align-self: auto; +} +.self-start{ + align-self: flex-start; +} +.self-end{ + align-self: flex-end; +} .self-center{ align-self: center; } .self-stretch{ align-self: stretch; } +.self-baseline{ + align-self: baseline; +} +.justify-self-auto{ + justify-self: auto; +} +.justify-self-start{ + justify-self: start; +} +.justify-self-end{ + justify-self: end; +} +.justify-self-center{ + justify-self: center; +} +.justify-self-stretch{ + justify-self: stretch; +} .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } +.overflow-clip{ + overflow: clip; +} .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} .overflow-x-auto{ overflow-x: auto; } @@ -1929,26 +2401,99 @@ body { .overflow-y-hidden{ overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} +.overflow-y-clip{ + overflow-y: clip; +} +.overflow-x-visible{ + overflow-x: visible; +} +.overflow-y-visible{ + overflow-y: visible; +} +.overflow-x-scroll{ + overflow-x: scroll; +} .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} +.overscroll-contain{ + overscroll-behavior: contain; +} +.overscroll-none{ + overscroll-behavior: none; +} +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} +.overscroll-y-none{ + overscroll-behavior-y: none; +} +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} +.overscroll-x-none{ + overscroll-behavior-x: none; +} +.scroll-auto{ + scroll-behavior: auto; +} +.scroll-smooth{ + scroll-behavior: smooth; +} .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} +.text-ellipsis{ + text-overflow: ellipsis; +} +.text-clip{ + text-overflow: clip; +} +.whitespace-normal{ + white-space: normal; +} .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} +.whitespace-pre-line{ + white-space: pre-line; +} .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } +.break-keep{ + word-break: keep-all; +} .\!rounded-full{ border-radius: 9999px !important; } @@ -1978,10 +2523,18 @@ body { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -1998,6 +2551,18 @@ body { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} +.rounded-tl{ + border-top-left-radius: 0.25rem; +} +.rounded-tr{ + border-top-right-radius: 0.25rem; +} .border{ border-width: 1px; } @@ -2010,9 +2575,13 @@ body { .border-4{ border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; @@ -2026,6 +2595,9 @@ body { .border-l{ border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} .border-t{ border-top-width: 1px; } @@ -2038,9 +2610,21 @@ body { .border-t-4{ border-top-width: 4px; } +.border-solid{ + border-style: solid; +} .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} +.border-double{ + border-style: double; +} +.border-hidden{ + border-style: hidden; +} .border-none{ border-style: none; } @@ -2159,6 +2743,10 @@ body { --tw-border-opacity: 1; border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} .bg-accent{ background-color: var(--color-accent); } @@ -2578,10 +3166,71 @@ body { .to-100\%{ --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.bg-fixed{ + background-attachment: fixed; +} +.bg-local{ + background-attachment: local; +} +.bg-scroll{ + background-attachment: scroll; +} +.bg-clip-border{ + background-clip: border-box; +} +.bg-clip-padding{ + background-clip: padding-box; +} +.bg-clip-content{ + background-clip: content-box; +} .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} +.bg-no-repeat{ + background-repeat: no-repeat; +} +.bg-repeat-x{ + background-repeat: repeat-x; +} +.bg-repeat-y{ + background-repeat: repeat-y; +} +.bg-repeat-round{ + background-repeat: round; +} +.bg-repeat-space{ + background-repeat: space; +} +.bg-origin-border{ + background-origin: border-box; +} +.bg-origin-padding{ + background-origin: padding-box; +} +.bg-origin-content{ + background-origin: content-box; +} .fill-blue-600{ fill: #1C64F2; } @@ -2615,6 +3264,10 @@ body { .fill-yellow-400{ fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -2623,6 +3276,14 @@ body { -o-object-fit: fill; object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} .p-0{ padding: 0px; } @@ -2757,6 +3418,9 @@ body { .pl-4{ padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} .pr-10{ padding-right: 2.5rem; } @@ -2790,17 +3454,44 @@ body { .text-right{ text-align: right; } +.text-justify{ + text-align: justify; +} +.text-start{ + text-align: start; +} +.text-end{ + text-align: end; +} +.align-baseline{ + vertical-align: baseline; +} +.align-top{ + vertical-align: top; +} .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} +.align-text-bottom{ + vertical-align: text-bottom; +} +.align-sub{ + vertical-align: sub; +} +.align-super{ + vertical-align: super; +} .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ font-size: 1.5rem; @@ -2860,9 +3551,56 @@ body { .uppercase{ text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} +.capitalize{ + text-transform: capitalize; +} +.normal-case{ + text-transform: none; +} .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} +.normal-nums{ + font-variant-numeric: normal; +} +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} .leading-6{ line-height: 1.5rem; } @@ -2878,6 +3616,9 @@ body { .tracking-wide{ letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3109,6 +3850,38 @@ body { .underline{ text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} +.line-through{ + text-decoration-line: line-through; +} +.no-underline{ + text-decoration-line: none; +} +.decoration-solid{ + text-decoration-style: solid; +} +.decoration-double{ + text-decoration-style: double; +} +.decoration-dotted{ + text-decoration-style: dotted; +} +.decoration-dashed{ + text-decoration-style: dashed; +} +.decoration-wavy{ + text-decoration-style: wavy; +} +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} .opacity-0{ opacity: 0; } @@ -3133,6 +3906,110 @@ body { .opacity-80{ opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} +.bg-blend-multiply{ + background-blend-mode: multiply; +} +.bg-blend-screen{ + background-blend-mode: screen; +} +.bg-blend-overlay{ + background-blend-mode: overlay; +} +.bg-blend-darken{ + background-blend-mode: darken; +} +.bg-blend-lighten{ + background-blend-mode: lighten; +} +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} +.bg-blend-difference{ + background-blend-mode: difference; +} +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} +.bg-blend-hue{ + background-blend-mode: hue; +} +.bg-blend-saturation{ + background-blend-mode: saturation; +} +.bg-blend-color{ + background-blend-mode: color; +} +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} +.mix-blend-normal{ + mix-blend-mode: normal; +} +.mix-blend-multiply{ + mix-blend-mode: multiply; +} +.mix-blend-screen{ + mix-blend-mode: screen; +} +.mix-blend-overlay{ + mix-blend-mode: overlay; +} +.mix-blend-darken{ + mix-blend-mode: darken; +} +.mix-blend-lighten{ + mix-blend-mode: lighten; +} +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} +.mix-blend-difference{ + mix-blend-mode: difference; +} +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} +.mix-blend-hue{ + mix-blend-mode: hue; +} +.mix-blend-saturation{ + mix-blend-mode: saturation; +} +.mix-blend-color{ + mix-blend-mode: color; +} +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -3230,6 +4107,20 @@ body { .outline{ outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} +.outline-dotted{ + outline-style: dotted; +} +.outline-double{ + outline-style: double; +} +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3240,6 +4131,9 @@ body { --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -3299,6 +4193,10 @@ body { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -3311,18 +4209,56 @@ body { --tw-grayscale: grayscale(100%); 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -3359,6 +4295,9 @@ body { .duration-300{ transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} .duration-75{ transition-duration: 75ms; } @@ -3371,6 +4310,10 @@ body { .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -4502,6 +5445,40 @@ body { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } +@media (min-width: 640px){ + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + @media (min-width: 640px){ + .sm\:container{ + max-width: 640px; + } + } + @media (min-width: 768px){ + .sm\:container{ + max-width: 768px; + } + } + @media (min-width: 1024px){ + .sm\:container{ + max-width: 1024px; + } + } + @media (min-width: 1280px){ + .sm\:container{ + max-width: 1280px; + } + } + @media (min-width: 1536px){ + .sm\:container{ + max-width: 1536px; + } + } +} .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -4854,6 +5831,9 @@ body { .hover\:to-purple-500\/20:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -4935,9 +5915,6 @@ body { .hover\:underline:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -4961,6 +5938,14 @@ body { .hover\:scrollbar-thumb-primary{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} .focus\:z-10:focus{ z-index: 10; } @@ -5119,6 +6104,12 @@ body { .focus\:ring-opacity-50:focus{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -5244,10 +6235,6 @@ body { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -5924,10 +6911,17 @@ body { .sm\:text-center{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ .md\:inset-0{ @@ -6055,6 +7049,9 @@ body { .lg\:flex-row{ flex-direction: row; } + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ .xl\:h-80{ diff --git a/web/public/themes/default.css b/web/public/themes/default.css index 60693063..b766a776 100644 --- a/web/public/themes/default.css +++ b/web/public/themes/default.css @@ -1,5 +1,5 @@ -@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@500;600;700&family=Outfit:wght@400;500;600;700&display=swap'); /* Soft Bluish Theme */ *, ::before, ::after{ --tw-border-spacing-x: 0; @@ -140,7 +140,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -206,7 +206,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -884,7 +884,7 @@ body { --tw-bg-opacity: 0.9; padding-top: 0.5rem; padding-bottom: 0.5rem; - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); @@ -926,9 +926,25 @@ body { white-space: nowrap; border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} +.\!visible{ + visibility: visible !important; +} .visible{ visibility: visible; } @@ -953,6 +969,9 @@ body { .sticky{ position: sticky; } +.-inset-1{ + inset: -0.25rem; +} .inset-0{ inset: 0px; } @@ -1080,6 +1099,12 @@ body { .top-full{ top: 100%; } +.isolate{ + isolation: isolate; +} +.isolation-auto{ + isolation: auto; +} .z-0{ z-index: 0; } @@ -1098,6 +1123,27 @@ body { .z-50{ z-index: 50; } +.float-right{ + float: right; +} +.float-left{ + float: left; +} +.float-none{ + float: none; +} +.clear-left{ + clear: left; +} +.clear-right{ + clear: right; +} +.clear-both{ + clear: both; +} +.clear-none{ + clear: none; +} .-m-1{ margin: -0.25rem; } @@ -1139,10 +1185,6 @@ body { margin-left: 0.25rem; margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1263,6 +1305,12 @@ body { .mt-auto{ margin-top: auto; } +.box-border{ + box-sizing: border-box; +} +.box-content{ + box-sizing: content-box; +} .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1281,6 +1329,9 @@ body { -webkit-box-orient: vertical; -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} .block{ display: block; } @@ -1299,12 +1350,48 @@ body { .table{ display: table; } +.inline-table{ + display: inline-table; +} +.table-caption{ + display: table-caption; +} +.table-cell{ + display: table-cell; +} +.table-column{ + display: table-column; +} +.table-column-group{ + display: table-column-group; +} +.table-footer-group{ + display: table-footer-group; +} +.table-header-group{ + display: table-header-group; +} +.table-row-group{ + display: table-row-group; +} +.table-row{ + display: table-row; +} +.flow-root{ + display: flow-root; +} .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} .contents{ display: contents; } +.list-item{ + display: list-item; +} .hidden{ display: none; } @@ -1446,6 +1533,9 @@ body { .min-h-0{ min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} .min-h-\[220px\]{ min-height: 220px; } @@ -1473,6 +1563,9 @@ body { .w-1\/2{ width: 50%; } +.w-1\/3{ + width: 33.333333%; +} .w-10{ width: 2.5rem; } @@ -1557,12 +1650,27 @@ body { .w-96{ width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} +.w-\[16rem\]{ + width: 16rem; +} .w-\[300px\]{ width: 300px; } .w-\[500px\]{ width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} +.w-\[this-is\]{ + width: this-is; +} +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} .w-auto{ width: auto; } @@ -1582,15 +1690,6 @@ body { .min-w-96{ min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} -.min-w-\[15rem\]{ - min-width: 15rem; -} -.min-w-\[23rem\]{ - min-width: 23rem; -} .min-w-\[24rem\]{ min-width: 24rem; } @@ -1618,15 +1717,6 @@ body { .max-w-7xl{ max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} -.max-w-\[15rem\]{ - max-width: 15rem; -} -.max-w-\[23rem\]{ - max-width: 23rem; -} .max-w-\[24rem\]{ max-width: 24rem; } @@ -1639,6 +1729,9 @@ body { .max-w-md{ max-width: 28rem; } +.max-w-none{ + max-width: none; +} .max-w-sm{ max-width: 24rem; } @@ -1675,6 +1768,18 @@ body { .grow{ flex-grow: 1; } +.table-auto{ + table-layout: auto; +} +.table-fixed{ + table-layout: fixed; +} +.border-collapse{ + border-collapse: collapse; +} +.border-separate{ + border-collapse: separate; +} .origin-left{ transform-origin: left; } @@ -1686,10 +1791,6 @@ body { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1740,9 +1841,18 @@ body { --tw-scale-x: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} .transform-none{ transform: none; } @@ -1787,17 +1897,120 @@ body { .cursor-pointer{ cursor: pointer; } +.touch-auto{ + touch-action: auto; +} +.touch-none{ + touch-action: none; +} +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-manipulation{ + touch-action: manipulation; +} .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} +.resize-x{ + resize: horizontal; +} .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} +.snap-start{ + scroll-snap-align: start; +} +.snap-end{ + scroll-snap-align: end; +} +.snap-center{ + scroll-snap-align: center; +} +.snap-align-none{ + scroll-snap-align: none; +} +.snap-normal{ + scroll-snap-stop: normal; +} +.snap-always{ + scroll-snap-stop: always; +} +.list-inside{ + list-style-position: inside; +} +.list-outside{ + list-style-position: outside; +} +.list-disc{ + list-style-type: disc; +} .list-none{ list-style-type: none; } @@ -1806,6 +2019,100 @@ body { -moz-appearance: none; appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} +.break-inside-avoid-page{ + break-inside: avoid-page; +} +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} +.grid-flow-row{ + grid-auto-flow: row; +} +.grid-flow-col{ + grid-auto-flow: column; +} +.grid-flow-dense{ + grid-auto-flow: dense; +} +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1827,12 +2134,78 @@ body { .flex-col{ flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} +.place-content-start{ + place-content: start; +} +.place-content-end{ + place-content: end; +} +.place-content-between{ + place-content: space-between; +} +.place-content-around{ + place-content: space-around; +} +.place-content-evenly{ + place-content: space-evenly; +} +.place-content-baseline{ + place-content: baseline; +} +.place-content-stretch{ + place-content: stretch; +} +.place-items-start{ + place-items: start; +} +.place-items-end{ + place-items: end; +} +.place-items-center{ + place-items: center; +} +.place-items-baseline{ + place-items: baseline; +} +.place-items-stretch{ + place-items: stretch; +} +.content-center{ + align-content: center; +} +.content-start{ + align-content: flex-start; +} +.content-end{ + align-content: flex-end; +} +.content-between{ + align-content: space-between; +} +.content-around{ + align-content: space-around; +} +.content-evenly{ + align-content: space-evenly; +} +.content-baseline{ + align-content: baseline; +} .items-start{ align-items: flex-start; } @@ -1842,6 +2215,12 @@ body { .items-center{ align-items: center; } +.items-baseline{ + align-items: baseline; +} +.items-stretch{ + align-items: stretch; +} .justify-start{ justify-content: flex-start; } @@ -1854,6 +2233,24 @@ body { .justify-between{ justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} +.justify-evenly{ + justify-content: space-evenly; +} +.justify-items-start{ + justify-items: start; +} +.justify-items-end{ + justify-items: end; +} +.justify-items-center{ + justify-items: center; +} +.justify-items-stretch{ + justify-items: stretch; +} .gap-1{ gap: 0.25rem; } @@ -1927,6 +2324,12 @@ body { margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -1937,6 +2340,27 @@ body { border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -1945,21 +2369,69 @@ body { --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} +.place-self-start{ + place-self: start; +} +.place-self-end{ + place-self: end; +} +.place-self-center{ + place-self: center; +} +.place-self-stretch{ + place-self: stretch; +} +.self-auto{ + align-self: auto; +} +.self-start{ + align-self: flex-start; +} +.self-end{ + align-self: flex-end; +} .self-center{ align-self: center; } .self-stretch{ align-self: stretch; } +.self-baseline{ + align-self: baseline; +} +.justify-self-auto{ + justify-self: auto; +} +.justify-self-start{ + justify-self: start; +} +.justify-self-end{ + justify-self: end; +} +.justify-self-center{ + justify-self: center; +} +.justify-self-stretch{ + justify-self: stretch; +} .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } +.overflow-clip{ + overflow: clip; +} .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} .overflow-x-auto{ overflow-x: auto; } @@ -1972,26 +2444,99 @@ body { .overflow-y-hidden{ overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} +.overflow-y-clip{ + overflow-y: clip; +} +.overflow-x-visible{ + overflow-x: visible; +} +.overflow-y-visible{ + overflow-y: visible; +} +.overflow-x-scroll{ + overflow-x: scroll; +} .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} +.overscroll-contain{ + overscroll-behavior: contain; +} +.overscroll-none{ + overscroll-behavior: none; +} +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} +.overscroll-y-none{ + overscroll-behavior-y: none; +} +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} +.overscroll-x-none{ + overscroll-behavior-x: none; +} +.scroll-auto{ + scroll-behavior: auto; +} +.scroll-smooth{ + scroll-behavior: smooth; +} .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} +.text-ellipsis{ + text-overflow: ellipsis; +} +.text-clip{ + text-overflow: clip; +} +.whitespace-normal{ + white-space: normal; +} .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} +.whitespace-pre-line{ + white-space: pre-line; +} .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } +.break-keep{ + word-break: keep-all; +} .\!rounded-full{ border-radius: 9999px !important; } @@ -2021,10 +2566,18 @@ body { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -2041,6 +2594,18 @@ body { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} +.rounded-tl{ + border-top-left-radius: 0.25rem; +} +.rounded-tr{ + border-top-right-radius: 0.25rem; +} .border{ border-width: 1px; } @@ -2053,9 +2618,13 @@ body { .border-4{ border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; @@ -2069,6 +2638,9 @@ body { .border-l{ border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} .border-t{ border-top-width: 1px; } @@ -2081,9 +2653,21 @@ body { .border-t-4{ border-top-width: 4px; } +.border-solid{ + border-style: solid; +} .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} +.border-double{ + border-style: double; +} +.border-hidden{ + border-style: hidden; +} .border-none{ border-style: none; } @@ -2202,6 +2786,10 @@ body { --tw-border-opacity: 1; border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} .bg-accent{ background-color: var(--color-accent); } @@ -2621,10 +3209,71 @@ body { .to-100\%{ --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.bg-fixed{ + background-attachment: fixed; +} +.bg-local{ + background-attachment: local; +} +.bg-scroll{ + background-attachment: scroll; +} +.bg-clip-border{ + background-clip: border-box; +} +.bg-clip-padding{ + background-clip: padding-box; +} +.bg-clip-content{ + background-clip: content-box; +} .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} +.bg-no-repeat{ + background-repeat: no-repeat; +} +.bg-repeat-x{ + background-repeat: repeat-x; +} +.bg-repeat-y{ + background-repeat: repeat-y; +} +.bg-repeat-round{ + background-repeat: round; +} +.bg-repeat-space{ + background-repeat: space; +} +.bg-origin-border{ + background-origin: border-box; +} +.bg-origin-padding{ + background-origin: padding-box; +} +.bg-origin-content{ + background-origin: content-box; +} .fill-blue-600{ fill: #1C64F2; } @@ -2658,6 +3307,10 @@ body { .fill-yellow-400{ fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -2666,6 +3319,14 @@ body { -o-object-fit: fill; object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} .p-0{ padding: 0px; } @@ -2800,6 +3461,9 @@ body { .pl-4{ padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} .pr-10{ padding-right: 2.5rem; } @@ -2833,17 +3497,44 @@ body { .text-right{ text-align: right; } +.text-justify{ + text-align: justify; +} +.text-start{ + text-align: start; +} +.text-end{ + text-align: end; +} +.align-baseline{ + vertical-align: baseline; +} +.align-top{ + vertical-align: top; +} .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} +.align-text-bottom{ + vertical-align: text-bottom; +} +.align-sub{ + vertical-align: sub; +} +.align-super{ + vertical-align: super; +} .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ font-size: 1.5rem; @@ -2903,9 +3594,56 @@ body { .uppercase{ text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} +.capitalize{ + text-transform: capitalize; +} +.normal-case{ + text-transform: none; +} .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} +.normal-nums{ + font-variant-numeric: normal; +} +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} .leading-6{ line-height: 1.5rem; } @@ -2921,6 +3659,9 @@ body { .tracking-wide{ letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3152,6 +3893,38 @@ body { .underline{ text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} +.line-through{ + text-decoration-line: line-through; +} +.no-underline{ + text-decoration-line: none; +} +.decoration-solid{ + text-decoration-style: solid; +} +.decoration-double{ + text-decoration-style: double; +} +.decoration-dotted{ + text-decoration-style: dotted; +} +.decoration-dashed{ + text-decoration-style: dashed; +} +.decoration-wavy{ + text-decoration-style: wavy; +} +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} .opacity-0{ opacity: 0; } @@ -3176,6 +3949,110 @@ body { .opacity-80{ opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} +.bg-blend-multiply{ + background-blend-mode: multiply; +} +.bg-blend-screen{ + background-blend-mode: screen; +} +.bg-blend-overlay{ + background-blend-mode: overlay; +} +.bg-blend-darken{ + background-blend-mode: darken; +} +.bg-blend-lighten{ + background-blend-mode: lighten; +} +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} +.bg-blend-difference{ + background-blend-mode: difference; +} +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} +.bg-blend-hue{ + background-blend-mode: hue; +} +.bg-blend-saturation{ + background-blend-mode: saturation; +} +.bg-blend-color{ + background-blend-mode: color; +} +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} +.mix-blend-normal{ + mix-blend-mode: normal; +} +.mix-blend-multiply{ + mix-blend-mode: multiply; +} +.mix-blend-screen{ + mix-blend-mode: screen; +} +.mix-blend-overlay{ + mix-blend-mode: overlay; +} +.mix-blend-darken{ + mix-blend-mode: darken; +} +.mix-blend-lighten{ + mix-blend-mode: lighten; +} +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} +.mix-blend-difference{ + mix-blend-mode: difference; +} +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} +.mix-blend-hue{ + mix-blend-mode: hue; +} +.mix-blend-saturation{ + mix-blend-mode: saturation; +} +.mix-blend-color{ + mix-blend-mode: color; +} +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -3273,6 +4150,20 @@ body { .outline{ outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} +.outline-dotted{ + outline-style: dotted; +} +.outline-double{ + outline-style: double; +} +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3283,6 +4174,9 @@ body { --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -3342,6 +4236,10 @@ body { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -3354,18 +4252,56 @@ body { --tw-grayscale: grayscale(100%); 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -3402,6 +4338,9 @@ body { .duration-300{ transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} .duration-75{ transition-duration: 75ms; } @@ -3414,6 +4353,10 @@ body { .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -3599,27 +4542,73 @@ h1:is(.dark *), h2:is(.dark *){ } p{ overflow-wrap: break-word; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; font-size: 1rem; line-height: 1.5rem; - --tw-text-opacity: 1; - color: rgb(28 100 242 / var(--tw-text-opacity)); + line-height: 1.625; + letter-spacing: -0.025em; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } p:is(.dark *){ --tw-text-opacity: 1; color: rgb(164 202 254 / var(--tw-text-opacity)); } +@media (min-width: 768px) { + p{ + font-size: 1.125rem; + line-height: 1.75rem; + line-height: 2; + } +} +/* Base list styling */ +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} +/* Unordered lists */ ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ul { /* Vertical spacing */ +} +/* List items */ li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ol { /* Vertical spacing */ +} +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} :root { --color-primary: #4a90e2; --color-primary-light: #6ab7f1; @@ -4756,6 +5745,40 @@ background-clip: text; background-position: 0 1000px; } } +@media (min-width: 640px){ + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + @media (min-width: 640px){ + .sm\:container{ + max-width: 640px; + } + } + @media (min-width: 768px){ + .sm\:container{ + max-width: 768px; + } + } + @media (min-width: 1024px){ + .sm\:container{ + max-width: 1024px; + } + } + @media (min-width: 1280px){ + .sm\:container{ + max-width: 1280px; + } + } + @media (min-width: 1536px){ + .sm\:container{ + max-width: 1536px; + } + } +} .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -5108,6 +6131,9 @@ background-clip: text; .hover\:to-purple-500\/20:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -5189,9 +6215,6 @@ background-clip: text; .hover\:underline:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -5215,6 +6238,14 @@ background-clip: text; .hover\:scrollbar-thumb-primary{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} .focus\:z-10:focus{ z-index: 10; } @@ -5373,6 +6404,12 @@ background-clip: text; .focus\:ring-opacity-50:focus{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -5498,10 +6535,6 @@ background-clip: text; --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -6178,10 +7211,17 @@ background-clip: text; .sm\:text-center{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ .md\:inset-0{ @@ -6309,6 +7349,9 @@ background-clip: text; .lg\:flex-row{ flex-direction: row; } + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ .xl\:h-80{ diff --git a/web/public/themes/lollms_blue.css b/web/public/themes/lollms_blue.css index 50413164..d368d38c 100644 --- a/web/public/themes/lollms_blue.css +++ b/web/public/themes/lollms_blue.css @@ -140,7 +140,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -206,7 +206,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -888,9 +888,25 @@ html{ white-space: nowrap; border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} +.\!visible{ + visibility: visible !important; +} .visible{ visibility: visible; } @@ -915,6 +931,9 @@ html{ .sticky{ position: sticky; } +.-inset-1{ + inset: -0.25rem; +} .inset-0{ inset: 0px; } @@ -1042,6 +1061,12 @@ html{ .top-full{ top: 100%; } +.isolate{ + isolation: isolate; +} +.isolation-auto{ + isolation: auto; +} .z-0{ z-index: 0; } @@ -1060,6 +1085,27 @@ html{ .z-50{ z-index: 50; } +.float-right{ + float: right; +} +.float-left{ + float: left; +} +.float-none{ + float: none; +} +.clear-left{ + clear: left; +} +.clear-right{ + clear: right; +} +.clear-both{ + clear: both; +} +.clear-none{ + clear: none; +} .-m-1{ margin: -0.25rem; } @@ -1101,10 +1147,6 @@ html{ margin-left: 0.25rem; margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1225,6 +1267,12 @@ html{ .mt-auto{ margin-top: auto; } +.box-border{ + box-sizing: border-box; +} +.box-content{ + box-sizing: content-box; +} .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1243,6 +1291,9 @@ html{ -webkit-box-orient: vertical; -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} .block{ display: block; } @@ -1261,12 +1312,48 @@ html{ .table{ display: table; } +.inline-table{ + display: inline-table; +} +.table-caption{ + display: table-caption; +} +.table-cell{ + display: table-cell; +} +.table-column{ + display: table-column; +} +.table-column-group{ + display: table-column-group; +} +.table-footer-group{ + display: table-footer-group; +} +.table-header-group{ + display: table-header-group; +} +.table-row-group{ + display: table-row-group; +} +.table-row{ + display: table-row; +} +.flow-root{ + display: flow-root; +} .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} .contents{ display: contents; } +.list-item{ + display: list-item; +} .hidden{ display: none; } @@ -1408,6 +1495,9 @@ html{ .min-h-0{ min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} .min-h-\[220px\]{ min-height: 220px; } @@ -1435,6 +1525,9 @@ html{ .w-1\/2{ width: 50%; } +.w-1\/3{ + width: 33.333333%; +} .w-10{ width: 2.5rem; } @@ -1519,12 +1612,27 @@ html{ .w-96{ width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} +.w-\[16rem\]{ + width: 16rem; +} .w-\[300px\]{ width: 300px; } .w-\[500px\]{ width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} +.w-\[this-is\]{ + width: this-is; +} +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} .w-auto{ width: auto; } @@ -1544,15 +1652,6 @@ html{ .min-w-96{ min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} -.min-w-\[15rem\]{ - min-width: 15rem; -} -.min-w-\[23rem\]{ - min-width: 23rem; -} .min-w-\[24rem\]{ min-width: 24rem; } @@ -1580,15 +1679,6 @@ html{ .max-w-7xl{ max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} -.max-w-\[15rem\]{ - max-width: 15rem; -} -.max-w-\[23rem\]{ - max-width: 23rem; -} .max-w-\[24rem\]{ max-width: 24rem; } @@ -1601,6 +1691,9 @@ html{ .max-w-md{ max-width: 28rem; } +.max-w-none{ + max-width: none; +} .max-w-sm{ max-width: 24rem; } @@ -1637,6 +1730,18 @@ html{ .grow{ flex-grow: 1; } +.table-auto{ + table-layout: auto; +} +.table-fixed{ + table-layout: fixed; +} +.border-collapse{ + border-collapse: collapse; +} +.border-separate{ + border-collapse: separate; +} .origin-left{ transform-origin: left; } @@ -1648,10 +1753,6 @@ html{ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1702,9 +1803,18 @@ html{ --tw-scale-x: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} .transform-none{ transform: none; } @@ -1749,17 +1859,120 @@ html{ .cursor-pointer{ cursor: pointer; } +.touch-auto{ + touch-action: auto; +} +.touch-none{ + touch-action: none; +} +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-manipulation{ + touch-action: manipulation; +} .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} +.resize-x{ + resize: horizontal; +} .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} +.snap-start{ + scroll-snap-align: start; +} +.snap-end{ + scroll-snap-align: end; +} +.snap-center{ + scroll-snap-align: center; +} +.snap-align-none{ + scroll-snap-align: none; +} +.snap-normal{ + scroll-snap-stop: normal; +} +.snap-always{ + scroll-snap-stop: always; +} +.list-inside{ + list-style-position: inside; +} +.list-outside{ + list-style-position: outside; +} +.list-disc{ + list-style-type: disc; +} .list-none{ list-style-type: none; } @@ -1768,6 +1981,100 @@ html{ -moz-appearance: none; appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} +.break-inside-avoid-page{ + break-inside: avoid-page; +} +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} +.grid-flow-row{ + grid-auto-flow: row; +} +.grid-flow-col{ + grid-auto-flow: column; +} +.grid-flow-dense{ + grid-auto-flow: dense; +} +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1789,12 +2096,78 @@ html{ .flex-col{ flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} +.place-content-start{ + place-content: start; +} +.place-content-end{ + place-content: end; +} +.place-content-between{ + place-content: space-between; +} +.place-content-around{ + place-content: space-around; +} +.place-content-evenly{ + place-content: space-evenly; +} +.place-content-baseline{ + place-content: baseline; +} +.place-content-stretch{ + place-content: stretch; +} +.place-items-start{ + place-items: start; +} +.place-items-end{ + place-items: end; +} +.place-items-center{ + place-items: center; +} +.place-items-baseline{ + place-items: baseline; +} +.place-items-stretch{ + place-items: stretch; +} +.content-center{ + align-content: center; +} +.content-start{ + align-content: flex-start; +} +.content-end{ + align-content: flex-end; +} +.content-between{ + align-content: space-between; +} +.content-around{ + align-content: space-around; +} +.content-evenly{ + align-content: space-evenly; +} +.content-baseline{ + align-content: baseline; +} .items-start{ align-items: flex-start; } @@ -1804,6 +2177,12 @@ html{ .items-center{ align-items: center; } +.items-baseline{ + align-items: baseline; +} +.items-stretch{ + align-items: stretch; +} .justify-start{ justify-content: flex-start; } @@ -1816,6 +2195,24 @@ html{ .justify-between{ justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} +.justify-evenly{ + justify-content: space-evenly; +} +.justify-items-start{ + justify-items: start; +} +.justify-items-end{ + justify-items: end; +} +.justify-items-center{ + justify-items: center; +} +.justify-items-stretch{ + justify-items: stretch; +} .gap-1{ gap: 0.25rem; } @@ -1889,6 +2286,12 @@ html{ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -1899,6 +2302,27 @@ html{ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -1907,21 +2331,69 @@ html{ --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} +.place-self-start{ + place-self: start; +} +.place-self-end{ + place-self: end; +} +.place-self-center{ + place-self: center; +} +.place-self-stretch{ + place-self: stretch; +} +.self-auto{ + align-self: auto; +} +.self-start{ + align-self: flex-start; +} +.self-end{ + align-self: flex-end; +} .self-center{ align-self: center; } .self-stretch{ align-self: stretch; } +.self-baseline{ + align-self: baseline; +} +.justify-self-auto{ + justify-self: auto; +} +.justify-self-start{ + justify-self: start; +} +.justify-self-end{ + justify-self: end; +} +.justify-self-center{ + justify-self: center; +} +.justify-self-stretch{ + justify-self: stretch; +} .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } +.overflow-clip{ + overflow: clip; +} .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} .overflow-x-auto{ overflow-x: auto; } @@ -1934,26 +2406,99 @@ html{ .overflow-y-hidden{ overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} +.overflow-y-clip{ + overflow-y: clip; +} +.overflow-x-visible{ + overflow-x: visible; +} +.overflow-y-visible{ + overflow-y: visible; +} +.overflow-x-scroll{ + overflow-x: scroll; +} .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} +.overscroll-contain{ + overscroll-behavior: contain; +} +.overscroll-none{ + overscroll-behavior: none; +} +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} +.overscroll-y-none{ + overscroll-behavior-y: none; +} +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} +.overscroll-x-none{ + overscroll-behavior-x: none; +} +.scroll-auto{ + scroll-behavior: auto; +} +.scroll-smooth{ + scroll-behavior: smooth; +} .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} +.text-ellipsis{ + text-overflow: ellipsis; +} +.text-clip{ + text-overflow: clip; +} +.whitespace-normal{ + white-space: normal; +} .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} +.whitespace-pre-line{ + white-space: pre-line; +} .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } +.break-keep{ + word-break: keep-all; +} .\!rounded-full{ border-radius: 9999px !important; } @@ -1983,10 +2528,18 @@ html{ border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -2003,6 +2556,18 @@ html{ border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} +.rounded-tl{ + border-top-left-radius: 0.25rem; +} +.rounded-tr{ + border-top-right-radius: 0.25rem; +} .border{ border-width: 1px; } @@ -2015,9 +2580,13 @@ html{ .border-4{ border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; @@ -2031,6 +2600,9 @@ html{ .border-l{ border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} .border-t{ border-top-width: 1px; } @@ -2043,9 +2615,21 @@ html{ .border-t-4{ border-top-width: 4px; } +.border-solid{ + border-style: solid; +} .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} +.border-double{ + border-style: double; +} +.border-hidden{ + border-style: hidden; +} .border-none{ border-style: none; } @@ -2164,6 +2748,10 @@ html{ --tw-border-opacity: 1; border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} .bg-accent{ background-color: var(--color-accent); } @@ -2583,10 +3171,71 @@ html{ .to-100\%{ --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.bg-fixed{ + background-attachment: fixed; +} +.bg-local{ + background-attachment: local; +} +.bg-scroll{ + background-attachment: scroll; +} +.bg-clip-border{ + background-clip: border-box; +} +.bg-clip-padding{ + background-clip: padding-box; +} +.bg-clip-content{ + background-clip: content-box; +} .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} +.bg-no-repeat{ + background-repeat: no-repeat; +} +.bg-repeat-x{ + background-repeat: repeat-x; +} +.bg-repeat-y{ + background-repeat: repeat-y; +} +.bg-repeat-round{ + background-repeat: round; +} +.bg-repeat-space{ + background-repeat: space; +} +.bg-origin-border{ + background-origin: border-box; +} +.bg-origin-padding{ + background-origin: padding-box; +} +.bg-origin-content{ + background-origin: content-box; +} .fill-blue-600{ fill: #1C64F2; } @@ -2620,6 +3269,10 @@ html{ .fill-yellow-400{ fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -2628,6 +3281,14 @@ html{ -o-object-fit: fill; object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} .p-0{ padding: 0px; } @@ -2762,6 +3423,9 @@ html{ .pl-4{ padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} .pr-10{ padding-right: 2.5rem; } @@ -2795,17 +3459,44 @@ html{ .text-right{ text-align: right; } +.text-justify{ + text-align: justify; +} +.text-start{ + text-align: start; +} +.text-end{ + text-align: end; +} +.align-baseline{ + vertical-align: baseline; +} +.align-top{ + vertical-align: top; +} .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} +.align-text-bottom{ + vertical-align: text-bottom; +} +.align-sub{ + vertical-align: sub; +} +.align-super{ + vertical-align: super; +} .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ font-size: 1.5rem; @@ -2865,9 +3556,56 @@ html{ .uppercase{ text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} +.capitalize{ + text-transform: capitalize; +} +.normal-case{ + text-transform: none; +} .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} +.normal-nums{ + font-variant-numeric: normal; +} +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} .leading-6{ line-height: 1.5rem; } @@ -2883,6 +3621,9 @@ html{ .tracking-wide{ letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3114,6 +3855,38 @@ html{ .underline{ text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} +.line-through{ + text-decoration-line: line-through; +} +.no-underline{ + text-decoration-line: none; +} +.decoration-solid{ + text-decoration-style: solid; +} +.decoration-double{ + text-decoration-style: double; +} +.decoration-dotted{ + text-decoration-style: dotted; +} +.decoration-dashed{ + text-decoration-style: dashed; +} +.decoration-wavy{ + text-decoration-style: wavy; +} +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} .opacity-0{ opacity: 0; } @@ -3138,6 +3911,110 @@ html{ .opacity-80{ opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} +.bg-blend-multiply{ + background-blend-mode: multiply; +} +.bg-blend-screen{ + background-blend-mode: screen; +} +.bg-blend-overlay{ + background-blend-mode: overlay; +} +.bg-blend-darken{ + background-blend-mode: darken; +} +.bg-blend-lighten{ + background-blend-mode: lighten; +} +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} +.bg-blend-difference{ + background-blend-mode: difference; +} +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} +.bg-blend-hue{ + background-blend-mode: hue; +} +.bg-blend-saturation{ + background-blend-mode: saturation; +} +.bg-blend-color{ + background-blend-mode: color; +} +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} +.mix-blend-normal{ + mix-blend-mode: normal; +} +.mix-blend-multiply{ + mix-blend-mode: multiply; +} +.mix-blend-screen{ + mix-blend-mode: screen; +} +.mix-blend-overlay{ + mix-blend-mode: overlay; +} +.mix-blend-darken{ + mix-blend-mode: darken; +} +.mix-blend-lighten{ + mix-blend-mode: lighten; +} +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} +.mix-blend-difference{ + mix-blend-mode: difference; +} +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} +.mix-blend-hue{ + mix-blend-mode: hue; +} +.mix-blend-saturation{ + mix-blend-mode: saturation; +} +.mix-blend-color{ + mix-blend-mode: color; +} +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -3235,6 +4112,20 @@ html{ .outline{ outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} +.outline-dotted{ + outline-style: dotted; +} +.outline-double{ + outline-style: double; +} +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3245,6 +4136,9 @@ html{ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -3304,6 +4198,10 @@ html{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -3316,18 +4214,56 @@ html{ --tw-grayscale: grayscale(100%); 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -3364,6 +4300,9 @@ html{ .duration-300{ transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} .duration-75{ transition-duration: 75ms; } @@ -3376,6 +4315,10 @@ html{ .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -3571,18 +4514,54 @@ p:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } +/* Base list styling */ +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} +/* Unordered lists */ ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ul { /* Vertical spacing */ +} +/* List items */ li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ol { /* Vertical spacing */ +} +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} :root { --color-primary: #0e8ef0; --color-primary-light: #3dabff; @@ -4919,6 +5898,40 @@ button:hover{ opacity: 0.05; pointer-events: none; } +@media (min-width: 640px){ + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + @media (min-width: 640px){ + .sm\:container{ + max-width: 640px; + } + } + @media (min-width: 768px){ + .sm\:container{ + max-width: 768px; + } + } + @media (min-width: 1024px){ + .sm\:container{ + max-width: 1024px; + } + } + @media (min-width: 1280px){ + .sm\:container{ + max-width: 1280px; + } + } + @media (min-width: 1536px){ + .sm\:container{ + max-width: 1536px; + } + } +} .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -5271,6 +6284,9 @@ button:hover{ .hover\:to-purple-500\/20:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -5352,9 +6368,6 @@ button:hover{ .hover\:underline:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -5378,6 +6391,14 @@ button:hover{ .hover\:scrollbar-thumb-primary{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} .focus\:z-10:focus{ z-index: 10; } @@ -5536,6 +6557,12 @@ button:hover{ .focus\:ring-opacity-50:focus{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -5661,10 +6688,6 @@ button:hover{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -6341,10 +7364,17 @@ button:hover{ .sm\:text-center{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ .md\:inset-0{ @@ -6472,6 +7502,9 @@ button:hover{ .lg\:flex-row{ flex-direction: row; } + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ .xl\:h-80{ diff --git a/web/public/themes/matrix_reborn.css b/web/public/themes/matrix_reborn.css index aa419372..e937c3c3 100644 --- a/web/public/themes/matrix_reborn.css +++ b/web/public/themes/matrix_reborn.css @@ -148,7 +148,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -228,7 +228,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -1046,10 +1046,29 @@ body { border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} + .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} + +.\!visible{ + visibility: visible !important; +} + .visible{ visibility: visible; } @@ -1082,6 +1101,10 @@ body { position: sticky; } +.-inset-1{ + inset: -0.25rem; +} + .inset-0{ inset: 0px; } @@ -1251,6 +1274,14 @@ body { top: 100%; } +.isolate{ + isolation: isolate; +} + +.isolation-auto{ + isolation: auto; +} + .z-0{ z-index: 0; } @@ -1275,6 +1306,34 @@ body { z-index: 50; } +.float-right{ + float: right; +} + +.float-left{ + float: left; +} + +.float-none{ + float: none; +} + +.clear-left{ + clear: left; +} + +.clear-right{ + clear: right; +} + +.clear-both{ + clear: both; +} + +.clear-none{ + clear: none; +} + .-m-1{ margin: -0.25rem; } @@ -1328,11 +1387,6 @@ body { margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} - .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1491,6 +1545,14 @@ body { margin-top: auto; } +.box-border{ + box-sizing: border-box; +} + +.box-content{ + box-sizing: content-box; +} + .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1512,6 +1574,10 @@ body { -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} + .block{ display: block; } @@ -1536,14 +1602,62 @@ body { display: table; } +.inline-table{ + display: inline-table; +} + +.table-caption{ + display: table-caption; +} + +.table-cell{ + display: table-cell; +} + +.table-column{ + display: table-column; +} + +.table-column-group{ + display: table-column-group; +} + +.table-footer-group{ + display: table-footer-group; +} + +.table-header-group{ + display: table-header-group; +} + +.table-row-group{ + display: table-row-group; +} + +.table-row{ + display: table-row; +} + +.flow-root{ + display: flow-root; +} + .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} + .contents{ display: contents; } +.list-item{ + display: list-item; +} + .hidden{ display: none; } @@ -1732,6 +1846,10 @@ body { min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} + .min-h-\[220px\]{ min-height: 220px; } @@ -1768,6 +1886,10 @@ body { width: 50%; } +.w-1\/3{ + width: 33.333333%; +} + .w-10{ width: 2.5rem; } @@ -1880,6 +2002,14 @@ body { width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} + +.w-\[16rem\]{ + width: 16rem; +} + .w-\[300px\]{ width: 300px; } @@ -1888,6 +2018,18 @@ body { width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} + +.w-\[this-is\]{ + width: this-is; +} + +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} + .w-auto{ width: auto; } @@ -1913,18 +2055,6 @@ body { min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} - -.min-w-\[15rem\]{ - min-width: 15rem; -} - -.min-w-\[23rem\]{ - min-width: 23rem; -} - .min-w-\[24rem\]{ min-width: 24rem; } @@ -1961,18 +2091,6 @@ body { max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} - -.max-w-\[15rem\]{ - max-width: 15rem; -} - -.max-w-\[23rem\]{ - max-width: 23rem; -} - .max-w-\[24rem\]{ max-width: 24rem; } @@ -1989,6 +2107,10 @@ body { max-width: 28rem; } +.max-w-none{ + max-width: none; +} + .max-w-sm{ max-width: 24rem; } @@ -2037,6 +2159,22 @@ body { flex-grow: 1; } +.table-auto{ + table-layout: auto; +} + +.table-fixed{ + table-layout: fixed; +} + +.border-collapse{ + border-collapse: collapse; +} + +.border-separate{ + border-collapse: separate; +} + .origin-left{ transform-origin: left; } @@ -2051,11 +2189,6 @@ body { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -2118,10 +2251,22 @@ body { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .transform-none{ transform: none; } @@ -2181,20 +2326,153 @@ body { cursor: pointer; } +.touch-auto{ + touch-action: auto; +} + +.touch-none{ + touch-action: none; +} + +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-manipulation{ + touch-action: manipulation; +} + .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} + +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} + +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} + .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} + +.resize-x{ + resize: horizontal; +} + .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} + +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} + +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} + +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} + +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} + +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} + +.snap-start{ + scroll-snap-align: start; +} + +.snap-end{ + scroll-snap-align: end; +} + +.snap-center{ + scroll-snap-align: center; +} + +.snap-align-none{ + scroll-snap-align: none; +} + +.snap-normal{ + scroll-snap-stop: normal; +} + +.snap-always{ + scroll-snap-stop: always; +} + +.list-inside{ + list-style-position: inside; +} + +.list-outside{ + list-style-position: outside; +} + +.list-disc{ + list-style-type: disc; +} + .list-none{ list-style-type: none; } @@ -2205,6 +2483,125 @@ body { appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} + +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} + +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} + +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} + +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} + +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} + +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} + +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} + +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} + +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} + +.break-inside-avoid-page{ + break-inside: avoid-page; +} + +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} + +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} + +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} + +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} + +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} + +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} + +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} + +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} + +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} + +.grid-flow-row{ + grid-auto-flow: row; +} + +.grid-flow-col{ + grid-auto-flow: column; +} + +.grid-flow-dense{ + grid-auto-flow: dense; +} + +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} + +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} + .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -2233,14 +2630,102 @@ body { flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} + .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} + .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} + +.place-content-start{ + place-content: start; +} + +.place-content-end{ + place-content: end; +} + +.place-content-between{ + place-content: space-between; +} + +.place-content-around{ + place-content: space-around; +} + +.place-content-evenly{ + place-content: space-evenly; +} + +.place-content-baseline{ + place-content: baseline; +} + +.place-content-stretch{ + place-content: stretch; +} + +.place-items-start{ + place-items: start; +} + +.place-items-end{ + place-items: end; +} + +.place-items-center{ + place-items: center; +} + +.place-items-baseline{ + place-items: baseline; +} + +.place-items-stretch{ + place-items: stretch; +} + +.content-center{ + align-content: center; +} + +.content-start{ + align-content: flex-start; +} + +.content-end{ + align-content: flex-end; +} + +.content-between{ + align-content: space-between; +} + +.content-around{ + align-content: space-around; +} + +.content-evenly{ + align-content: space-evenly; +} + +.content-baseline{ + align-content: baseline; +} + .items-start{ align-items: flex-start; } @@ -2253,6 +2738,14 @@ body { align-items: center; } +.items-baseline{ + align-items: baseline; +} + +.items-stretch{ + align-items: stretch; +} + .justify-start{ justify-content: flex-start; } @@ -2269,6 +2762,30 @@ body { justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} + +.justify-evenly{ + justify-content: space-evenly; +} + +.justify-items-start{ + justify-items: start; +} + +.justify-items-end{ + justify-items: end; +} + +.justify-items-center{ + justify-items: center; +} + +.justify-items-stretch{ + justify-items: stretch; +} + .gap-1{ gap: 0.25rem; } @@ -2359,6 +2876,14 @@ body { margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} + +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} + .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -2371,6 +2896,34 @@ body { border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} + +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} + +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} + +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} + +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} + +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} + +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} + .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -2381,6 +2934,38 @@ body { border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} + +.place-self-start{ + place-self: start; +} + +.place-self-end{ + place-self: end; +} + +.place-self-center{ + place-self: center; +} + +.place-self-stretch{ + place-self: stretch; +} + +.self-auto{ + align-self: auto; +} + +.self-start{ + align-self: flex-start; +} + +.self-end{ + align-self: flex-end; +} + .self-center{ align-self: center; } @@ -2389,6 +2974,30 @@ body { align-self: stretch; } +.self-baseline{ + align-self: baseline; +} + +.justify-self-auto{ + justify-self: auto; +} + +.justify-self-start{ + justify-self: start; +} + +.justify-self-end{ + justify-self: end; +} + +.justify-self-center{ + justify-self: center; +} + +.justify-self-stretch{ + justify-self: stretch; +} + .overflow-auto{ overflow: auto; } @@ -2397,10 +3006,18 @@ body { overflow: hidden; } +.overflow-clip{ + overflow: clip; +} + .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} + .overflow-x-auto{ overflow-x: auto; } @@ -2417,24 +3034,117 @@ body { overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} + +.overflow-y-clip{ + overflow-y: clip; +} + +.overflow-x-visible{ + overflow-x: visible; +} + +.overflow-y-visible{ + overflow-y: visible; +} + +.overflow-x-scroll{ + overflow-x: scroll; +} + .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} + +.overscroll-contain{ + overscroll-behavior: contain; +} + +.overscroll-none{ + overscroll-behavior: none; +} + +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} + +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} + +.overscroll-y-none{ + overscroll-behavior-y: none; +} + +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} + +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} + +.overscroll-x-none{ + overscroll-behavior-x: none; +} + +.scroll-auto{ + scroll-behavior: auto; +} + +.scroll-smooth{ + scroll-behavior: smooth; +} + .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} + +.text-ellipsis{ + text-overflow: ellipsis; +} + +.text-clip{ + text-overflow: clip; +} + +.whitespace-normal{ + white-space: normal; +} + .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} + +.whitespace-pre-line{ + white-space: pre-line; +} + .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} + .break-words{ overflow-wrap: break-word; } @@ -2443,6 +3153,10 @@ body { word-break: break-all; } +.break-keep{ + word-break: keep-all; +} + .\!rounded-full{ border-radius: 9999px !important; } @@ -2481,11 +3195,21 @@ body { border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -2506,6 +3230,22 @@ body { border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} + +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} + +.rounded-tl{ + border-top-left-radius: 0.25rem; +} + +.rounded-tr{ + border-top-right-radius: 0.25rem; +} + .border{ border-width: 1px; } @@ -2522,9 +3262,14 @@ body { border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} + +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ @@ -2543,6 +3288,10 @@ body { border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} + .border-t{ border-top-width: 1px; } @@ -2559,10 +3308,26 @@ body { border-top-width: 4px; } +.border-solid{ + border-style: solid; +} + .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} + +.border-double{ + border-style: double; +} + +.border-hidden{ + border-style: hidden; +} + .border-none{ border-style: none; } @@ -2712,6 +3477,11 @@ body { border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} + .bg-accent{ background-color: var(--color-accent); } @@ -3241,11 +4011,91 @@ body { --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} + +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} + +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} + +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} + +.bg-fixed{ + background-attachment: fixed; +} + +.bg-local{ + background-attachment: local; +} + +.bg-scroll{ + background-attachment: scroll; +} + +.bg-clip-border{ + background-clip: border-box; +} + +.bg-clip-padding{ + background-clip: padding-box; +} + +.bg-clip-content{ + background-clip: content-box; +} + .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} + +.bg-no-repeat{ + background-repeat: no-repeat; +} + +.bg-repeat-x{ + background-repeat: repeat-x; +} + +.bg-repeat-y{ + background-repeat: repeat-y; +} + +.bg-repeat-round{ + background-repeat: round; +} + +.bg-repeat-space{ + background-repeat: space; +} + +.bg-origin-border{ + background-origin: border-box; +} + +.bg-origin-padding{ + background-origin: padding-box; +} + +.bg-origin-content{ + background-origin: content-box; +} + .fill-blue-600{ fill: #1C64F2; } @@ -3290,6 +4140,11 @@ body { fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} + .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -3300,6 +4155,16 @@ body { object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} + +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} + .p-0{ padding: 0px; } @@ -3473,6 +4338,10 @@ body { padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} + .pr-10{ padding-right: 2.5rem; } @@ -3517,6 +4386,26 @@ body { text-align: right; } +.text-justify{ + text-align: justify; +} + +.text-start{ + text-align: start; +} + +.text-end{ + text-align: end; +} + +.align-baseline{ + vertical-align: baseline; +} + +.align-top{ + vertical-align: top; +} + .align-middle{ vertical-align: middle; } @@ -3525,12 +4414,28 @@ body { vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} + +.align-text-bottom{ + vertical-align: text-bottom; +} + +.align-sub{ + vertical-align: sub; +} + +.align-super{ + vertical-align: super; +} + .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ @@ -3607,10 +4512,70 @@ body { text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} + +.capitalize{ + text-transform: capitalize; +} + +.normal-case{ + text-transform: none; +} + .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} + +.normal-nums{ + font-variant-numeric: normal; +} + +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + .leading-6{ line-height: 1.5rem; } @@ -3631,6 +4596,10 @@ body { letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} + .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3921,6 +4890,48 @@ body { text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} + +.line-through{ + text-decoration-line: line-through; +} + +.no-underline{ + text-decoration-line: none; +} + +.decoration-solid{ + text-decoration-style: solid; +} + +.decoration-double{ + text-decoration-style: double; +} + +.decoration-dotted{ + text-decoration-style: dotted; +} + +.decoration-dashed{ + text-decoration-style: dashed; +} + +.decoration-wavy{ + text-decoration-style: wavy; +} + +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} + .opacity-0{ opacity: 0; } @@ -3953,6 +4964,144 @@ body { opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} + +.bg-blend-multiply{ + background-blend-mode: multiply; +} + +.bg-blend-screen{ + background-blend-mode: screen; +} + +.bg-blend-overlay{ + background-blend-mode: overlay; +} + +.bg-blend-darken{ + background-blend-mode: darken; +} + +.bg-blend-lighten{ + background-blend-mode: lighten; +} + +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} + +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} + +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} + +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} + +.bg-blend-difference{ + background-blend-mode: difference; +} + +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} + +.bg-blend-hue{ + background-blend-mode: hue; +} + +.bg-blend-saturation{ + background-blend-mode: saturation; +} + +.bg-blend-color{ + background-blend-mode: color; +} + +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} + +.mix-blend-normal{ + mix-blend-mode: normal; +} + +.mix-blend-multiply{ + mix-blend-mode: multiply; +} + +.mix-blend-screen{ + mix-blend-mode: screen; +} + +.mix-blend-overlay{ + mix-blend-mode: overlay; +} + +.mix-blend-darken{ + mix-blend-mode: darken; +} + +.mix-blend-lighten{ + mix-blend-mode: lighten; +} + +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} + +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} + +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} + +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} + +.mix-blend-difference{ + mix-blend-mode: difference; +} + +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} + +.mix-blend-hue{ + mix-blend-mode: hue; +} + +.mix-blend-saturation{ + mix-blend-mode: saturation; +} + +.mix-blend-color{ + mix-blend-mode: color; +} + +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} + +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} + +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} + .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -4073,6 +5222,24 @@ body { outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} + +.outline-dotted{ + outline-style: dotted; +} + +.outline-double{ + outline-style: double; +} + +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -4085,6 +5252,10 @@ body { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} + .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -4159,6 +5330,11 @@ body { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -4174,21 +5350,68 @@ body { 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} + +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} + .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} + +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} + .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -4233,6 +5456,10 @@ body { transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} + .duration-75{ transition-duration: 75ms; } @@ -4249,6 +5476,11 @@ body { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} + .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -4491,21 +5723,70 @@ p:is(.dark *){ color: rgb(188 240 218 / var(--tw-text-opacity)); } +/* Base list styling */ + +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} + +/* Unordered lists */ + ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + +ul { /* Vertical spacing */ +} + +/* List items */ + li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ + ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + +ol { /* Vertical spacing */ +} + +/* Nested lists */ + +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} + +/* For custom properties that aren't available in Tailwind, use regular CSS */ + +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} + :root { --color-primary: #00ff00; --color-primary-light: #33ff33; @@ -6040,6 +7321,52 @@ button:hover{ transform: scaleX(1); } +@media (min-width: 640px){ + + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + + @media (min-width: 640px){ + + .sm\:container{ + max-width: 640px; + } + } + + @media (min-width: 768px){ + + .sm\:container{ + max-width: 768px; + } + } + + @media (min-width: 1024px){ + + .sm\:container{ + max-width: 1024px; + } + } + + @media (min-width: 1280px){ + + .sm\:container{ + max-width: 1280px; + } + } + + @media (min-width: 1536px){ + + .sm\:container{ + max-width: 1536px; + } + } +} + .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -6485,6 +7812,10 @@ button:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} + .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -6587,10 +7918,6 @@ button:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} - .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -6619,6 +7946,16 @@ button:hover{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} + +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} + .focus\:z-10:focus{ z-index: 10; } @@ -6817,6 +8154,14 @@ button:hover{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} + +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} + .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -6974,11 +8319,6 @@ button:hover{ background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} - .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -7835,10 +9175,19 @@ button:hover{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } + .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ @@ -8005,6 +9354,10 @@ button:hover{ .lg\:flex-row{ flex-direction: row; } + + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ diff --git a/web/public/themes/red_dragon.css b/web/public/themes/red_dragon.css index 1c2670cb..098db0dc 100644 --- a/web/public/themes/red_dragon.css +++ b/web/public/themes/red_dragon.css @@ -148,7 +148,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -228,7 +228,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -1046,10 +1046,29 @@ body { border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} + .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} + +.\!visible{ + visibility: visible !important; +} + .visible{ visibility: visible; } @@ -1082,6 +1101,10 @@ body { position: sticky; } +.-inset-1{ + inset: -0.25rem; +} + .inset-0{ inset: 0px; } @@ -1251,6 +1274,14 @@ body { top: 100%; } +.isolate{ + isolation: isolate; +} + +.isolation-auto{ + isolation: auto; +} + .z-0{ z-index: 0; } @@ -1275,6 +1306,34 @@ body { z-index: 50; } +.float-right{ + float: right; +} + +.float-left{ + float: left; +} + +.float-none{ + float: none; +} + +.clear-left{ + clear: left; +} + +.clear-right{ + clear: right; +} + +.clear-both{ + clear: both; +} + +.clear-none{ + clear: none; +} + .-m-1{ margin: -0.25rem; } @@ -1328,11 +1387,6 @@ body { margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} - .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1491,6 +1545,14 @@ body { margin-top: auto; } +.box-border{ + box-sizing: border-box; +} + +.box-content{ + box-sizing: content-box; +} + .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1512,6 +1574,10 @@ body { -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} + .block{ display: block; } @@ -1536,14 +1602,62 @@ body { display: table; } +.inline-table{ + display: inline-table; +} + +.table-caption{ + display: table-caption; +} + +.table-cell{ + display: table-cell; +} + +.table-column{ + display: table-column; +} + +.table-column-group{ + display: table-column-group; +} + +.table-footer-group{ + display: table-footer-group; +} + +.table-header-group{ + display: table-header-group; +} + +.table-row-group{ + display: table-row-group; +} + +.table-row{ + display: table-row; +} + +.flow-root{ + display: flow-root; +} + .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} + .contents{ display: contents; } +.list-item{ + display: list-item; +} + .hidden{ display: none; } @@ -1732,6 +1846,10 @@ body { min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} + .min-h-\[220px\]{ min-height: 220px; } @@ -1768,6 +1886,10 @@ body { width: 50%; } +.w-1\/3{ + width: 33.333333%; +} + .w-10{ width: 2.5rem; } @@ -1880,6 +2002,14 @@ body { width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} + +.w-\[16rem\]{ + width: 16rem; +} + .w-\[300px\]{ width: 300px; } @@ -1888,6 +2018,18 @@ body { width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} + +.w-\[this-is\]{ + width: this-is; +} + +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} + .w-auto{ width: auto; } @@ -1913,18 +2055,6 @@ body { min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} - -.min-w-\[15rem\]{ - min-width: 15rem; -} - -.min-w-\[23rem\]{ - min-width: 23rem; -} - .min-w-\[24rem\]{ min-width: 24rem; } @@ -1961,18 +2091,6 @@ body { max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} - -.max-w-\[15rem\]{ - max-width: 15rem; -} - -.max-w-\[23rem\]{ - max-width: 23rem; -} - .max-w-\[24rem\]{ max-width: 24rem; } @@ -1989,6 +2107,10 @@ body { max-width: 28rem; } +.max-w-none{ + max-width: none; +} + .max-w-sm{ max-width: 24rem; } @@ -2037,6 +2159,22 @@ body { flex-grow: 1; } +.table-auto{ + table-layout: auto; +} + +.table-fixed{ + table-layout: fixed; +} + +.border-collapse{ + border-collapse: collapse; +} + +.border-separate{ + border-collapse: separate; +} + .origin-left{ transform-origin: left; } @@ -2051,11 +2189,6 @@ body { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -2118,10 +2251,22 @@ body { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .transform-none{ transform: none; } @@ -2181,20 +2326,153 @@ body { cursor: pointer; } +.touch-auto{ + touch-action: auto; +} + +.touch-none{ + touch-action: none; +} + +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-manipulation{ + touch-action: manipulation; +} + .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} + +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} + +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} + .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} + +.resize-x{ + resize: horizontal; +} + .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} + +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} + +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} + +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} + +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} + +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} + +.snap-start{ + scroll-snap-align: start; +} + +.snap-end{ + scroll-snap-align: end; +} + +.snap-center{ + scroll-snap-align: center; +} + +.snap-align-none{ + scroll-snap-align: none; +} + +.snap-normal{ + scroll-snap-stop: normal; +} + +.snap-always{ + scroll-snap-stop: always; +} + +.list-inside{ + list-style-position: inside; +} + +.list-outside{ + list-style-position: outside; +} + +.list-disc{ + list-style-type: disc; +} + .list-none{ list-style-type: none; } @@ -2205,6 +2483,125 @@ body { appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} + +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} + +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} + +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} + +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} + +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} + +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} + +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} + +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} + +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} + +.break-inside-avoid-page{ + break-inside: avoid-page; +} + +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} + +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} + +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} + +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} + +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} + +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} + +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} + +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} + +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} + +.grid-flow-row{ + grid-auto-flow: row; +} + +.grid-flow-col{ + grid-auto-flow: column; +} + +.grid-flow-dense{ + grid-auto-flow: dense; +} + +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} + +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} + .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -2233,14 +2630,102 @@ body { flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} + .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} + .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} + +.place-content-start{ + place-content: start; +} + +.place-content-end{ + place-content: end; +} + +.place-content-between{ + place-content: space-between; +} + +.place-content-around{ + place-content: space-around; +} + +.place-content-evenly{ + place-content: space-evenly; +} + +.place-content-baseline{ + place-content: baseline; +} + +.place-content-stretch{ + place-content: stretch; +} + +.place-items-start{ + place-items: start; +} + +.place-items-end{ + place-items: end; +} + +.place-items-center{ + place-items: center; +} + +.place-items-baseline{ + place-items: baseline; +} + +.place-items-stretch{ + place-items: stretch; +} + +.content-center{ + align-content: center; +} + +.content-start{ + align-content: flex-start; +} + +.content-end{ + align-content: flex-end; +} + +.content-between{ + align-content: space-between; +} + +.content-around{ + align-content: space-around; +} + +.content-evenly{ + align-content: space-evenly; +} + +.content-baseline{ + align-content: baseline; +} + .items-start{ align-items: flex-start; } @@ -2253,6 +2738,14 @@ body { align-items: center; } +.items-baseline{ + align-items: baseline; +} + +.items-stretch{ + align-items: stretch; +} + .justify-start{ justify-content: flex-start; } @@ -2269,6 +2762,30 @@ body { justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} + +.justify-evenly{ + justify-content: space-evenly; +} + +.justify-items-start{ + justify-items: start; +} + +.justify-items-end{ + justify-items: end; +} + +.justify-items-center{ + justify-items: center; +} + +.justify-items-stretch{ + justify-items: stretch; +} + .gap-1{ gap: 0.25rem; } @@ -2359,6 +2876,14 @@ body { margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} + +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} + .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -2371,6 +2896,34 @@ body { border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} + +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} + +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} + +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} + +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} + +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} + +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} + .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -2381,6 +2934,38 @@ body { border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} + +.place-self-start{ + place-self: start; +} + +.place-self-end{ + place-self: end; +} + +.place-self-center{ + place-self: center; +} + +.place-self-stretch{ + place-self: stretch; +} + +.self-auto{ + align-self: auto; +} + +.self-start{ + align-self: flex-start; +} + +.self-end{ + align-self: flex-end; +} + .self-center{ align-self: center; } @@ -2389,6 +2974,30 @@ body { align-self: stretch; } +.self-baseline{ + align-self: baseline; +} + +.justify-self-auto{ + justify-self: auto; +} + +.justify-self-start{ + justify-self: start; +} + +.justify-self-end{ + justify-self: end; +} + +.justify-self-center{ + justify-self: center; +} + +.justify-self-stretch{ + justify-self: stretch; +} + .overflow-auto{ overflow: auto; } @@ -2397,10 +3006,18 @@ body { overflow: hidden; } +.overflow-clip{ + overflow: clip; +} + .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} + .overflow-x-auto{ overflow-x: auto; } @@ -2417,24 +3034,117 @@ body { overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} + +.overflow-y-clip{ + overflow-y: clip; +} + +.overflow-x-visible{ + overflow-x: visible; +} + +.overflow-y-visible{ + overflow-y: visible; +} + +.overflow-x-scroll{ + overflow-x: scroll; +} + .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} + +.overscroll-contain{ + overscroll-behavior: contain; +} + +.overscroll-none{ + overscroll-behavior: none; +} + +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} + +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} + +.overscroll-y-none{ + overscroll-behavior-y: none; +} + +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} + +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} + +.overscroll-x-none{ + overscroll-behavior-x: none; +} + +.scroll-auto{ + scroll-behavior: auto; +} + +.scroll-smooth{ + scroll-behavior: smooth; +} + .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} + +.text-ellipsis{ + text-overflow: ellipsis; +} + +.text-clip{ + text-overflow: clip; +} + +.whitespace-normal{ + white-space: normal; +} + .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} + +.whitespace-pre-line{ + white-space: pre-line; +} + .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} + .break-words{ overflow-wrap: break-word; } @@ -2443,6 +3153,10 @@ body { word-break: break-all; } +.break-keep{ + word-break: keep-all; +} + .\!rounded-full{ border-radius: 9999px !important; } @@ -2481,11 +3195,21 @@ body { border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -2506,6 +3230,22 @@ body { border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} + +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} + +.rounded-tl{ + border-top-left-radius: 0.25rem; +} + +.rounded-tr{ + border-top-right-radius: 0.25rem; +} + .border{ border-width: 1px; } @@ -2522,9 +3262,14 @@ body { border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} + +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ @@ -2543,6 +3288,10 @@ body { border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} + .border-t{ border-top-width: 1px; } @@ -2559,10 +3308,26 @@ body { border-top-width: 4px; } +.border-solid{ + border-style: solid; +} + .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} + +.border-double{ + border-style: double; +} + +.border-hidden{ + border-style: hidden; +} + .border-none{ border-style: none; } @@ -2712,6 +3477,11 @@ body { border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} + .bg-accent{ background-color: var(--color-accent); } @@ -3241,11 +4011,91 @@ body { --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} + +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} + +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} + +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} + +.bg-fixed{ + background-attachment: fixed; +} + +.bg-local{ + background-attachment: local; +} + +.bg-scroll{ + background-attachment: scroll; +} + +.bg-clip-border{ + background-clip: border-box; +} + +.bg-clip-padding{ + background-clip: padding-box; +} + +.bg-clip-content{ + background-clip: content-box; +} + .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} + +.bg-no-repeat{ + background-repeat: no-repeat; +} + +.bg-repeat-x{ + background-repeat: repeat-x; +} + +.bg-repeat-y{ + background-repeat: repeat-y; +} + +.bg-repeat-round{ + background-repeat: round; +} + +.bg-repeat-space{ + background-repeat: space; +} + +.bg-origin-border{ + background-origin: border-box; +} + +.bg-origin-padding{ + background-origin: padding-box; +} + +.bg-origin-content{ + background-origin: content-box; +} + .fill-blue-600{ fill: #1C64F2; } @@ -3290,6 +4140,11 @@ body { fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} + .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -3300,6 +4155,16 @@ body { object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} + +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} + .p-0{ padding: 0px; } @@ -3473,6 +4338,10 @@ body { padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} + .pr-10{ padding-right: 2.5rem; } @@ -3517,6 +4386,26 @@ body { text-align: right; } +.text-justify{ + text-align: justify; +} + +.text-start{ + text-align: start; +} + +.text-end{ + text-align: end; +} + +.align-baseline{ + vertical-align: baseline; +} + +.align-top{ + vertical-align: top; +} + .align-middle{ vertical-align: middle; } @@ -3525,12 +4414,28 @@ body { vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} + +.align-text-bottom{ + vertical-align: text-bottom; +} + +.align-sub{ + vertical-align: sub; +} + +.align-super{ + vertical-align: super; +} + .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ @@ -3607,10 +4512,70 @@ body { text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} + +.capitalize{ + text-transform: capitalize; +} + +.normal-case{ + text-transform: none; +} + .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} + +.normal-nums{ + font-variant-numeric: normal; +} + +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + .leading-6{ line-height: 1.5rem; } @@ -3631,6 +4596,10 @@ body { letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} + .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3921,6 +4890,48 @@ body { text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} + +.line-through{ + text-decoration-line: line-through; +} + +.no-underline{ + text-decoration-line: none; +} + +.decoration-solid{ + text-decoration-style: solid; +} + +.decoration-double{ + text-decoration-style: double; +} + +.decoration-dotted{ + text-decoration-style: dotted; +} + +.decoration-dashed{ + text-decoration-style: dashed; +} + +.decoration-wavy{ + text-decoration-style: wavy; +} + +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} + .opacity-0{ opacity: 0; } @@ -3953,6 +4964,144 @@ body { opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} + +.bg-blend-multiply{ + background-blend-mode: multiply; +} + +.bg-blend-screen{ + background-blend-mode: screen; +} + +.bg-blend-overlay{ + background-blend-mode: overlay; +} + +.bg-blend-darken{ + background-blend-mode: darken; +} + +.bg-blend-lighten{ + background-blend-mode: lighten; +} + +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} + +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} + +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} + +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} + +.bg-blend-difference{ + background-blend-mode: difference; +} + +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} + +.bg-blend-hue{ + background-blend-mode: hue; +} + +.bg-blend-saturation{ + background-blend-mode: saturation; +} + +.bg-blend-color{ + background-blend-mode: color; +} + +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} + +.mix-blend-normal{ + mix-blend-mode: normal; +} + +.mix-blend-multiply{ + mix-blend-mode: multiply; +} + +.mix-blend-screen{ + mix-blend-mode: screen; +} + +.mix-blend-overlay{ + mix-blend-mode: overlay; +} + +.mix-blend-darken{ + mix-blend-mode: darken; +} + +.mix-blend-lighten{ + mix-blend-mode: lighten; +} + +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} + +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} + +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} + +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} + +.mix-blend-difference{ + mix-blend-mode: difference; +} + +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} + +.mix-blend-hue{ + mix-blend-mode: hue; +} + +.mix-blend-saturation{ + mix-blend-mode: saturation; +} + +.mix-blend-color{ + mix-blend-mode: color; +} + +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} + +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} + +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} + .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -4073,6 +5222,24 @@ body { outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} + +.outline-dotted{ + outline-style: dotted; +} + +.outline-double{ + outline-style: double; +} + +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -4085,6 +5252,10 @@ body { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} + .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -4159,6 +5330,11 @@ body { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -4174,21 +5350,68 @@ body { 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} + +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} + .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} + +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} + .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -4233,6 +5456,10 @@ body { transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} + .duration-75{ transition-duration: 75ms; } @@ -4249,6 +5476,11 @@ body { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} + .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -4491,21 +5723,70 @@ p:is(.dark *){ color: rgb(248 180 180 / var(--tw-text-opacity)); } +/* Base list styling */ + +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} + +/* Unordered lists */ + ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + +ul { /* Vertical spacing */ +} + +/* List items */ + li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ + ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + +ol { /* Vertical spacing */ +} + +/* Nested lists */ + +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} + +/* For custom properties that aren't available in Tailwind, use regular CSS */ + +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} + :root { --color-primary: #e24a4a; --color-primary-light: #f16a6a; @@ -6017,6 +7298,52 @@ button:hover{ z-index: -1; } +@media (min-width: 640px){ + + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + + @media (min-width: 640px){ + + .sm\:container{ + max-width: 640px; + } + } + + @media (min-width: 768px){ + + .sm\:container{ + max-width: 768px; + } + } + + @media (min-width: 1024px){ + + .sm\:container{ + max-width: 1024px; + } + } + + @media (min-width: 1280px){ + + .sm\:container{ + max-width: 1280px; + } + } + + @media (min-width: 1536px){ + + .sm\:container{ + max-width: 1536px; + } + } +} + .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -6462,6 +7789,10 @@ button:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} + .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -6564,10 +7895,6 @@ button:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} - .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -6596,6 +7923,16 @@ button:hover{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} + +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} + .focus\:z-10:focus{ z-index: 10; } @@ -6794,6 +8131,14 @@ button:hover{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} + +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} + .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -6951,11 +8296,6 @@ button:hover{ background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} - .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -7812,10 +9152,19 @@ button:hover{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } + .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ @@ -7982,6 +9331,10 @@ button:hover{ .lg\:flex-row{ flex-direction: row; } + + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ diff --git a/web/public/themes/sober_gray.css b/web/public/themes/sober_gray.css index 5323c5a5..911706a7 100644 --- a/web/public/themes/sober_gray.css +++ b/web/public/themes/sober_gray.css @@ -140,7 +140,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -206,7 +206,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -883,9 +883,25 @@ body { white-space: nowrap; border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} +.\!visible{ + visibility: visible !important; +} .visible{ visibility: visible; } @@ -910,6 +926,9 @@ body { .sticky{ position: sticky; } +.-inset-1{ + inset: -0.25rem; +} .inset-0{ inset: 0px; } @@ -1037,6 +1056,12 @@ body { .top-full{ top: 100%; } +.isolate{ + isolation: isolate; +} +.isolation-auto{ + isolation: auto; +} .z-0{ z-index: 0; } @@ -1055,6 +1080,27 @@ body { .z-50{ z-index: 50; } +.float-right{ + float: right; +} +.float-left{ + float: left; +} +.float-none{ + float: none; +} +.clear-left{ + clear: left; +} +.clear-right{ + clear: right; +} +.clear-both{ + clear: both; +} +.clear-none{ + clear: none; +} .-m-1{ margin: -0.25rem; } @@ -1096,10 +1142,6 @@ body { margin-left: 0.25rem; margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1220,6 +1262,12 @@ body { .mt-auto{ margin-top: auto; } +.box-border{ + box-sizing: border-box; +} +.box-content{ + box-sizing: content-box; +} .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1238,6 +1286,9 @@ body { -webkit-box-orient: vertical; -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} .block{ display: block; } @@ -1256,12 +1307,48 @@ body { .table{ display: table; } +.inline-table{ + display: inline-table; +} +.table-caption{ + display: table-caption; +} +.table-cell{ + display: table-cell; +} +.table-column{ + display: table-column; +} +.table-column-group{ + display: table-column-group; +} +.table-footer-group{ + display: table-footer-group; +} +.table-header-group{ + display: table-header-group; +} +.table-row-group{ + display: table-row-group; +} +.table-row{ + display: table-row; +} +.flow-root{ + display: flow-root; +} .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} .contents{ display: contents; } +.list-item{ + display: list-item; +} .hidden{ display: none; } @@ -1403,6 +1490,9 @@ body { .min-h-0{ min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} .min-h-\[220px\]{ min-height: 220px; } @@ -1430,6 +1520,9 @@ body { .w-1\/2{ width: 50%; } +.w-1\/3{ + width: 33.333333%; +} .w-10{ width: 2.5rem; } @@ -1514,12 +1607,27 @@ body { .w-96{ width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} +.w-\[16rem\]{ + width: 16rem; +} .w-\[300px\]{ width: 300px; } .w-\[500px\]{ width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} +.w-\[this-is\]{ + width: this-is; +} +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} .w-auto{ width: auto; } @@ -1539,15 +1647,6 @@ body { .min-w-96{ min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} -.min-w-\[15rem\]{ - min-width: 15rem; -} -.min-w-\[23rem\]{ - min-width: 23rem; -} .min-w-\[24rem\]{ min-width: 24rem; } @@ -1575,15 +1674,6 @@ body { .max-w-7xl{ max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} -.max-w-\[15rem\]{ - max-width: 15rem; -} -.max-w-\[23rem\]{ - max-width: 23rem; -} .max-w-\[24rem\]{ max-width: 24rem; } @@ -1596,6 +1686,9 @@ body { .max-w-md{ max-width: 28rem; } +.max-w-none{ + max-width: none; +} .max-w-sm{ max-width: 24rem; } @@ -1632,6 +1725,18 @@ body { .grow{ flex-grow: 1; } +.table-auto{ + table-layout: auto; +} +.table-fixed{ + table-layout: fixed; +} +.border-collapse{ + border-collapse: collapse; +} +.border-separate{ + border-collapse: separate; +} .origin-left{ transform-origin: left; } @@ -1643,10 +1748,6 @@ body { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1697,9 +1798,18 @@ body { --tw-scale-x: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} .transform-none{ transform: none; } @@ -1744,17 +1854,120 @@ body { .cursor-pointer{ cursor: pointer; } +.touch-auto{ + touch-action: auto; +} +.touch-none{ + touch-action: none; +} +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-manipulation{ + touch-action: manipulation; +} .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} +.resize-x{ + resize: horizontal; +} .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} +.snap-start{ + scroll-snap-align: start; +} +.snap-end{ + scroll-snap-align: end; +} +.snap-center{ + scroll-snap-align: center; +} +.snap-align-none{ + scroll-snap-align: none; +} +.snap-normal{ + scroll-snap-stop: normal; +} +.snap-always{ + scroll-snap-stop: always; +} +.list-inside{ + list-style-position: inside; +} +.list-outside{ + list-style-position: outside; +} +.list-disc{ + list-style-type: disc; +} .list-none{ list-style-type: none; } @@ -1763,6 +1976,100 @@ body { -moz-appearance: none; appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} +.break-inside-avoid-page{ + break-inside: avoid-page; +} +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} +.grid-flow-row{ + grid-auto-flow: row; +} +.grid-flow-col{ + grid-auto-flow: column; +} +.grid-flow-dense{ + grid-auto-flow: dense; +} +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1784,12 +2091,78 @@ body { .flex-col{ flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} +.place-content-start{ + place-content: start; +} +.place-content-end{ + place-content: end; +} +.place-content-between{ + place-content: space-between; +} +.place-content-around{ + place-content: space-around; +} +.place-content-evenly{ + place-content: space-evenly; +} +.place-content-baseline{ + place-content: baseline; +} +.place-content-stretch{ + place-content: stretch; +} +.place-items-start{ + place-items: start; +} +.place-items-end{ + place-items: end; +} +.place-items-center{ + place-items: center; +} +.place-items-baseline{ + place-items: baseline; +} +.place-items-stretch{ + place-items: stretch; +} +.content-center{ + align-content: center; +} +.content-start{ + align-content: flex-start; +} +.content-end{ + align-content: flex-end; +} +.content-between{ + align-content: space-between; +} +.content-around{ + align-content: space-around; +} +.content-evenly{ + align-content: space-evenly; +} +.content-baseline{ + align-content: baseline; +} .items-start{ align-items: flex-start; } @@ -1799,6 +2172,12 @@ body { .items-center{ align-items: center; } +.items-baseline{ + align-items: baseline; +} +.items-stretch{ + align-items: stretch; +} .justify-start{ justify-content: flex-start; } @@ -1811,6 +2190,24 @@ body { .justify-between{ justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} +.justify-evenly{ + justify-content: space-evenly; +} +.justify-items-start{ + justify-items: start; +} +.justify-items-end{ + justify-items: end; +} +.justify-items-center{ + justify-items: center; +} +.justify-items-stretch{ + justify-items: stretch; +} .gap-1{ gap: 0.25rem; } @@ -1884,6 +2281,12 @@ body { margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -1894,6 +2297,27 @@ body { border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -1902,21 +2326,69 @@ body { --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} +.place-self-start{ + place-self: start; +} +.place-self-end{ + place-self: end; +} +.place-self-center{ + place-self: center; +} +.place-self-stretch{ + place-self: stretch; +} +.self-auto{ + align-self: auto; +} +.self-start{ + align-self: flex-start; +} +.self-end{ + align-self: flex-end; +} .self-center{ align-self: center; } .self-stretch{ align-self: stretch; } +.self-baseline{ + align-self: baseline; +} +.justify-self-auto{ + justify-self: auto; +} +.justify-self-start{ + justify-self: start; +} +.justify-self-end{ + justify-self: end; +} +.justify-self-center{ + justify-self: center; +} +.justify-self-stretch{ + justify-self: stretch; +} .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } +.overflow-clip{ + overflow: clip; +} .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} .overflow-x-auto{ overflow-x: auto; } @@ -1929,26 +2401,99 @@ body { .overflow-y-hidden{ overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} +.overflow-y-clip{ + overflow-y: clip; +} +.overflow-x-visible{ + overflow-x: visible; +} +.overflow-y-visible{ + overflow-y: visible; +} +.overflow-x-scroll{ + overflow-x: scroll; +} .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} +.overscroll-contain{ + overscroll-behavior: contain; +} +.overscroll-none{ + overscroll-behavior: none; +} +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} +.overscroll-y-none{ + overscroll-behavior-y: none; +} +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} +.overscroll-x-none{ + overscroll-behavior-x: none; +} +.scroll-auto{ + scroll-behavior: auto; +} +.scroll-smooth{ + scroll-behavior: smooth; +} .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} +.text-ellipsis{ + text-overflow: ellipsis; +} +.text-clip{ + text-overflow: clip; +} +.whitespace-normal{ + white-space: normal; +} .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} +.whitespace-pre-line{ + white-space: pre-line; +} .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } +.break-keep{ + word-break: keep-all; +} .\!rounded-full{ border-radius: 9999px !important; } @@ -1978,10 +2523,18 @@ body { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -1998,6 +2551,18 @@ body { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} +.rounded-tl{ + border-top-left-radius: 0.25rem; +} +.rounded-tr{ + border-top-right-radius: 0.25rem; +} .border{ border-width: 1px; } @@ -2010,9 +2575,13 @@ body { .border-4{ border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; @@ -2026,6 +2595,9 @@ body { .border-l{ border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} .border-t{ border-top-width: 1px; } @@ -2038,9 +2610,21 @@ body { .border-t-4{ border-top-width: 4px; } +.border-solid{ + border-style: solid; +} .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} +.border-double{ + border-style: double; +} +.border-hidden{ + border-style: hidden; +} .border-none{ border-style: none; } @@ -2159,6 +2743,10 @@ body { --tw-border-opacity: 1; border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} .bg-accent{ background-color: var(--color-accent); } @@ -2578,10 +3166,71 @@ body { .to-100\%{ --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.bg-fixed{ + background-attachment: fixed; +} +.bg-local{ + background-attachment: local; +} +.bg-scroll{ + background-attachment: scroll; +} +.bg-clip-border{ + background-clip: border-box; +} +.bg-clip-padding{ + background-clip: padding-box; +} +.bg-clip-content{ + background-clip: content-box; +} .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} +.bg-no-repeat{ + background-repeat: no-repeat; +} +.bg-repeat-x{ + background-repeat: repeat-x; +} +.bg-repeat-y{ + background-repeat: repeat-y; +} +.bg-repeat-round{ + background-repeat: round; +} +.bg-repeat-space{ + background-repeat: space; +} +.bg-origin-border{ + background-origin: border-box; +} +.bg-origin-padding{ + background-origin: padding-box; +} +.bg-origin-content{ + background-origin: content-box; +} .fill-blue-600{ fill: #1C64F2; } @@ -2615,6 +3264,10 @@ body { .fill-yellow-400{ fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -2623,6 +3276,14 @@ body { -o-object-fit: fill; object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} .p-0{ padding: 0px; } @@ -2757,6 +3418,9 @@ body { .pl-4{ padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} .pr-10{ padding-right: 2.5rem; } @@ -2790,17 +3454,44 @@ body { .text-right{ text-align: right; } +.text-justify{ + text-align: justify; +} +.text-start{ + text-align: start; +} +.text-end{ + text-align: end; +} +.align-baseline{ + vertical-align: baseline; +} +.align-top{ + vertical-align: top; +} .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} +.align-text-bottom{ + vertical-align: text-bottom; +} +.align-sub{ + vertical-align: sub; +} +.align-super{ + vertical-align: super; +} .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ font-size: 1.5rem; @@ -2860,9 +3551,56 @@ body { .uppercase{ text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} +.capitalize{ + text-transform: capitalize; +} +.normal-case{ + text-transform: none; +} .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} +.normal-nums{ + font-variant-numeric: normal; +} +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} .leading-6{ line-height: 1.5rem; } @@ -2878,6 +3616,9 @@ body { .tracking-wide{ letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3109,6 +3850,38 @@ body { .underline{ text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} +.line-through{ + text-decoration-line: line-through; +} +.no-underline{ + text-decoration-line: none; +} +.decoration-solid{ + text-decoration-style: solid; +} +.decoration-double{ + text-decoration-style: double; +} +.decoration-dotted{ + text-decoration-style: dotted; +} +.decoration-dashed{ + text-decoration-style: dashed; +} +.decoration-wavy{ + text-decoration-style: wavy; +} +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} .opacity-0{ opacity: 0; } @@ -3133,6 +3906,110 @@ body { .opacity-80{ opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} +.bg-blend-multiply{ + background-blend-mode: multiply; +} +.bg-blend-screen{ + background-blend-mode: screen; +} +.bg-blend-overlay{ + background-blend-mode: overlay; +} +.bg-blend-darken{ + background-blend-mode: darken; +} +.bg-blend-lighten{ + background-blend-mode: lighten; +} +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} +.bg-blend-difference{ + background-blend-mode: difference; +} +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} +.bg-blend-hue{ + background-blend-mode: hue; +} +.bg-blend-saturation{ + background-blend-mode: saturation; +} +.bg-blend-color{ + background-blend-mode: color; +} +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} +.mix-blend-normal{ + mix-blend-mode: normal; +} +.mix-blend-multiply{ + mix-blend-mode: multiply; +} +.mix-blend-screen{ + mix-blend-mode: screen; +} +.mix-blend-overlay{ + mix-blend-mode: overlay; +} +.mix-blend-darken{ + mix-blend-mode: darken; +} +.mix-blend-lighten{ + mix-blend-mode: lighten; +} +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} +.mix-blend-difference{ + mix-blend-mode: difference; +} +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} +.mix-blend-hue{ + mix-blend-mode: hue; +} +.mix-blend-saturation{ + mix-blend-mode: saturation; +} +.mix-blend-color{ + mix-blend-mode: color; +} +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -3230,6 +4107,20 @@ body { .outline{ outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} +.outline-dotted{ + outline-style: dotted; +} +.outline-double{ + outline-style: double; +} +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3240,6 +4131,9 @@ body { --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -3299,6 +4193,10 @@ body { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -3311,18 +4209,56 @@ body { --tw-grayscale: grayscale(100%); 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -3359,6 +4295,9 @@ body { .duration-300{ transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} .duration-75{ transition-duration: 75ms; } @@ -3371,6 +4310,10 @@ body { .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -3565,18 +4508,54 @@ p:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } +/* Base list styling */ +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} +/* Unordered lists */ ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ul { /* Vertical spacing */ +} +/* List items */ li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ol { /* Vertical spacing */ +} +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} :root { --color-primary: #4a4a4a; --color-primary-light: #6a6a6a; @@ -4787,6 +5766,40 @@ button:hover{ color: rgb(28 100 242 / var(--tw-text-opacity)); text-shadow: 0 0 5px rgba(0, 0, 255, 0.2); } +@media (min-width: 640px){ + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + @media (min-width: 640px){ + .sm\:container{ + max-width: 640px; + } + } + @media (min-width: 768px){ + .sm\:container{ + max-width: 768px; + } + } + @media (min-width: 1024px){ + .sm\:container{ + max-width: 1024px; + } + } + @media (min-width: 1280px){ + .sm\:container{ + max-width: 1280px; + } + } + @media (min-width: 1536px){ + .sm\:container{ + max-width: 1536px; + } + } +} .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -5139,6 +6152,9 @@ button:hover{ .hover\:to-purple-500\/20:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -5220,9 +6236,6 @@ button:hover{ .hover\:underline:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -5246,6 +6259,14 @@ button:hover{ .hover\:scrollbar-thumb-primary{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} .focus\:z-10:focus{ z-index: 10; } @@ -5404,6 +6425,12 @@ button:hover{ .focus\:ring-opacity-50:focus{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -5529,10 +6556,6 @@ button:hover{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -6209,10 +7232,17 @@ button:hover{ .sm\:text-center{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ .md\:inset-0{ @@ -6340,6 +7370,9 @@ button:hover{ .lg\:flex-row{ flex-direction: row; } + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ .xl\:h-80{ diff --git a/web/public/themes/strawberry.css b/web/public/themes/strawberry.css index 817eb3f0..05e0dc7b 100644 --- a/web/public/themes/strawberry.css +++ b/web/public/themes/strawberry.css @@ -140,7 +140,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -206,7 +206,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -888,9 +888,25 @@ html{ white-space: nowrap; border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} +.\!visible{ + visibility: visible !important; +} .visible{ visibility: visible; } @@ -915,6 +931,9 @@ html{ .sticky{ position: sticky; } +.-inset-1{ + inset: -0.25rem; +} .inset-0{ inset: 0px; } @@ -1042,6 +1061,12 @@ html{ .top-full{ top: 100%; } +.isolate{ + isolation: isolate; +} +.isolation-auto{ + isolation: auto; +} .z-0{ z-index: 0; } @@ -1060,6 +1085,27 @@ html{ .z-50{ z-index: 50; } +.float-right{ + float: right; +} +.float-left{ + float: left; +} +.float-none{ + float: none; +} +.clear-left{ + clear: left; +} +.clear-right{ + clear: right; +} +.clear-both{ + clear: both; +} +.clear-none{ + clear: none; +} .-m-1{ margin: -0.25rem; } @@ -1101,10 +1147,6 @@ html{ margin-left: 0.25rem; margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1225,6 +1267,12 @@ html{ .mt-auto{ margin-top: auto; } +.box-border{ + box-sizing: border-box; +} +.box-content{ + box-sizing: content-box; +} .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1243,6 +1291,9 @@ html{ -webkit-box-orient: vertical; -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} .block{ display: block; } @@ -1261,12 +1312,48 @@ html{ .table{ display: table; } +.inline-table{ + display: inline-table; +} +.table-caption{ + display: table-caption; +} +.table-cell{ + display: table-cell; +} +.table-column{ + display: table-column; +} +.table-column-group{ + display: table-column-group; +} +.table-footer-group{ + display: table-footer-group; +} +.table-header-group{ + display: table-header-group; +} +.table-row-group{ + display: table-row-group; +} +.table-row{ + display: table-row; +} +.flow-root{ + display: flow-root; +} .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} .contents{ display: contents; } +.list-item{ + display: list-item; +} .hidden{ display: none; } @@ -1408,6 +1495,9 @@ html{ .min-h-0{ min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} .min-h-\[220px\]{ min-height: 220px; } @@ -1435,6 +1525,9 @@ html{ .w-1\/2{ width: 50%; } +.w-1\/3{ + width: 33.333333%; +} .w-10{ width: 2.5rem; } @@ -1519,12 +1612,27 @@ html{ .w-96{ width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} +.w-\[16rem\]{ + width: 16rem; +} .w-\[300px\]{ width: 300px; } .w-\[500px\]{ width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} +.w-\[this-is\]{ + width: this-is; +} +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} .w-auto{ width: auto; } @@ -1544,15 +1652,6 @@ html{ .min-w-96{ min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} -.min-w-\[15rem\]{ - min-width: 15rem; -} -.min-w-\[23rem\]{ - min-width: 23rem; -} .min-w-\[24rem\]{ min-width: 24rem; } @@ -1580,15 +1679,6 @@ html{ .max-w-7xl{ max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} -.max-w-\[15rem\]{ - max-width: 15rem; -} -.max-w-\[23rem\]{ - max-width: 23rem; -} .max-w-\[24rem\]{ max-width: 24rem; } @@ -1601,6 +1691,9 @@ html{ .max-w-md{ max-width: 28rem; } +.max-w-none{ + max-width: none; +} .max-w-sm{ max-width: 24rem; } @@ -1637,6 +1730,18 @@ html{ .grow{ flex-grow: 1; } +.table-auto{ + table-layout: auto; +} +.table-fixed{ + table-layout: fixed; +} +.border-collapse{ + border-collapse: collapse; +} +.border-separate{ + border-collapse: separate; +} .origin-left{ transform-origin: left; } @@ -1648,10 +1753,6 @@ html{ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1702,9 +1803,18 @@ html{ --tw-scale-x: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} .transform-none{ transform: none; } @@ -1749,17 +1859,120 @@ html{ .cursor-pointer{ cursor: pointer; } +.touch-auto{ + touch-action: auto; +} +.touch-none{ + touch-action: none; +} +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} +.touch-manipulation{ + touch-action: manipulation; +} .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} +.resize-x{ + resize: horizontal; +} .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} +.snap-start{ + scroll-snap-align: start; +} +.snap-end{ + scroll-snap-align: end; +} +.snap-center{ + scroll-snap-align: center; +} +.snap-align-none{ + scroll-snap-align: none; +} +.snap-normal{ + scroll-snap-stop: normal; +} +.snap-always{ + scroll-snap-stop: always; +} +.list-inside{ + list-style-position: inside; +} +.list-outside{ + list-style-position: outside; +} +.list-disc{ + list-style-type: disc; +} .list-none{ list-style-type: none; } @@ -1768,6 +1981,100 @@ html{ -moz-appearance: none; appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} +.break-inside-avoid-page{ + break-inside: avoid-page; +} +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} +.grid-flow-row{ + grid-auto-flow: row; +} +.grid-flow-col{ + grid-auto-flow: column; +} +.grid-flow-dense{ + grid-auto-flow: dense; +} +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1789,12 +2096,78 @@ html{ .flex-col{ flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} +.place-content-start{ + place-content: start; +} +.place-content-end{ + place-content: end; +} +.place-content-between{ + place-content: space-between; +} +.place-content-around{ + place-content: space-around; +} +.place-content-evenly{ + place-content: space-evenly; +} +.place-content-baseline{ + place-content: baseline; +} +.place-content-stretch{ + place-content: stretch; +} +.place-items-start{ + place-items: start; +} +.place-items-end{ + place-items: end; +} +.place-items-center{ + place-items: center; +} +.place-items-baseline{ + place-items: baseline; +} +.place-items-stretch{ + place-items: stretch; +} +.content-center{ + align-content: center; +} +.content-start{ + align-content: flex-start; +} +.content-end{ + align-content: flex-end; +} +.content-between{ + align-content: space-between; +} +.content-around{ + align-content: space-around; +} +.content-evenly{ + align-content: space-evenly; +} +.content-baseline{ + align-content: baseline; +} .items-start{ align-items: flex-start; } @@ -1804,6 +2177,12 @@ html{ .items-center{ align-items: center; } +.items-baseline{ + align-items: baseline; +} +.items-stretch{ + align-items: stretch; +} .justify-start{ justify-content: flex-start; } @@ -1816,6 +2195,24 @@ html{ .justify-between{ justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} +.justify-evenly{ + justify-content: space-evenly; +} +.justify-items-start{ + justify-items: start; +} +.justify-items-end{ + justify-items: end; +} +.justify-items-center{ + justify-items: center; +} +.justify-items-stretch{ + justify-items: stretch; +} .gap-1{ gap: 0.25rem; } @@ -1889,6 +2286,12 @@ html{ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -1899,6 +2302,27 @@ html{ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -1907,21 +2331,69 @@ html{ --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} +.place-self-start{ + place-self: start; +} +.place-self-end{ + place-self: end; +} +.place-self-center{ + place-self: center; +} +.place-self-stretch{ + place-self: stretch; +} +.self-auto{ + align-self: auto; +} +.self-start{ + align-self: flex-start; +} +.self-end{ + align-self: flex-end; +} .self-center{ align-self: center; } .self-stretch{ align-self: stretch; } +.self-baseline{ + align-self: baseline; +} +.justify-self-auto{ + justify-self: auto; +} +.justify-self-start{ + justify-self: start; +} +.justify-self-end{ + justify-self: end; +} +.justify-self-center{ + justify-self: center; +} +.justify-self-stretch{ + justify-self: stretch; +} .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } +.overflow-clip{ + overflow: clip; +} .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} .overflow-x-auto{ overflow-x: auto; } @@ -1934,26 +2406,99 @@ html{ .overflow-y-hidden{ overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} +.overflow-y-clip{ + overflow-y: clip; +} +.overflow-x-visible{ + overflow-x: visible; +} +.overflow-y-visible{ + overflow-y: visible; +} +.overflow-x-scroll{ + overflow-x: scroll; +} .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} +.overscroll-contain{ + overscroll-behavior: contain; +} +.overscroll-none{ + overscroll-behavior: none; +} +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} +.overscroll-y-none{ + overscroll-behavior-y: none; +} +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} +.overscroll-x-none{ + overscroll-behavior-x: none; +} +.scroll-auto{ + scroll-behavior: auto; +} +.scroll-smooth{ + scroll-behavior: smooth; +} .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} +.text-ellipsis{ + text-overflow: ellipsis; +} +.text-clip{ + text-overflow: clip; +} +.whitespace-normal{ + white-space: normal; +} .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} +.whitespace-pre-line{ + white-space: pre-line; +} .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } +.break-keep{ + word-break: keep-all; +} .\!rounded-full{ border-radius: 9999px !important; } @@ -1983,10 +2528,18 @@ html{ border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -2003,6 +2556,18 @@ html{ border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} +.rounded-tl{ + border-top-left-radius: 0.25rem; +} +.rounded-tr{ + border-top-right-radius: 0.25rem; +} .border{ border-width: 1px; } @@ -2015,9 +2580,13 @@ html{ .border-4{ border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ border-bottom-width: 1px; @@ -2031,6 +2600,9 @@ html{ .border-l{ border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} .border-t{ border-top-width: 1px; } @@ -2043,9 +2615,21 @@ html{ .border-t-4{ border-top-width: 4px; } +.border-solid{ + border-style: solid; +} .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} +.border-double{ + border-style: double; +} +.border-hidden{ + border-style: hidden; +} .border-none{ border-style: none; } @@ -2164,6 +2748,10 @@ html{ --tw-border-opacity: 1; border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} .bg-accent{ background-color: var(--color-accent); } @@ -2583,10 +3171,71 @@ html{ .to-100\%{ --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} +.bg-fixed{ + background-attachment: fixed; +} +.bg-local{ + background-attachment: local; +} +.bg-scroll{ + background-attachment: scroll; +} +.bg-clip-border{ + background-clip: border-box; +} +.bg-clip-padding{ + background-clip: padding-box; +} +.bg-clip-content{ + background-clip: content-box; +} .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} +.bg-no-repeat{ + background-repeat: no-repeat; +} +.bg-repeat-x{ + background-repeat: repeat-x; +} +.bg-repeat-y{ + background-repeat: repeat-y; +} +.bg-repeat-round{ + background-repeat: round; +} +.bg-repeat-space{ + background-repeat: space; +} +.bg-origin-border{ + background-origin: border-box; +} +.bg-origin-padding{ + background-origin: padding-box; +} +.bg-origin-content{ + background-origin: content-box; +} .fill-blue-600{ fill: #1C64F2; } @@ -2620,6 +3269,10 @@ html{ .fill-yellow-400{ fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -2628,6 +3281,14 @@ html{ -o-object-fit: fill; object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} .p-0{ padding: 0px; } @@ -2762,6 +3423,9 @@ html{ .pl-4{ padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} .pr-10{ padding-right: 2.5rem; } @@ -2795,17 +3459,44 @@ html{ .text-right{ text-align: right; } +.text-justify{ + text-align: justify; +} +.text-start{ + text-align: start; +} +.text-end{ + text-align: end; +} +.align-baseline{ + vertical-align: baseline; +} +.align-top{ + vertical-align: top; +} .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} +.align-text-bottom{ + vertical-align: text-bottom; +} +.align-sub{ + vertical-align: sub; +} +.align-super{ + vertical-align: super; +} .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ font-size: 1.5rem; @@ -2865,9 +3556,56 @@ html{ .uppercase{ text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} +.capitalize{ + text-transform: capitalize; +} +.normal-case{ + text-transform: none; +} .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} +.normal-nums{ + font-variant-numeric: normal; +} +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} .leading-6{ line-height: 1.5rem; } @@ -2883,6 +3621,9 @@ html{ .tracking-wide{ letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3114,6 +3855,38 @@ html{ .underline{ text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} +.line-through{ + text-decoration-line: line-through; +} +.no-underline{ + text-decoration-line: none; +} +.decoration-solid{ + text-decoration-style: solid; +} +.decoration-double{ + text-decoration-style: double; +} +.decoration-dotted{ + text-decoration-style: dotted; +} +.decoration-dashed{ + text-decoration-style: dashed; +} +.decoration-wavy{ + text-decoration-style: wavy; +} +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} .opacity-0{ opacity: 0; } @@ -3138,6 +3911,110 @@ html{ .opacity-80{ opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} +.bg-blend-multiply{ + background-blend-mode: multiply; +} +.bg-blend-screen{ + background-blend-mode: screen; +} +.bg-blend-overlay{ + background-blend-mode: overlay; +} +.bg-blend-darken{ + background-blend-mode: darken; +} +.bg-blend-lighten{ + background-blend-mode: lighten; +} +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} +.bg-blend-difference{ + background-blend-mode: difference; +} +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} +.bg-blend-hue{ + background-blend-mode: hue; +} +.bg-blend-saturation{ + background-blend-mode: saturation; +} +.bg-blend-color{ + background-blend-mode: color; +} +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} +.mix-blend-normal{ + mix-blend-mode: normal; +} +.mix-blend-multiply{ + mix-blend-mode: multiply; +} +.mix-blend-screen{ + mix-blend-mode: screen; +} +.mix-blend-overlay{ + mix-blend-mode: overlay; +} +.mix-blend-darken{ + mix-blend-mode: darken; +} +.mix-blend-lighten{ + mix-blend-mode: lighten; +} +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} +.mix-blend-difference{ + mix-blend-mode: difference; +} +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} +.mix-blend-hue{ + mix-blend-mode: hue; +} +.mix-blend-saturation{ + mix-blend-mode: saturation; +} +.mix-blend-color{ + mix-blend-mode: color; +} +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -3235,6 +4112,20 @@ html{ .outline{ outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} +.outline-dotted{ + outline-style: dotted; +} +.outline-double{ + outline-style: double; +} +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3245,6 +4136,9 @@ html{ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -3304,6 +4198,10 @@ html{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -3316,18 +4214,56 @@ html{ --tw-grayscale: grayscale(100%); 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -3364,6 +4300,9 @@ html{ .duration-300{ transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} .duration-75{ transition-duration: 75ms; } @@ -3376,6 +4315,10 @@ html{ .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -3571,18 +4514,54 @@ p:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } +/* Base list styling */ +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} +/* Unordered lists */ ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ul { /* Vertical spacing */ +} +/* List items */ li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} +ol { /* Vertical spacing */ +} +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} :root { --color-primary: #0e8ef0; --color-primary-light: #3dabff; @@ -4882,6 +5861,40 @@ button:hover{ color: rgb(14 159 110 / var(--tw-text-opacity)); text-shadow: 0 0 5px rgba(0, 255, 0, 0.7); } +@media (min-width: 640px){ + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + @media (min-width: 640px){ + .sm\:container{ + max-width: 640px; + } + } + @media (min-width: 768px){ + .sm\:container{ + max-width: 768px; + } + } + @media (min-width: 1024px){ + .sm\:container{ + max-width: 1024px; + } + } + @media (min-width: 1280px){ + .sm\:container{ + max-width: 1280px; + } + } + @media (min-width: 1536px){ + .sm\:container{ + max-width: 1536px; + } + } +} .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -5234,6 +6247,9 @@ button:hover{ .hover\:to-purple-500\/20:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -5315,9 +6331,6 @@ button:hover{ .hover\:underline:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -5341,6 +6354,14 @@ button:hover{ .hover\:scrollbar-thumb-primary{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} .focus\:z-10:focus{ z-index: 10; } @@ -5499,6 +6520,12 @@ button:hover{ .focus\:ring-opacity-50:focus{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -5624,10 +6651,6 @@ button:hover{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -6304,10 +7327,17 @@ button:hover{ .sm\:text-center{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ .md\:inset-0{ @@ -6435,6 +7465,9 @@ button:hover{ .lg\:flex-row{ flex-direction: row; } + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ .xl\:h-80{ diff --git a/web/public/themes/strawberry_milkshake.css b/web/public/themes/strawberry_milkshake.css index 33ba6b03..4b943349 100644 --- a/web/public/themes/strawberry_milkshake.css +++ b/web/public/themes/strawberry_milkshake.css @@ -148,7 +148,7 @@ html, -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: PTSans, Roboto, sans-serif; /* 4 */ + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ @@ -228,7 +228,7 @@ code, kbd, samp, pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ + font-family: JetBrains Mono, Consolas, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ @@ -1046,10 +1046,29 @@ body { border-width: 0; } +.not-sr-only{ + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} + .pointer-events-none{ pointer-events: none; } +.pointer-events-auto{ + pointer-events: auto; +} + +.\!visible{ + visibility: visible !important; +} + .visible{ visibility: visible; } @@ -1082,6 +1101,10 @@ body { position: sticky; } +.-inset-1{ + inset: -0.25rem; +} + .inset-0{ inset: 0px; } @@ -1251,6 +1274,14 @@ body { top: 100%; } +.isolate{ + isolation: isolate; +} + +.isolation-auto{ + isolation: auto; +} + .z-0{ z-index: 0; } @@ -1275,6 +1306,34 @@ body { z-index: 50; } +.float-right{ + float: right; +} + +.float-left{ + float: left; +} + +.float-none{ + float: none; +} + +.clear-left{ + clear: left; +} + +.clear-right{ + clear: right; +} + +.clear-both{ + clear: both; +} + +.clear-none{ + clear: none; +} + .-m-1{ margin: -0.25rem; } @@ -1328,11 +1387,6 @@ body { margin-right: 0.25rem; } -.mx-1\.5{ - margin-left: 0.375rem; - margin-right: 0.375rem; -} - .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; @@ -1491,6 +1545,14 @@ body { margin-top: auto; } +.box-border{ + box-sizing: border-box; +} + +.box-content{ + box-sizing: content-box; +} + .line-clamp-1{ overflow: hidden; display: -webkit-box; @@ -1512,6 +1574,10 @@ body { -webkit-line-clamp: 4; } +.\!block{ + display: block !important; +} + .block{ display: block; } @@ -1536,14 +1602,62 @@ body { display: table; } +.inline-table{ + display: inline-table; +} + +.table-caption{ + display: table-caption; +} + +.table-cell{ + display: table-cell; +} + +.table-column{ + display: table-column; +} + +.table-column-group{ + display: table-column-group; +} + +.table-footer-group{ + display: table-footer-group; +} + +.table-header-group{ + display: table-header-group; +} + +.table-row-group{ + display: table-row-group; +} + +.table-row{ + display: table-row; +} + +.flow-root{ + display: flow-root; +} + .grid{ display: grid; } +.inline-grid{ + display: inline-grid; +} + .contents{ display: contents; } +.list-item{ + display: list-item; +} + .hidden{ display: none; } @@ -1732,6 +1846,10 @@ body { min-height: 0px; } +.min-h-\[200px\]{ + min-height: 200px; +} + .min-h-\[220px\]{ min-height: 220px; } @@ -1768,6 +1886,10 @@ body { width: 50%; } +.w-1\/3{ + width: 33.333333%; +} + .w-10{ width: 2.5rem; } @@ -1880,6 +2002,14 @@ body { width: 24rem; } +.w-\[15rem\]{ + width: 15rem; +} + +.w-\[16rem\]{ + width: 16rem; +} + .w-\[300px\]{ width: 300px; } @@ -1888,6 +2018,18 @@ body { width: 500px; } +.w-\[this-is\\\\\]{ + width: this-is\\; +} + +.w-\[this-is\]{ + width: this-is; +} + +.w-\[weird-and-invalid\]{ + width: weird-and-invalid; +} + .w-auto{ width: auto; } @@ -1913,18 +2055,6 @@ body { min-width: 24rem; } -.min-w-\[14rem\]{ - min-width: 14rem; -} - -.min-w-\[15rem\]{ - min-width: 15rem; -} - -.min-w-\[23rem\]{ - min-width: 23rem; -} - .min-w-\[24rem\]{ min-width: 24rem; } @@ -1961,18 +2091,6 @@ body { max-width: 80rem; } -.max-w-\[14rem\]{ - max-width: 14rem; -} - -.max-w-\[15rem\]{ - max-width: 15rem; -} - -.max-w-\[23rem\]{ - max-width: 23rem; -} - .max-w-\[24rem\]{ max-width: 24rem; } @@ -1989,6 +2107,10 @@ body { max-width: 28rem; } +.max-w-none{ + max-width: none; +} + .max-w-sm{ max-width: 24rem; } @@ -2037,6 +2159,22 @@ body { flex-grow: 1; } +.table-auto{ + table-layout: auto; +} + +.table-fixed{ + table-layout: fixed; +} + +.border-collapse{ + border-collapse: collapse; +} + +.border-separate{ + border-collapse: separate; +} + .origin-left{ transform-origin: left; } @@ -2051,11 +2189,6 @@ body { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-y-0{ - --tw-translate-y: -0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -2118,10 +2251,22 @@ body { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.\!transform{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; +} + .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.transform-cpu{ + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.transform-gpu{ + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .transform-none{ transform: none; } @@ -2181,20 +2326,153 @@ body { cursor: pointer; } +.touch-auto{ + touch-action: auto; +} + +.touch-none{ + touch-action: none; +} + +.touch-pan-x{ + --tw-pan-x: pan-x; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-left{ + --tw-pan-x: pan-left; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-right{ + --tw-pan-x: pan-right; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-y{ + --tw-pan-y: pan-y; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-up{ + --tw-pan-y: pan-up; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pan-down{ + --tw-pan-y: pan-down; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-pinch-zoom{ + --tw-pinch-zoom: pinch-zoom; + touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); +} + +.touch-manipulation{ + touch-action: manipulation; +} + .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } +.select-text{ + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; +} + +.select-all{ + -webkit-user-select: all; + -moz-user-select: all; + user-select: all; +} + +.select-auto{ + -webkit-user-select: auto; + -moz-user-select: auto; + user-select: auto; +} + .resize-none{ resize: none; } +.resize-y{ + resize: vertical; +} + +.resize-x{ + resize: horizontal; +} + .resize{ resize: both; } +.snap-none{ + scroll-snap-type: none; +} + +.snap-x{ + scroll-snap-type: x var(--tw-scroll-snap-strictness); +} + +.snap-y{ + scroll-snap-type: y var(--tw-scroll-snap-strictness); +} + +.snap-both{ + scroll-snap-type: both var(--tw-scroll-snap-strictness); +} + +.snap-mandatory{ + --tw-scroll-snap-strictness: mandatory; +} + +.snap-proximity{ + --tw-scroll-snap-strictness: proximity; +} + +.snap-start{ + scroll-snap-align: start; +} + +.snap-end{ + scroll-snap-align: end; +} + +.snap-center{ + scroll-snap-align: center; +} + +.snap-align-none{ + scroll-snap-align: none; +} + +.snap-normal{ + scroll-snap-stop: normal; +} + +.snap-always{ + scroll-snap-stop: always; +} + +.list-inside{ + list-style-position: inside; +} + +.list-outside{ + list-style-position: outside; +} + +.list-disc{ + list-style-type: disc; +} + .list-none{ list-style-type: none; } @@ -2205,6 +2483,125 @@ body { appearance: none; } +.break-before-auto{ + -moz-column-break-before: auto; + break-before: auto; +} + +.break-before-avoid{ + -moz-column-break-before: avoid; + break-before: avoid; +} + +.break-before-all{ + -moz-column-break-before: all; + break-before: all; +} + +.break-before-avoid-page{ + -moz-column-break-before: avoid; + break-before: avoid-page; +} + +.break-before-page{ + -moz-column-break-before: page; + break-before: page; +} + +.break-before-left{ + -moz-column-break-before: left; + break-before: left; +} + +.break-before-right{ + -moz-column-break-before: right; + break-before: right; +} + +.break-before-column{ + -moz-column-break-before: column; + break-before: column; +} + +.break-inside-auto{ + -moz-column-break-inside: auto; + break-inside: auto; +} + +.break-inside-avoid{ + -moz-column-break-inside: avoid; + break-inside: avoid; +} + +.break-inside-avoid-page{ + break-inside: avoid-page; +} + +.break-inside-avoid-column{ + -moz-column-break-inside: avoid; + break-inside: avoid-column; +} + +.break-after-auto{ + -moz-column-break-after: auto; + break-after: auto; +} + +.break-after-avoid{ + -moz-column-break-after: avoid; + break-after: avoid; +} + +.break-after-all{ + -moz-column-break-after: all; + break-after: all; +} + +.break-after-avoid-page{ + -moz-column-break-after: avoid; + break-after: avoid-page; +} + +.break-after-page{ + -moz-column-break-after: page; + break-after: page; +} + +.break-after-left{ + -moz-column-break-after: left; + break-after: left; +} + +.break-after-right{ + -moz-column-break-after: right; + break-after: right; +} + +.break-after-column{ + -moz-column-break-after: column; + break-after: column; +} + +.grid-flow-row{ + grid-auto-flow: row; +} + +.grid-flow-col{ + grid-auto-flow: column; +} + +.grid-flow-dense{ + grid-auto-flow: dense; +} + +.grid-flow-row-dense{ + grid-auto-flow: row dense; +} + +.grid-flow-col-dense{ + grid-auto-flow: column dense; +} + .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -2233,14 +2630,102 @@ body { flex-direction: column; } +.flex-col-reverse{ + flex-direction: column-reverse; +} + .flex-wrap{ flex-wrap: wrap; } +.flex-wrap-reverse{ + flex-wrap: wrap-reverse; +} + .flex-nowrap{ flex-wrap: nowrap; } +.place-content-center{ + place-content: center; +} + +.place-content-start{ + place-content: start; +} + +.place-content-end{ + place-content: end; +} + +.place-content-between{ + place-content: space-between; +} + +.place-content-around{ + place-content: space-around; +} + +.place-content-evenly{ + place-content: space-evenly; +} + +.place-content-baseline{ + place-content: baseline; +} + +.place-content-stretch{ + place-content: stretch; +} + +.place-items-start{ + place-items: start; +} + +.place-items-end{ + place-items: end; +} + +.place-items-center{ + place-items: center; +} + +.place-items-baseline{ + place-items: baseline; +} + +.place-items-stretch{ + place-items: stretch; +} + +.content-center{ + align-content: center; +} + +.content-start{ + align-content: flex-start; +} + +.content-end{ + align-content: flex-end; +} + +.content-between{ + align-content: space-between; +} + +.content-around{ + align-content: space-around; +} + +.content-evenly{ + align-content: space-evenly; +} + +.content-baseline{ + align-content: baseline; +} + .items-start{ align-items: flex-start; } @@ -2253,6 +2738,14 @@ body { align-items: center; } +.items-baseline{ + align-items: baseline; +} + +.items-stretch{ + align-items: stretch; +} + .justify-start{ justify-content: flex-start; } @@ -2269,6 +2762,30 @@ body { justify-content: space-between; } +.justify-around{ + justify-content: space-around; +} + +.justify-evenly{ + justify-content: space-evenly; +} + +.justify-items-start{ + justify-items: start; +} + +.justify-items-end{ + justify-items: end; +} + +.justify-items-center{ + justify-items: center; +} + +.justify-items-stretch{ + justify-items: stretch; +} + .gap-1{ gap: 0.25rem; } @@ -2359,6 +2876,14 @@ body { margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } +.space-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 1; +} + +.space-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-space-x-reverse: 1; +} + .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); @@ -2371,6 +2896,34 @@ body { border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.divide-y-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-y-reverse: 1; +} + +.divide-x-reverse > :not([hidden]) ~ :not([hidden]){ + --tw-divide-x-reverse: 1; +} + +.divide-solid > :not([hidden]) ~ :not([hidden]){ + border-style: solid; +} + +.divide-dashed > :not([hidden]) ~ :not([hidden]){ + border-style: dashed; +} + +.divide-dotted > :not([hidden]) ~ :not([hidden]){ + border-style: dotted; +} + +.divide-double > :not([hidden]) ~ :not([hidden]){ + border-style: double; +} + +.divide-none > :not([hidden]) ~ :not([hidden]){ + border-style: none; +} + .divide-gray-100 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)); @@ -2381,6 +2934,38 @@ body { border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } +.place-self-auto{ + place-self: auto; +} + +.place-self-start{ + place-self: start; +} + +.place-self-end{ + place-self: end; +} + +.place-self-center{ + place-self: center; +} + +.place-self-stretch{ + place-self: stretch; +} + +.self-auto{ + align-self: auto; +} + +.self-start{ + align-self: flex-start; +} + +.self-end{ + align-self: flex-end; +} + .self-center{ align-self: center; } @@ -2389,6 +2974,30 @@ body { align-self: stretch; } +.self-baseline{ + align-self: baseline; +} + +.justify-self-auto{ + justify-self: auto; +} + +.justify-self-start{ + justify-self: start; +} + +.justify-self-end{ + justify-self: end; +} + +.justify-self-center{ + justify-self: center; +} + +.justify-self-stretch{ + justify-self: stretch; +} + .overflow-auto{ overflow: auto; } @@ -2397,10 +3006,18 @@ body { overflow: hidden; } +.overflow-clip{ + overflow: clip; +} + .overflow-visible{ overflow: visible; } +.overflow-scroll{ + overflow: scroll; +} + .overflow-x-auto{ overflow-x: auto; } @@ -2417,24 +3034,117 @@ body { overflow-y: hidden; } +.overflow-x-clip{ + overflow-x: clip; +} + +.overflow-y-clip{ + overflow-y: clip; +} + +.overflow-x-visible{ + overflow-x: visible; +} + +.overflow-y-visible{ + overflow-y: visible; +} + +.overflow-x-scroll{ + overflow-x: scroll; +} + .overflow-y-scroll{ overflow-y: scroll; } +.overscroll-auto{ + overscroll-behavior: auto; +} + +.overscroll-contain{ + overscroll-behavior: contain; +} + +.overscroll-none{ + overscroll-behavior: none; +} + +.overscroll-y-auto{ + overscroll-behavior-y: auto; +} + +.overscroll-y-contain{ + overscroll-behavior-y: contain; +} + +.overscroll-y-none{ + overscroll-behavior-y: none; +} + +.overscroll-x-auto{ + overscroll-behavior-x: auto; +} + +.overscroll-x-contain{ + overscroll-behavior-x: contain; +} + +.overscroll-x-none{ + overscroll-behavior-x: none; +} + +.scroll-auto{ + scroll-behavior: auto; +} + +.scroll-smooth{ + scroll-behavior: smooth; +} + .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.overflow-ellipsis{ + text-overflow: ellipsis; +} + +.text-ellipsis{ + text-overflow: ellipsis; +} + +.text-clip{ + text-overflow: clip; +} + +.whitespace-normal{ + white-space: normal; +} + .whitespace-nowrap{ white-space: nowrap; } +.whitespace-pre{ + white-space: pre; +} + +.whitespace-pre-line{ + white-space: pre-line; +} + .whitespace-pre-wrap{ white-space: pre-wrap; } +.break-normal{ + overflow-wrap: normal; + word-break: normal; +} + .break-words{ overflow-wrap: break-word; } @@ -2443,6 +3153,10 @@ body { word-break: break-all; } +.break-keep{ + word-break: keep-all; +} + .\!rounded-full{ border-radius: 9999px !important; } @@ -2481,11 +3195,21 @@ body { border-bottom-left-radius: 0.5rem; } +.rounded-l{ + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} + .rounded-l-lg{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } +.rounded-r{ + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + .rounded-r-lg{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; @@ -2506,6 +3230,22 @@ body { border-top-right-radius: 0.75rem; } +.rounded-bl{ + border-bottom-left-radius: 0.25rem; +} + +.rounded-br{ + border-bottom-right-radius: 0.25rem; +} + +.rounded-tl{ + border-top-left-radius: 0.25rem; +} + +.rounded-tr{ + border-top-right-radius: 0.25rem; +} + .border{ border-width: 1px; } @@ -2522,9 +3262,14 @@ body { border-width: 4px; } -.border-x-0{ - border-left-width: 0px; - border-right-width: 0px; +.border-x{ + border-left-width: 1px; + border-right-width: 1px; +} + +.border-y{ + border-top-width: 1px; + border-bottom-width: 1px; } .border-b{ @@ -2543,6 +3288,10 @@ body { border-left-width: 1px; } +.border-r{ + border-right-width: 1px; +} + .border-t{ border-top-width: 1px; } @@ -2559,10 +3308,26 @@ body { border-top-width: 4px; } +.border-solid{ + border-style: solid; +} + .border-dashed{ border-style: dashed; } +.border-dotted{ + border-style: dotted; +} + +.border-double{ + border-style: double; +} + +.border-hidden{ + border-style: hidden; +} + .border-none{ border-style: none; } @@ -2712,6 +3477,11 @@ body { border-color: rgb(194 120 3 / var(--tw-border-opacity)); } +.bg-\[rgb\(255\2c 0\2c 0\)\]{ + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); +} + .bg-accent{ background-color: var(--color-accent); } @@ -3241,11 +4011,91 @@ body { --tw-gradient-to-position: 100%; } +.decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} + +.decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} + +.box-decoration-slice{ + -webkit-box-decoration-break: slice; + box-decoration-break: slice; +} + +.box-decoration-clone{ + -webkit-box-decoration-break: clone; + box-decoration-break: clone; +} + +.bg-fixed{ + background-attachment: fixed; +} + +.bg-local{ + background-attachment: local; +} + +.bg-scroll{ + background-attachment: scroll; +} + +.bg-clip-border{ + background-clip: border-box; +} + +.bg-clip-padding{ + background-clip: padding-box; +} + +.bg-clip-content{ + background-clip: content-box; +} + .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } +.bg-repeat{ + background-repeat: repeat; +} + +.bg-no-repeat{ + background-repeat: no-repeat; +} + +.bg-repeat-x{ + background-repeat: repeat-x; +} + +.bg-repeat-y{ + background-repeat: repeat-y; +} + +.bg-repeat-round{ + background-repeat: round; +} + +.bg-repeat-space{ + background-repeat: space; +} + +.bg-origin-border{ + background-origin: border-box; +} + +.bg-origin-padding{ + background-origin: padding-box; +} + +.bg-origin-content{ + background-origin: content-box; +} + .fill-blue-600{ fill: #1C64F2; } @@ -3290,6 +4140,11 @@ body { fill: #E3A008; } +.object-contain{ + -o-object-fit: contain; + object-fit: contain; +} + .object-cover{ -o-object-fit: cover; object-fit: cover; @@ -3300,6 +4155,16 @@ body { object-fit: fill; } +.object-none{ + -o-object-fit: none; + object-fit: none; +} + +.object-scale-down{ + -o-object-fit: scale-down; + object-fit: scale-down; +} + .p-0{ padding: 0px; } @@ -3473,6 +4338,10 @@ body { padding-left: 1rem; } +.pl-5{ + padding-left: 1.25rem; +} + .pr-10{ padding-right: 2.5rem; } @@ -3517,6 +4386,26 @@ body { text-align: right; } +.text-justify{ + text-align: justify; +} + +.text-start{ + text-align: start; +} + +.text-end{ + text-align: end; +} + +.align-baseline{ + vertical-align: baseline; +} + +.align-top{ + vertical-align: top; +} + .align-middle{ vertical-align: middle; } @@ -3525,12 +4414,28 @@ body { vertical-align: bottom; } +.align-text-top{ + vertical-align: text-top; +} + +.align-text-bottom{ + vertical-align: text-bottom; +} + +.align-sub{ + vertical-align: sub; +} + +.align-super{ + vertical-align: super; +} + .font-mono{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: JetBrains Mono, Consolas, monospace; } .font-sans{ - font-family: PTSans, Roboto, sans-serif; + font-family: Inter, Outfit, PTSans, Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif; } .text-2xl{ @@ -3607,10 +4512,70 @@ body { text-transform: uppercase; } +.lowercase{ + text-transform: lowercase; +} + +.capitalize{ + text-transform: capitalize; +} + +.normal-case{ + text-transform: none; +} + .italic{ font-style: italic; } +.not-italic{ + font-style: normal; +} + +.normal-nums{ + font-variant-numeric: normal; +} + +.ordinal{ + --tw-ordinal: ordinal; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.slashed-zero{ + --tw-slashed-zero: slashed-zero; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.lining-nums{ + --tw-numeric-figure: lining-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.oldstyle-nums{ + --tw-numeric-figure: oldstyle-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.proportional-nums{ + --tw-numeric-spacing: proportional-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.tabular-nums{ + --tw-numeric-spacing: tabular-nums; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.diagonal-fractions{ + --tw-numeric-fraction: diagonal-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + +.stacked-fractions{ + --tw-numeric-fraction: stacked-fractions; + font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); +} + .leading-6{ line-height: 1.5rem; } @@ -3631,6 +4596,10 @@ body { letter-spacing: 0.025em; } +.text-\[\#336699\]\/\[\.35\]{ + color: rgb(51 102 153 / .35); +} + .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -3921,6 +4890,48 @@ body { text-decoration-line: underline; } +.overline{ + text-decoration-line: overline; +} + +.line-through{ + text-decoration-line: line-through; +} + +.no-underline{ + text-decoration-line: none; +} + +.decoration-solid{ + text-decoration-style: solid; +} + +.decoration-double{ + text-decoration-style: double; +} + +.decoration-dotted{ + text-decoration-style: dotted; +} + +.decoration-dashed{ + text-decoration-style: dashed; +} + +.decoration-wavy{ + text-decoration-style: wavy; +} + +.antialiased{ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.subpixel-antialiased{ + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} + .opacity-0{ opacity: 0; } @@ -3953,6 +4964,144 @@ body { opacity: 0.8; } +.bg-blend-normal{ + background-blend-mode: normal; +} + +.bg-blend-multiply{ + background-blend-mode: multiply; +} + +.bg-blend-screen{ + background-blend-mode: screen; +} + +.bg-blend-overlay{ + background-blend-mode: overlay; +} + +.bg-blend-darken{ + background-blend-mode: darken; +} + +.bg-blend-lighten{ + background-blend-mode: lighten; +} + +.bg-blend-color-dodge{ + background-blend-mode: color-dodge; +} + +.bg-blend-color-burn{ + background-blend-mode: color-burn; +} + +.bg-blend-hard-light{ + background-blend-mode: hard-light; +} + +.bg-blend-soft-light{ + background-blend-mode: soft-light; +} + +.bg-blend-difference{ + background-blend-mode: difference; +} + +.bg-blend-exclusion{ + background-blend-mode: exclusion; +} + +.bg-blend-hue{ + background-blend-mode: hue; +} + +.bg-blend-saturation{ + background-blend-mode: saturation; +} + +.bg-blend-color{ + background-blend-mode: color; +} + +.bg-blend-luminosity{ + background-blend-mode: luminosity; +} + +.mix-blend-normal{ + mix-blend-mode: normal; +} + +.mix-blend-multiply{ + mix-blend-mode: multiply; +} + +.mix-blend-screen{ + mix-blend-mode: screen; +} + +.mix-blend-overlay{ + mix-blend-mode: overlay; +} + +.mix-blend-darken{ + mix-blend-mode: darken; +} + +.mix-blend-lighten{ + mix-blend-mode: lighten; +} + +.mix-blend-color-dodge{ + mix-blend-mode: color-dodge; +} + +.mix-blend-color-burn{ + mix-blend-mode: color-burn; +} + +.mix-blend-hard-light{ + mix-blend-mode: hard-light; +} + +.mix-blend-soft-light{ + mix-blend-mode: soft-light; +} + +.mix-blend-difference{ + mix-blend-mode: difference; +} + +.mix-blend-exclusion{ + mix-blend-mode: exclusion; +} + +.mix-blend-hue{ + mix-blend-mode: hue; +} + +.mix-blend-saturation{ + mix-blend-mode: saturation; +} + +.mix-blend-color{ + mix-blend-mode: color; +} + +.mix-blend-luminosity{ + mix-blend-mode: luminosity; +} + +.mix-blend-plus-lighter{ + mix-blend-mode: plus-lighter; +} + +.\!shadow{ + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; +} + .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); @@ -4073,6 +5222,24 @@ body { outline-style: solid; } +.outline-dashed{ + outline-style: dashed; +} + +.outline-dotted{ + outline-style: dotted; +} + +.outline-double{ + outline-style: double; +} + +.ring{ + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + .ring-1{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -4085,6 +5252,10 @@ body { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.ring-inset{ + --tw-ring-inset: inset; +} + .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); @@ -4159,6 +5330,11 @@ body { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.drop-shadow{ + --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} + .drop-shadow-md{ --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 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); @@ -4174,21 +5350,68 @@ body { 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); } +.invert{ + --tw-invert: invert(100%); + 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); +} + +.sepia{ + --tw-sepia: sepia(100%); + 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{ + 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) !important; +} + .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } +.filter-none{ + filter: none; +} + +.backdrop-blur{ + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + .backdrop-blur-sm{ --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-grayscale{ + --tw-backdrop-grayscale: grayscale(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + +.backdrop-invert{ + --tw-backdrop-invert: invert(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + +.backdrop-sepia{ + --tw-backdrop-sepia: sepia(100%); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-filter-none{ + -webkit-backdrop-filter: none; + backdrop-filter: none; +} + .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -4233,6 +5456,10 @@ body { transition-duration: 300ms; } +.duration-700{ + transition-duration: 700ms; +} + .duration-75{ transition-duration: 75ms; } @@ -4249,6 +5476,11 @@ body { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } +.content-\[\'this-is-also-valid\]-weirdly-enough\'\]{ + --tw-content: 'this-is-also-valid]-weirdly-enough'; + content: var(--tw-content); +} + .scrollbar::-webkit-scrollbar-track{ background-color: var(--scrollbar-track); border-radius: var(--scrollbar-track-radius); @@ -4491,21 +5723,70 @@ p:is(.dark *){ color: rgb(248 180 217 / var(--tw-text-opacity)); } +/* Base list styling */ + +ul, ol{ + margin-top: 1rem; + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + font-size: 1rem; + line-height: 1.75rem; /* Text size */ +} + +/* Unordered lists */ + ul{ - margin-left: 0px; + margin-left: 0.5rem; list-style-type: disc; } +ul > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + +ul { /* Vertical spacing */ +} + +/* List items */ + li{ - margin-left: 1.25rem; - list-style-type: disc; + position: relative; + padding-left: 0.5rem; /* Positioning */ } +/* Ordered lists */ + ol{ - margin-left: 1.25rem; + margin-left: 0.5rem; list-style-type: decimal; } +ol > :not([hidden]) ~ :not([hidden]){ + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + +ol { /* Vertical spacing */ +} + +/* Nested lists */ + +ul ul, ol ol, ul ol, ol ul{ + margin-top: 0.5rem; + margin-bottom: 0px; + margin-left: 1.5rem; /* Indentation */ +} + +/* For custom properties that aren't available in Tailwind, use regular CSS */ + +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} + :root { --color-primary: #ff4d8c; --color-primary-light: #ff80ab; @@ -5894,6 +7175,52 @@ button:hover{ text-shadow: 0 0 5px rgba(255, 99, 71, 0.7); } +@media (min-width: 640px){ + + .sm\:container{ + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; + } + + @media (min-width: 640px){ + + .sm\:container{ + max-width: 640px; + } + } + + @media (min-width: 768px){ + + .sm\:container{ + max-width: 768px; + } + } + + @media (min-width: 1024px){ + + .sm\:container{ + max-width: 1024px; + } + } + + @media (min-width: 1280px){ + + .sm\:container{ + max-width: 1280px; + } + } + + @media (min-width: 1536px){ + + .sm\:container{ + max-width: 1536px; + } + } +} + .last\:mb-0:last-child{ margin-bottom: 0px; } @@ -6339,6 +7666,10 @@ button:hover{ --tw-gradient-to: rgb(144 97 249 / 0.2) var(--tw-gradient-to-position); } +.hover\:font-bold:hover{ + font-weight: 700; +} + .hover\:text-blue-600:hover{ --tw-text-opacity: 1; color: rgb(28 100 242 / var(--tw-text-opacity)); @@ -6441,10 +7772,6 @@ button:hover{ text-decoration-line: underline; } -.hover\:no-underline:hover{ - text-decoration-line: none; -} - .hover\:shadow-lg:hover{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -6473,6 +7800,16 @@ button:hover{ --scrollbar-thumb-hover: var(--color-primary) !important; } +.before\:hover\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} + +.hover\:before\:text-center:hover::before{ + content: var(--tw-content); + text-align: center; +} + .focus\:z-10:focus{ z-index: 10; } @@ -6671,6 +8008,14 @@ button:hover{ --tw-ring-opacity: 0.5; } +.focus\:hover\:text-center:hover:focus{ + text-align: center; +} + +.hover\:focus\:text-center:focus:hover{ + text-align: center; +} + .active\:scale-75:active{ --tw-scale-x: .75; --tw-scale-y: .75; @@ -6828,11 +8173,6 @@ button:hover{ background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } -.dark\:bg-gray-400:is(.dark *){ - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} - .dark\:bg-gray-500:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); @@ -7689,10 +9029,19 @@ button:hover{ text-align: center; } + .sm\:text-3xl{ + font-size: 1.875rem; + line-height: 2.25rem; + } + .sm\:text-xs{ font-size: 0.75rem; line-height: 1rem; } + + .sm\:underline{ + text-decoration-line: underline; + } } @media (min-width: 768px){ @@ -7859,6 +9208,10 @@ button:hover{ .lg\:flex-row{ flex-direction: row; } + + .dark\:lg\:hover\:\[paint-order\:markers\]:hover:is(.dark *){ + paint-order: markers; + } } @media (min-width: 1280px){ diff --git a/web/src/assets/tailwind.css b/web/src/assets/tailwind.css index c6d49ab1..4295e262 100644 --- a/web/src/assets/tailwind.css +++ b/web/src/assets/tailwind.css @@ -1,5 +1,5 @@ /* Soft Bluish Theme */ -@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@500;600;700&family=Outfit:wght@400;500;600;700&display=swap'); @tailwind base; @tailwind components; @@ -36,10 +36,71 @@ h4 { @apply text-xl font-medium text-blue-500 dark:text-blue-400 mb-2; } h1, h2 { @apply border-b border-blue-300 dark:border-blue-600 pb-2; } -p { @apply text-base text-blue-600 dark:text-blue-300 break-words; } -ul { @apply list-disc ml-0; } -li { @apply list-disc ml-5; } -ol { @apply list-decimal ml-5; } +p { + @apply + text-base + dark:text-blue-300 + break-words + font-sans + antialiased + tracking-tight + leading-relaxed; +} + +@screen md { + p { + @apply + text-lg + leading-loose; + } +} + + +/* Base list styling */ +ul, ol { + @apply + my-4 /* Margin top and bottom */ + px-4 /* Horizontal padding */ + leading-7 /* Line height */ + text-base; /* Text size */ +} + +/* Unordered lists */ +ul { + @apply + list-disc /* Disc style bullets */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ +} + +/* List items */ +li { + @apply + pl-2 /* Padding left */ + relative; /* Positioning */ +} + +/* Ordered lists */ +ol { + @apply + list-decimal /* Numbered style */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ +} + +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul { + @apply + mt-2 /* Top margin */ + mb-0 /* Bottom margin */ + ml-6; /* Indentation */ +} + +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} + :root { --color-primary: #4a90e2; diff --git a/web/src/themes/amber.css b/web/src/themes/amber.css index e5a956c1..64543d68 100644 --- a/web/src/themes/amber.css +++ b/web/src/themes/amber.css @@ -62,18 +62,52 @@ p { @apply text-base text-gray-600 dark:text-gray-400 break-words; } +/* Base list styling */ +ul, ol { + @apply + my-4 /* Margin top and bottom */ + px-4 /* Horizontal padding */ + leading-7 /* Line height */ + text-base; /* Text size */ +} + +/* Unordered lists */ ul { - @apply list-disc ml-0; + @apply + list-disc /* Disc style bullets */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ } +/* List items */ li { - @apply list-disc ml-5; + @apply + pl-2 /* Padding left */ + relative; /* Positioning */ } +/* Ordered lists */ ol { - @apply list-decimal ml-5; + @apply + list-decimal /* Numbered style */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ } +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul { + @apply + mt-2 /* Top margin */ + mb-0 /* Bottom margin */ + ml-6; /* Indentation */ +} + +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} + + :root { --color-primary: #d97706; --color-primary-light: #fbbf24; diff --git a/web/src/themes/borg.css b/web/src/themes/borg.css index 203ac38e..11a7d61f 100644 --- a/web/src/themes/borg.css +++ b/web/src/themes/borg.css @@ -46,9 +46,51 @@ h4 { @apply text-xl font-medium text-green-400 font-['Orbitron'] mb-2; } h1, h2 { @apply border-b border-green-600 pb-2; } p { @apply text-base text-gray-300 break-words; } -ul { @apply list-disc ml-0; } -li { @apply list-disc ml-5; } -ol { @apply list-decimal ml-5; } +/* Base list styling */ +ul, ol { + @apply + my-4 /* Margin top and bottom */ + px-4 /* Horizontal padding */ + leading-7 /* Line height */ + text-base; /* Text size */ +} + +/* Unordered lists */ +ul { + @apply + list-disc /* Disc style bullets */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ +} + +/* List items */ +li { + @apply + pl-2 /* Padding left */ + relative; /* Positioning */ +} + +/* Ordered lists */ +ol { + @apply + list-decimal /* Numbered style */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ +} + +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul { + @apply + mt-2 /* Top margin */ + mb-0 /* Bottom margin */ + ml-6; /* Indentation */ +} + +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} + :root { --color-primary: #00ff00; diff --git a/web/src/themes/default.css b/web/src/themes/default.css index 6b4e42f4..14482e16 100644 --- a/web/src/themes/default.css +++ b/web/src/themes/default.css @@ -1,5 +1,5 @@ /* Soft Bluish Theme */ -@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@500;600;700&family=Outfit:wght@400;500;600;700&display=swap'); @tailwind base; @tailwind components; @@ -44,10 +44,71 @@ h4 { @apply text-xl font-medium text-blue-500 dark:text-blue-400 mb-2; } h1, h2 { @apply border-b border-blue-300 dark:border-blue-600 pb-2; } -p { @apply text-base text-blue-600 dark:text-blue-300 break-words; } -ul { @apply list-disc ml-0; } -li { @apply list-disc ml-5; } -ol { @apply list-decimal ml-5; } +p { + @apply + text-base + dark:text-blue-300 + break-words + font-sans + antialiased + tracking-tight + leading-relaxed; +} + +@screen md { + p { + @apply + text-lg + leading-loose; + } +} + + +/* Base list styling */ +ul, ol { + @apply + my-4 /* Margin top and bottom */ + px-4 /* Horizontal padding */ + leading-7 /* Line height */ + text-base; /* Text size */ +} + +/* Unordered lists */ +ul { + @apply + list-disc /* Disc style bullets */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ +} + +/* List items */ +li { + @apply + pl-2 /* Padding left */ + relative; /* Positioning */ +} + +/* Ordered lists */ +ol { + @apply + list-decimal /* Numbered style */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ +} + +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul { + @apply + mt-2 /* Top margin */ + mb-0 /* Bottom margin */ + ml-6; /* Indentation */ +} + +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} + :root { --color-primary: #4a90e2; diff --git a/web/src/themes/lollms_blue.css b/web/src/themes/lollms_blue.css index 516cc5f7..6a4dc67f 100644 --- a/web/src/themes/lollms_blue.css +++ b/web/src/themes/lollms_blue.css @@ -64,18 +64,52 @@ p { @apply text-base text-gray-600 dark:text-gray-300 break-words; } +/* Base list styling */ +ul, ol { + @apply + my-4 /* Margin top and bottom */ + px-4 /* Horizontal padding */ + leading-7 /* Line height */ + text-base; /* Text size */ +} + +/* Unordered lists */ ul { - @apply list-disc ml-0; + @apply + list-disc /* Disc style bullets */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ } +/* List items */ li { - @apply list-disc ml-5; + @apply + pl-2 /* Padding left */ + relative; /* Positioning */ } +/* Ordered lists */ ol { - @apply list-decimal ml-5; + @apply + list-decimal /* Numbered style */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ } +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul { + @apply + mt-2 /* Top margin */ + mb-0 /* Bottom margin */ + ml-6; /* Indentation */ +} + +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} + + :root { --color-primary: #0e8ef0; --color-primary-light: #3dabff; diff --git a/web/src/themes/matrix_reborn.css b/web/src/themes/matrix_reborn.css index e20c46b7..31922481 100644 --- a/web/src/themes/matrix_reborn.css +++ b/web/src/themes/matrix_reborn.css @@ -44,9 +44,51 @@ h4 { @apply text-xl font-medium text-green-600 dark:text-green-600 mb-2; } h1, h2 { @apply border-b border-green-400 dark:border-green-500 pb-2; } p { @apply text-base text-green-300 dark:text-green-200 break-words; } -ul { @apply list-disc ml-0; } -li { @apply list-disc ml-5; } -ol { @apply list-decimal ml-5; } +/* Base list styling */ +ul, ol { + @apply + my-4 /* Margin top and bottom */ + px-4 /* Horizontal padding */ + leading-7 /* Line height */ + text-base; /* Text size */ +} + +/* Unordered lists */ +ul { + @apply + list-disc /* Disc style bullets */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ +} + +/* List items */ +li { + @apply + pl-2 /* Padding left */ + relative; /* Positioning */ +} + +/* Ordered lists */ +ol { + @apply + list-decimal /* Numbered style */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ +} + +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul { + @apply + mt-2 /* Top margin */ + mb-0 /* Bottom margin */ + ml-6; /* Indentation */ +} + +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} + :root { --color-primary: #00ff00; diff --git a/web/src/themes/red_dragon.css b/web/src/themes/red_dragon.css index cc32e13d..8ee90e58 100644 --- a/web/src/themes/red_dragon.css +++ b/web/src/themes/red_dragon.css @@ -44,9 +44,51 @@ h4 { @apply text-xl font-medium text-red-500 dark:text-red-400 mb-2; } h1, h2 { @apply border-b border-red-300 dark:border-red-600 pb-2; } p { @apply text-base text-red-600 dark:text-red-300 break-words; } -ul { @apply list-disc ml-0; } -li { @apply list-disc ml-5; } -ol { @apply list-decimal ml-5; } +/* Base list styling */ +ul, ol { + @apply + my-4 /* Margin top and bottom */ + px-4 /* Horizontal padding */ + leading-7 /* Line height */ + text-base; /* Text size */ +} + +/* Unordered lists */ +ul { + @apply + list-disc /* Disc style bullets */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ +} + +/* List items */ +li { + @apply + pl-2 /* Padding left */ + relative; /* Positioning */ +} + +/* Ordered lists */ +ol { + @apply + list-decimal /* Numbered style */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ +} + +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul { + @apply + mt-2 /* Top margin */ + mb-0 /* Bottom margin */ + ml-6; /* Indentation */ +} + +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} + :root { --color-primary: #e24a4a; diff --git a/web/src/themes/sober_gray.css b/web/src/themes/sober_gray.css index a0151754..f8b87422 100644 --- a/web/src/themes/sober_gray.css +++ b/web/src/themes/sober_gray.css @@ -45,9 +45,51 @@ h4 { @apply text-xl font-medium text-gray-500 dark:text-gray-400 mb-2; } h1, h2 { @apply border-b border-gray-300 dark:border-gray-600 pb-2; } p { @apply text-base text-gray-600 dark:text-gray-300 break-words; } -ul { @apply list-disc ml-0; } -li { @apply list-disc ml-5; } -ol { @apply list-decimal ml-5; } +/* Base list styling */ +ul, ol { + @apply + my-4 /* Margin top and bottom */ + px-4 /* Horizontal padding */ + leading-7 /* Line height */ + text-base; /* Text size */ +} + +/* Unordered lists */ +ul { + @apply + list-disc /* Disc style bullets */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ +} + +/* List items */ +li { + @apply + pl-2 /* Padding left */ + relative; /* Positioning */ +} + +/* Ordered lists */ +ol { + @apply + list-decimal /* Numbered style */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ +} + +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul { + @apply + mt-2 /* Top margin */ + mb-0 /* Bottom margin */ + ml-6; /* Indentation */ +} + +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} + :root { --color-primary: #4a4a4a; diff --git a/web/src/themes/strawberry.css b/web/src/themes/strawberry.css index 4b163963..edf5e783 100644 --- a/web/src/themes/strawberry.css +++ b/web/src/themes/strawberry.css @@ -63,19 +63,52 @@ h1, h2{ p { @apply text-base text-gray-600 dark:text-gray-300 break-words; } +/* Base list styling */ +ul, ol { + @apply + my-4 /* Margin top and bottom */ + px-4 /* Horizontal padding */ + leading-7 /* Line height */ + text-base; /* Text size */ +} +/* Unordered lists */ ul { - @apply list-disc ml-0; + @apply + list-disc /* Disc style bullets */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ } +/* List items */ li { - @apply list-disc ml-5; + @apply + pl-2 /* Padding left */ + relative; /* Positioning */ } +/* Ordered lists */ ol { - @apply list-decimal ml-5; + @apply + list-decimal /* Numbered style */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ } +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul { + @apply + mt-2 /* Top margin */ + mb-0 /* Bottom margin */ + ml-6; /* Indentation */ +} + +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} + + :root { --color-primary: #0e8ef0; --color-primary-light: #3dabff; diff --git a/web/src/themes/strawberry_milkshake.css b/web/src/themes/strawberry_milkshake.css index a4ac6a15..06ce9eee 100644 --- a/web/src/themes/strawberry_milkshake.css +++ b/web/src/themes/strawberry_milkshake.css @@ -44,9 +44,51 @@ h4 { @apply text-xl font-medium text-pink-500 dark:text-pink-400 mb-2; } h1, h2 { @apply border-b border-pink-300 dark:border-pink-600 pb-2; } p { @apply text-base text-pink-600 dark:text-pink-300 break-words; } -ul { @apply list-disc ml-0; } -li { @apply list-disc ml-5; } -ol { @apply list-decimal ml-5; } +/* Base list styling */ +ul, ol { + @apply + my-4 /* Margin top and bottom */ + px-4 /* Horizontal padding */ + leading-7 /* Line height */ + text-base; /* Text size */ +} + +/* Unordered lists */ +ul { + @apply + list-disc /* Disc style bullets */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ +} + +/* List items */ +li { + @apply + pl-2 /* Padding left */ + relative; /* Positioning */ +} + +/* Ordered lists */ +ol { + @apply + list-decimal /* Numbered style */ + ml-2 /* Left margin */ + space-y-2; /* Vertical spacing */ +} + +/* Nested lists */ +ul ul, ol ol, ul ol, ol ul { + @apply + mt-2 /* Top margin */ + mb-0 /* Bottom margin */ + ml-6; /* Indentation */ +} + +/* For custom properties that aren't available in Tailwind, use regular CSS */ +li::marker { + color: #4B5563; /* gray-600 equivalent */ +} + :root { --color-primary: #ff4d8c; diff --git a/web/tailwind.config.js b/web/tailwind.config.js index 9ea25609..f1656136 100644 --- a/web/tailwind.config.js +++ b/web/tailwind.config.js @@ -31,8 +31,31 @@ module.exports = { 'bg-dark-discussion-odd': 'var(--color-bg-dark-discussion-odd)' }, fontFamily: { - sans: ['PTSans', 'Roboto', 'sans-serif'] - }, + sans: [ + 'Inter', // Modern, professional font with excellent readability + 'Outfit', // Clean and contemporary + 'PTSans', // Keeping your existing font + 'Roboto', // Keeping your existing font + 'ui-sans-serif', // System UI font + 'system-ui', // System default + '-apple-system', // Apple systems + 'BlinkMacSystemFont', // Chrome on macOS + 'Segoe UI', // Windows + 'Arial', // Universal fallback + 'sans-serif' // Final fallback + ], + // You might also want to add specific font configurations for different purposes + heading: [ + 'Montserrat', // Professional heading font + 'Inter', + 'sans-serif' + ], + mono: [ + 'JetBrains Mono', // High-quality monospace font + 'Consolas', + 'monospace' + ] + }, container: { padding: '2rem', center: true