diff --git a/apps/storybook/styles/storybook-styles.css b/apps/storybook/styles/storybook-styles.css
index 78d8ce13b7dbe2..e373c86cd35257 100644
--- a/apps/storybook/styles/storybook-styles.css
+++ b/apps/storybook/styles/storybook-styles.css
@@ -230,7 +230,7 @@
     --cal-text-info: hsla(228, 56%, 33%, 1);
     --cal-text-success: hsla(133, 34%, 24%, 1);
     --cal-text-attention: hsla(16, 62%, 28%, 1);
-    --cal-text-error: hsla(2, 55%, 30%, 1);
+    --cal-text-error: hsla(0, 63%, 31%, 1);
   
     /* Brand shinanigans
         -> These will be computed for the users theme at runtime.
diff --git a/apps/ui-playground/.gitignore b/apps/ui-playground/.gitignore
deleted file mode 100644
index 5ef6a520780202..00000000000000
--- a/apps/ui-playground/.gitignore
+++ /dev/null
@@ -1,41 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/versions
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-.pnpm-debug.log*
-
-# env files (can opt-in for committing if needed)
-.env*
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts
diff --git a/apps/ui-playground/README.md b/apps/ui-playground/README.md
deleted file mode 100644
index e215bc4ccf138b..00000000000000
--- a/apps/ui-playground/README.md
+++ /dev/null
@@ -1,36 +0,0 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
diff --git a/apps/ui-playground/app/favicon.ico b/apps/ui-playground/app/favicon.ico
deleted file mode 100644
index 718d6fea4835ec..00000000000000
Binary files a/apps/ui-playground/app/favicon.ico and /dev/null differ
diff --git a/apps/ui-playground/app/globals.css b/apps/ui-playground/app/globals.css
deleted file mode 100644
index 4c25942b20f5f0..00000000000000
--- a/apps/ui-playground/app/globals.css
+++ /dev/null
@@ -1,485 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-/**
-* Add css variables here as well for light mode in addition to tailwind.config to avoid FOUC
-*/
-:root {
-  /* background */
-
-  --cal-bg-emphasis: hsla(220,13%,91%,1);
-  --cal-bg: hsla(0,0%,100%,1);
-  --cal-bg-subtle: hsla(220, 14%, 96%,1);
-  --cal-bg-muted: hsla(210,20%,98%,1);
-  --cal-bg-inverted: hsla(0,0%,6%,1);
-
-  /* background -> components*/
-  --cal-bg-info: hsla(218,83%,98%,1);
-  --cal-bg-success: hsla(134,76%,94%,1);
-  --cal-bg-attention: hsla(37, 86%, 92%, 1);
-  --cal-bg-error: hsla(3,66%,93%,1);
-  --cal-bg-dark-error: hsla(2, 55%, 30%, 1);
-
-  /* Borders */
-  --cal-border-emphasis: hsla(218, 11%, 65%, 1);
-  --cal-border: hsla(216, 12%, 84%, 1);
-  --cal-border-subtle: hsla(220, 13%, 91%, 1);
-  --cal-border-booker: #e5e7eb;
-  --cal-border-muted: hsla(220, 14%, 96%, 1);
-  --cal-border-error: hsla(4, 63%, 41%, 1);
-  --cal-border-focus: hsla(0, 0%, 10%, 1);
-
-  /* Content/Text */
-  --cal-text-emphasis: hsla(217, 19%, 27%, 1);
-  --cal-text: hsla(217, 19%, 27%, 1);
-  --cal-text-subtle: hsla(220, 9%, 46%, 1);
-  --cal-text-muted: hsla(218, 11%, 65%, 1);
-  --cal-text-inverted: hsla(0, 0%, 100%, 1);
-
-  /* Content/Text -> components */
-  --cal-text-info: hsla(228, 56%, 33%, 1);
-  --cal-text-success: hsla(133, 34%, 24%, 1);
-  --cal-text-attention: hsla(16, 62%, 28%, 1);
-  --cal-text-error: hsla(2, 55%, 30%, 1);
-
-  /* Brand shinanigans
-      -> These will be computed for the users theme at runtime.
-    */
-  --cal-brand: hsla(221, 39%, 11%, 1);
-  --cal-brand-emphasis: hsla(0, 0%, 6%, 1);
-  --cal-brand-text: hsla(0, 0%, 100%, 1);
-}
-.dark {
-  /* background */
-
-  --cal-bg-emphasis: hsla(0, 0%, 25%, 1);
-  --cal-bg: hsla(0, 0%, 10%, 1);
-  --cal-bg-subtle: hsla(0, 0%, 18%, 1);
-  --cal-bg-muted: hsla(0, 0%, 12%, 1);
-  --cal-bg-inverted: hsla(220, 14%, 96%, 1);
-
-  /* background -> components*/
-  --cal-bg-info: hsla(228, 56%, 33%, 1);
-  --cal-bg-success: hsla(133, 34%, 24%, 1);
-  --cal-bg-attention: hsla(16, 62%, 28%, 1);
-  --cal-bg-error: hsla(2, 55%, 30%, 1);
-  --cal-bg-dark-error: hsla(2, 55%, 30%, 1);
-
-  /* Borders */
-  --cal-border-emphasis: hsla(0, 0%, 46%, 1);
-  --cal-border: hsla(0, 0%, 34%, 1);
-  --cal-border-subtle: hsla(0, 0%, 22%, 1);
-  --cal-border-booker: hsla(0, 0%, 22%, 1);
-  --cal-border-muted: hsla(0, 0%, 18%, 1);
-  --cal-border-error: hsla(4, 63%, 41%, 1);
-  --cal-border-focus: hsla(0, 0%, 100%, 1);
-
-  /* Content/Text */
-  --cal-text-emphasis: hsla(240, 20%, 99%, 1);
-  --cal-text: hsla(0, 0%, 84%, 1);
-  --cal-text-subtle: hsla(0, 0%, 65%, 1);
-  --cal-text-muted: hsla(0, 0%, 34%, 1);
-  --cal-text-inverted: hsla(0, 0%, 10%, 1);
-
-  /* Content/Text -> components */
-  --cal-text-info: hsla(218, 83%, 93%, 1);
-  --cal-text-success: hsla(134, 76%, 94%, 1);
-  --cal-text-attention: hsla(37, 86%, 92%, 1);
-  --cal-text-error: hsla(3, 66%, 93%, 1);
-
-  /* Brand shenanigans
-      -> These will be computed for the users theme at runtime.
-    */
-  --cal-brand: hsla(0, 0%, 100%, 1);
-  --cal-brand-emphasis: hsla(218, 11%, 65%, 1);
-  --cal-brand-text: hsla(0, 0%, 0%,1);
-}
-
-@layer base {
-  * {
-    @apply border-default
-  }
-}
-
-::-moz-selection {
-  color: var(--cal-brand-text);
-  background: var(--cal-brand);
-}
-
-::selection {
-  color: var(--cal-brand-text);
-  background: var(--cal-brand);
-}
-
-body  {
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-}
-
-/*
-  Desktop App specific CSS
-    https://docs.todesktop.com/
-*/
-
-html.todesktop-platform-win32 .todesktop\:\!bg-transparent{
-  background: inherit !important;
-}
-
-/* disable user selection on buttons, links and images on desktop app */
-html.todesktop button,
-html.todesktop a,
-html.todesktop img,
-html.todesktop header {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  cursor: default !important;
-}
-
-html.todesktop,
-html.todesktop div {
-  cursor: default !important;
-}
-
-/* make header draggable on desktop app */
-html.todesktop header {
-  -webkit-app-region: drag;
-}
-
-html.todesktop header button,
-html.todesktop header a {
-  -webkit-app-region: no-drag;
-}
-
-html.todesktop-platform-darwin body, html.todesktop-platform-darwin aside {
-  background: transparent !important;
-}
-
-html.todesktop-platform-darwin.dark main.bg-default {
-  background: rgba(0, 0, 0, 0.6) !important;
-}
-
-html.todesktop-platform-darwin.light main.bg-default {
-  background: rgba(255, 255, 255, 0.8) !important;
-}
-
-html.todesktop.light {
-  --cal-bg-emphasis: hsla(0, 0%, 11%, 0.1);
-}
-
-html.todesktop.dark {
-  --cal-bg-emphasis: hsla(220, 2%, 26%, 0.3);
-}
-
-/*
-  Adds Utility to hide scrollbar to tailwind
-    https://github.com/tailwindlabs/tailwindcss/discussions/2394
-    https://github.com/tailwindlabs/tailwindcss/pull/5732
-*/
-@layer utilities {
-  /* Chrome, Safari and Opera */
-  .no-scrollbar::-webkit-scrollbar {
-    display: none;
-  }
-
-  .no-scrollbar {
-    -ms-overflow-style: none; /* IE and Edge */
-    scrollbar-width: none; /* Firefox */
-  }
-}
-
-/*
- * Override the default tailwindcss-forms styling (default is: 'colors.blue.600')
- * @see: https://github.com/tailwindlabs/tailwindcss-forms/issues/14#issuecomment-1005376006
- */
-[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="checkbox"]:focus,
-[type="radio"]:focus,
-[type="time"]:focus,
-[type="week"]:focus,
-[multiple]:focus,
-textarea:focus,
-select:focus {
-  --tw-ring-color: var(--brand-color);
-  border-color: var(--brand-color);
-}
-
-@layer components {
-  .scroll-bar {
-    @apply scrollbar-thin scrollbar-thumb-rounded-md dark:scrollbar-thumb-darkgray-300 scrollbar-thumb-gray-300 scrollbar-track-transparent;
-  }
-}
-
-/* TODO: avoid global specific css */
-/* button[role="switch"][data-state="checked"] span {
-  transform: translateX(16px);
-} */
-
-@layer components {
-  /* slider */
-  .slider {
-    @apply relative flex h-4 w-40 select-none items-center;
-  }
-
-  .slider > .slider-track {
-    @apply relative h-1 flex-grow rounded-md bg-gray-400;
-  }
-
-  .slider .slider-range {
-    @apply absolute h-full rounded-full bg-gray-700;
-  }
-
-  .slider .slider-thumb {
-    @apply block h-3 w-3 cursor-pointer rounded-full bg-gray-700 transition-all;
-  }
-
-  .slider .slider-thumb:hover {
-    @apply bg-gray-600;
-  }
-
-  .slider .slider-thumb:focus {
-    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2);
-  }
-}
-
-/* hide chat bubble on mobile */
-@media only screen and (max-width: 768px) {
-  /* Intercom FAB*/
-  #launcher {
-    display: none !important;
-  }
-
-  /* Zendesk FAB*/
-  div[role="presentation"] > iframe {
-    display: none !important;
-  }
-
-  /* Helpscout FAB*/
-  .BeaconFabButtonFrame {
-    margin-left: -30px;
-    left: 50%;
-    bottom: 28px !important;
-    z-index: 1058 !important;
-  }
-}
-
-/* TODO: implement styling for react-multi-email */
-
-/* !important to override react-dates */
-.DateRangePickerInput__withBorder {
-  border: 0 !important;
-}
-.DateInput_input {
-  border: 1px solid #d1d5db !important;
-  border-radius: 2px !important;
-  font-size: inherit !important;
-  font-weight: inherit !important;
-  color: #000;
-  padding: 11px ​11px 9px !important;
-  line-height: 16px !important;
-}
-
-.DateInput_input__focused {
-  border: 2px solid #000 !important;
-  border-radius: 2px !important;
-  box-shadow: none !important;
-  padding: 10px ​10px 9px !important;
-}
-
-.DateRangePickerInput_arrow {
-  padding: 0px 10px;
-}
-
-.loader {
-  display: block;
-  width: 30px;
-  height: 30px;
-  margin: 60px auto;
-  position: relative;
-  border-width: 4px;
-  border-style: solid;
-  animation: loader 2s infinite ease;
-}
-
-.loader-inner {
-  vertical-align: top;
-  display: inline-block;
-  width: 100%;
-  animation: loader-inner 2s infinite ease-in;
-}
-
-.no-ring-inset {
-  --tw-ring-inset: unset;
-}
-
-@keyframes loader {
-  0% {
-    transform: rotate(0deg);
-  }
-
-  25% {
-    transform: rotate(180deg);
-  }
-
-  50% {
-    transform: rotate(180deg);
-  }
-
-  75% {
-    transform: rotate(360deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes loader-inner {
-  0% {
-    height: 0%;
-  }
-
-  25% {
-    height: 0%;
-  }
-
-  50% {
-    height: 100%;
-  }
-
-  75% {
-    height: 100%;
-  }
-
-  100% {
-    height: 0%;
-  }
-}
-
-.text-inverted-important {
-  color: white !important;
-}
-
-@layer utilities {
-  .transition-max-width {
-    -webkit-transition-property: max-width;
-    transition-property: max-width;
-  }
-}
-
-#timeZone input:focus {
-  box-shadow: none;
-}
-
-/* react-date-picker forces a border upon us, cast it away */
-.react-date-picker__wrapper {
-  border: none !important;
-}
-
-.react-date-picker__inputGroup__input {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-/* animations */
-.slideInBottom {
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  animation-name: slideInBottom;
-}
-
-@keyframes slideInBottom {
-  from {
-    opacity: 0;
-    transform: translateY(30%);
-    pointer-events: none;
-  }
-  to {
-    opacity: 1;
-    pointer-events: auto;
-  }
-}
-
-/* animations */
-.slideInTop {
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  animation-name: slideInTop;
-}
-
-@keyframes slideInTop {
-  from {
-    opacity: 0;
-    transform: translateY(-20%);
-    pointer-events: none;
-  }
-  to {
-    opacity: 1;
-    pointer-events: auto;
-    transform: translateY(0%);
-  }
-}
-
-.fadeIn {
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  animation-name: fadeIn;
-  animation-timing-function: ease-in-out;
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-/**
- * Makes sure h-screen works on mobile Safari. By default h-screen
- * does not take into account the height of the address bar, causing
- * weird behaviour when scrolling — sometimes the height will be correct
- * and sometimes it won't, depending on whether the address bar is
- * in 'collapsed' state or not.
- * @see: https://benborgers.com/posts/tailwind-h-screen
- */
-@supports (-webkit-touch-callout: none) {
-  .h-screen {
-    height: -webkit-fill-available;
-  }
-}
-
-::-webkit-search-cancel-button {
-  -webkit-appearance: none;
-}
-
-.react-tel-input .country-list .country:hover,
-.react-tel-input .country-list .country.highlight {
-  @apply !bg-emphasis;
-}
-
-.react-tel-input .flag-dropdown .selected-flag,
-.react-tel-input .flag-dropdown.open .selected-flag {
-  @apply !bg-default;
-}
-
-.react-tel-input .flag-dropdown {
-  @apply !border-r-default left-0.5 !border-y-0 !border-l-0;
-}
-
-.intercom-lightweight-app  {
-  @apply z-40 !important;
-}
diff --git a/apps/ui-playground/app/layout.tsx b/apps/ui-playground/app/layout.tsx
deleted file mode 100644
index a521089ba04653..00000000000000
--- a/apps/ui-playground/app/layout.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-
-import "./globals.css";
-
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
-
-export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
-};
-
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  return (
-    <html lang="en">
-      <body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>{children}</body>
-    </html>
-  );
-}
diff --git a/apps/ui-playground/app/page.tsx b/apps/ui-playground/app/page.tsx
deleted file mode 100644
index 18bb6f0c614c3c..00000000000000
--- a/apps/ui-playground/app/page.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-// import  AvatarDemo  from "./_components/AvatarDemo";
-
-export default function Home() {
-  return <div className="p-4 font-[family-name:var(--font-geist-sans)]">{/* <AvatarDemo /> */}</div>;
-}
diff --git a/apps/ui-playground/eslint.config.mjs b/apps/ui-playground/eslint.config.mjs
deleted file mode 100644
index c85fb67c463f20..00000000000000
--- a/apps/ui-playground/eslint.config.mjs
+++ /dev/null
@@ -1,16 +0,0 @@
-import { dirname } from "path";
-import { fileURLToPath } from "url";
-import { FlatCompat } from "@eslint/eslintrc";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-});
-
-const eslintConfig = [
-  ...compat.extends("next/core-web-vitals", "next/typescript"),
-];
-
-export default eslintConfig;
diff --git a/apps/ui-playground/next.config.ts b/apps/ui-playground/next.config.ts
deleted file mode 100644
index e9ffa3083ad279..00000000000000
--- a/apps/ui-playground/next.config.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import type { NextConfig } from "next";
-
-const nextConfig: NextConfig = {
-  /* config options here */
-};
-
-export default nextConfig;
diff --git a/apps/ui-playground/package.json b/apps/ui-playground/package.json
deleted file mode 100644
index 79f7abbe38155b..00000000000000
--- a/apps/ui-playground/package.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-  "name": "ui-playground",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev --turbopack --port=1337",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "@calcom/config": "*",
-    "@calcom/lib": "*",
-    "@calcom/ui": "*",
-    "next": "15.1.6",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
-  },
-  "devDependencies": {
-    "@eslint/eslintrc": "^3",
-    "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "eslint": "^9",
-    "eslint-config-next": "15.1.6",
-    "postcss": "^8",
-    "tailwindcss": "^3.4.1",
-    "typescript": "^5"
-  }
-}
diff --git a/apps/ui-playground/postcss.config.mjs b/apps/ui-playground/postcss.config.mjs
deleted file mode 100644
index 1a69fd2a450afc..00000000000000
--- a/apps/ui-playground/postcss.config.mjs
+++ /dev/null
@@ -1,8 +0,0 @@
-/** @type {import('postcss-load-config').Config} */
-const config = {
-  plugins: {
-    tailwindcss: {},
-  },
-};
-
-export default config;
diff --git a/apps/ui-playground/tailwind.config.ts b/apps/ui-playground/tailwind.config.ts
deleted file mode 100644
index f21d47baefefee..00000000000000
--- a/apps/ui-playground/tailwind.config.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import base from "@calcom/config/tailwind-preset";
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  ...base,
-  content: [...base.content],
-  plugins: [...base.plugins, require("tailwindcss-animate")],
-};
diff --git a/apps/ui-playground/tsconfig.json b/apps/ui-playground/tsconfig.json
deleted file mode 100644
index d8b93235f205ef..00000000000000
--- a/apps/ui-playground/tsconfig.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": ["./*"]
-    }
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
-}
diff --git a/apps/web/app/icons/page.tsx b/apps/web/app/icons/page.tsx
index a2ebf86a70478a..decbbac82ea644 100644
--- a/apps/web/app/icons/page.tsx
+++ b/apps/web/app/icons/page.tsx
@@ -35,7 +35,7 @@ export default async function IconsPage() {
           <IconGrid
             title="Filled Icons"
             icons={icons}
-            rootClassName="bg-darkgray-100 text-gray-50"
+            rootClassName="bg-inverted text-inverted"
             iconClassName="fill-blue-500"
           />
         </div>
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index d344b0a5b8dd1b..cbebcbeaf21ce8 100644
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -122,7 +122,7 @@ export default async function RootLayout({ children }: { children: React.ReactNo
         `}</style>
       </head>
       <body
-        className="dark:bg-darkgray-50 bg-subtle antialiased"
+        className="dark:bg-default bg-subtle antialiased"
         style={
           isEmbed
             ? {
diff --git a/apps/web/app/settings/(settings-layout)/my-account/out-of-office/page.tsx b/apps/web/app/settings/(settings-layout)/my-account/out-of-office/page.tsx
index 1a0eff28b2fa20..411b6e3032122a 100644
--- a/apps/web/app/settings/(settings-layout)/my-account/out-of-office/page.tsx
+++ b/apps/web/app/settings/(settings-layout)/my-account/out-of-office/page.tsx
@@ -18,7 +18,7 @@ const Page = async () => {
     <SettingsHeader
       title={t("out_of_office")}
       description={t("out_of_office_description")}
-      CTA={<CreateNewOutOfOfficeEntryButton />}>
+      CTA={<CreateNewOutOfOfficeEntryButton data-testid="add_entry_ooo" />}>
       <OutOfOfficeEntriesList />
     </SettingsHeader>
   );
diff --git a/apps/web/components/getting-started/steps-views/SetupAvailability.tsx b/apps/web/components/getting-started/steps-views/SetupAvailability.tsx
index 390bb55cbafe76..a1fd3be7bf3ef1 100644
--- a/apps/web/components/getting-started/steps-views/SetupAvailability.tsx
+++ b/apps/web/components/getting-started/steps-views/SetupAvailability.tsx
@@ -6,7 +6,7 @@ import { useLocale } from "@calcom/lib/hooks/useLocale";
 import type { TRPCClientErrorLike } from "@calcom/trpc/react";
 import { trpc } from "@calcom/trpc/react";
 import type { AppRouter } from "@calcom/trpc/server/routers/_app";
-import { Button, Form, Icon } from "@calcom/ui";
+import { Button, Form } from "@calcom/ui";
 
 interface ISetupAvailabilityProps {
   nextStep: () => void;
@@ -73,12 +73,13 @@ const SetupAvailability = (props: ISetupAvailabilityProps) => {
 
       <div>
         <Button
+          EndIcon="arrow-right"
           data-testid="save-availability"
           type="submit"
           className="mt-2 w-full justify-center p-2 text-sm sm:mt-8"
           loading={availabilityForm.formState.isSubmitting}
           disabled={availabilityForm.formState.isSubmitting}>
-          {t("next_step_text")} <Icon name="arrow-right" className="ml-2 h-4 w-4 self-center" />
+          {t("next_step_text")}
         </Button>
       </div>
     </Form>
diff --git a/apps/web/components/getting-started/steps-views/UserSettings.tsx b/apps/web/components/getting-started/steps-views/UserSettings.tsx
index d2f22d531e83d9..2e8ab496663352 100644
--- a/apps/web/components/getting-started/steps-views/UserSettings.tsx
+++ b/apps/web/components/getting-started/steps-views/UserSettings.tsx
@@ -9,7 +9,7 @@ import { FULL_NAME_LENGTH_MAX_LIMIT } from "@calcom/lib/constants";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { telemetryEventTypes, useTelemetry } from "@calcom/lib/telemetry";
 import { trpc } from "@calcom/trpc/react";
-import { Button, TimezoneSelect, Icon, Input } from "@calcom/ui";
+import { Button, TimezoneSelect, Input } from "@calcom/ui";
 
 import { UsernameAvailabilityField } from "@components/ui/UsernameAvailability";
 
@@ -110,12 +110,12 @@ const UserSettings = (props: IUserSettingsProps) => {
         </div>
       </div>
       <Button
+        EndIcon="arrow-right"
         type="submit"
         className="mt-8 flex w-full flex-row justify-center"
         loading={mutation.isPending}
         disabled={mutation.isPending}>
         {t("next_step_text")}
-        <Icon name="arrow-right" className="ml-2 h-4 w-4 self-center" aria-hidden="true" />
       </Button>
     </form>
   );
diff --git a/apps/web/components/settings/CustomEmailTextField.tsx b/apps/web/components/settings/CustomEmailTextField.tsx
index 509f35b409532a..230c9f82da9f21 100644
--- a/apps/web/components/settings/CustomEmailTextField.tsx
+++ b/apps/web/components/settings/CustomEmailTextField.tsx
@@ -45,7 +45,7 @@ const CustomEmailTextField = ({
   return (
     <>
       <div
-        className={`border-default mt-2 flex w-full items-center rounded-md border ${
+        className={`border-default mt-2 flex w-full items-center rounded-[10px] border ${
           inputFocus ? "ring-brand-default border-neutral-300 ring-2" : ""
         }`}>
         <TextField
@@ -73,8 +73,8 @@ const CustomEmailTextField = ({
               <Button
                 StartIcon="ellipsis"
                 variant="icon"
-                size="sm"
-                color="secondary"
+                size="xs"
+                color="minimal"
                 className="ml-2 rounded-md"
                 data-testid="secondary-email-action-group-button"
               />
diff --git a/apps/web/components/setup/EnterpriseLicense.tsx b/apps/web/components/setup/EnterpriseLicense.tsx
index 744ede19a1e303..e3fd6ca82bc449 100644
--- a/apps/web/components/setup/EnterpriseLicense.tsx
+++ b/apps/web/components/setup/EnterpriseLicense.tsx
@@ -115,7 +115,6 @@ const EnterpriseLicense = (
                 placeholder="xxxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxxx"
                 labelSrOnly={true}
                 value={value}
-                addOnFilled={false}
                 addOnClassname={classNames(
                   "hover:border-default",
                   errors.licenseKey === undefined && isDirty && "group-hover:border-emphasis"
diff --git a/apps/web/components/ui/AuthContainer.tsx b/apps/web/components/ui/AuthContainer.tsx
index bfb3a936f41b93..d1714c63a99a83 100644
--- a/apps/web/components/ui/AuthContainer.tsx
+++ b/apps/web/components/ui/AuthContainer.tsx
@@ -13,7 +13,7 @@ interface Props {
 
 export default function AuthContainer(props: React.PropsWithChildren<Props>) {
   return (
-    <div className="bg-subtle dark:bg-darkgray-50 flex min-h-screen flex-col justify-center py-12 sm:px-6 lg:px-8">
+    <div className="bg-subtle dark:bg-default flex min-h-screen flex-col justify-center py-12 sm:px-6 lg:px-8">
       {props.showLogo && <Logo small inline={false} className="mx-auto mb-auto" />}
 
       <div className={classNames(props.showLogo ? "text-center" : "", "sm:mx-auto sm:w-full sm:max-w-md")}>
diff --git a/apps/web/modules/apps/apps-view.tsx b/apps/web/modules/apps/apps-view.tsx
index 411ee415ed27fc..b28ec76d7f72a2 100644
--- a/apps/web/modules/apps/apps-view.tsx
+++ b/apps/web/modules/apps/apps-view.tsx
@@ -42,7 +42,6 @@ function AppsSearch({
   const { t } = useLocale();
   return (
     <TextField
-      className="bg-subtle !border-muted !pl-0 focus:!ring-offset-0"
       addOnLeading={<Icon name="search" className="text-subtle h-4 w-4" />}
       addOnClassname="!border-muted"
       containerClassName={classNames("focus:!ring-offset-0 m-1", className)}
diff --git a/apps/web/modules/bookings/views/bookings-listing-view.tsx b/apps/web/modules/bookings/views/bookings-listing-view.tsx
index 70d8458f56b0e8..3c1e751e0849ff 100644
--- a/apps/web/modules/bookings/views/bookings-listing-view.tsx
+++ b/apps/web/modules/bookings/views/bookings-listing-view.tsx
@@ -44,22 +44,27 @@ const tabs: (VerticalTabItemProps | HorizontalTabItemProps)[] = [
   {
     name: "upcoming",
     href: "/bookings/upcoming",
+    "data-testid": "upcoming",
   },
   {
     name: "unconfirmed",
     href: "/bookings/unconfirmed",
+    "data-testid": "unconfirmed",
   },
   {
     name: "recurring",
     href: "/bookings/recurring",
+    "data-testid": "recurring",
   },
   {
     name: "past",
     href: "/bookings/past",
+    "data-testid": "past",
   },
   {
     name: "cancelled",
     href: "/bookings/cancelled",
+    "data-testid": "cancelled",
   },
 ];
 
@@ -250,7 +255,12 @@ function BookingsContent({ status }: BookingsProps) {
   return (
     <div className="flex flex-col">
       <div className="flex flex-row flex-wrap justify-between">
-        <HorizontalTabs tabs={tabs} />
+        <HorizontalTabs
+          tabs={tabs.map((tab) => ({
+            ...tab,
+            name: t(tab.name),
+          }))}
+        />
         <FilterToggle setIsFiltersVisible={setIsFiltersVisible} />
       </div>
       <FiltersContainer isFiltersVisible={isFiltersVisible} />
diff --git a/apps/web/modules/bookings/views/bookings-single-view.tsx b/apps/web/modules/bookings/views/bookings-single-view.tsx
index a2664ca60b7b39..bc423c43c7fe7e 100644
--- a/apps/web/modules/bookings/views/bookings-single-view.tsx
+++ b/apps/web/modules/bookings/views/bookings-single-view.tsx
@@ -983,7 +983,7 @@ export default function Success(props: PageProps) {
                           className={classNames(
                             "flex h-10 w-10 items-center justify-center rounded-full border text-2xl hover:opacity-100",
                             rateValue === 1
-                              ? "border-focus bg-emphasis"
+                              ? "border-emphasis bg-emphasis"
                               : "border-muted bg-default opacity-50"
                           )}
                           disabled={isFeedbackSubmitted}
@@ -994,7 +994,7 @@ export default function Success(props: PageProps) {
                           className={classNames(
                             "flex h-10 w-10 items-center justify-center rounded-full border text-2xl hover:opacity-100",
                             rateValue === 2
-                              ? "border-focus bg-emphasis"
+                              ? "border-emphasis bg-emphasis"
                               : "border-muted bg-default opacity-50"
                           )}
                           disabled={isFeedbackSubmitted}
@@ -1005,7 +1005,7 @@ export default function Success(props: PageProps) {
                           className={classNames(
                             "flex h-10 w-10 items-center justify-center rounded-full border text-2xl hover:opacity-100",
                             rateValue === 3
-                              ? "border-focus bg-emphasis"
+                              ? "border-emphasis bg-emphasis"
                               : " border-muted bg-default opacity-50"
                           )}
                           disabled={isFeedbackSubmitted}
@@ -1016,7 +1016,7 @@ export default function Success(props: PageProps) {
                           className={classNames(
                             "flex h-10 w-10 items-center justify-center rounded-full border text-2xl hover:opacity-100",
                             rateValue === 4
-                              ? "border-focus bg-emphasis"
+                              ? "border-emphasis bg-emphasis"
                               : "border-muted bg-default opacity-50"
                           )}
                           disabled={isFeedbackSubmitted}
@@ -1027,7 +1027,7 @@ export default function Success(props: PageProps) {
                           className={classNames(
                             "flex h-10 w-10 items-center justify-center rounded-full border text-2xl hover:opacity-100",
                             rateValue === 5
-                              ? "border-focus bg-emphasis"
+                              ? "border-emphasis bg-emphasis"
                               : "border-muted bg-default opacity-50"
                           )}
                           disabled={isFeedbackSubmitted}
diff --git a/apps/web/modules/event-types/views/event-types-listing-view.tsx b/apps/web/modules/event-types/views/event-types-listing-view.tsx
index 63c3dd7016f3f4..9a6c368356fe86 100644
--- a/apps/web/modules/event-types/views/event-types-listing-view.tsx
+++ b/apps/web/modules/event-types/views/event-types-listing-view.tsx
@@ -120,9 +120,8 @@ const InfiniteTeamsTab: FC<InfiniteTeamsTabProps> = (props) => {
   return (
     <div>
       <TextField
-        className="max-w-64 bg-subtle !border-muted mb-4 mr-auto rounded-md !pl-0 focus:!ring-offset-0"
+        className="max-w-64"
         addOnLeading={<Icon name="search" className="text-subtle h-4 w-4" />}
-        addOnClassname="!border-muted"
         containerClassName="max-w-64 focus:!ring-offset-0 mb-4"
         type="search"
         value={searchTerm}
@@ -600,7 +599,8 @@ export const InfiniteEventTypeList = ({
                                   variant="icon"
                                   color="secondary"
                                   StartIcon="ellipsis"
-                                  className="ltr:radix-state-open:rounded-r-md rtl:radix-state-open:rounded-l-md"
+                                  // Unsual practice to use radix state open but for some reason this dropdown and only thi dropdown clears the border radius of this button.
+                                  className="ltr:radix-state-open:rounded-r-[--btn-group-radius] rtl:radix-state-open:rounded-l-[--btn-group-radius]"
                                 />
                               </DropdownMenuTrigger>
                               <DropdownMenuContent>
@@ -915,6 +915,7 @@ const InfiniteScrollMain = ({
     name: item.profile.name ?? "",
     href: item.teamId ? `/event-types?teamId=${item.teamId}` : "/event-types?noTeam",
     avatar: item.profile.image,
+    "data-testid": item.profile.name ?? "",
   }));
 
   const activeEventTypeGroup =
diff --git a/apps/web/modules/settings/my-account/general-view.tsx b/apps/web/modules/settings/my-account/general-view.tsx
index 83441bdadad692..8482de931b99ed 100644
--- a/apps/web/modules/settings/my-account/general-view.tsx
+++ b/apps/web/modules/settings/my-account/general-view.tsx
@@ -250,7 +250,7 @@ const GeneralView = ({ localeProp, user, travelSchedules, revalidatePage }: Gene
           ) : (
             <div className="bg-muted border-subtle mt-2 rounded-md border p-4">
               <Label>{t("travel_schedule")}</Label>
-              <div className="dark:bg-darkgray-100 border-subtle mt-4 rounded-md border bg-white text-sm">
+              <div className="border-subtle bg-default mt-4 rounded-md border text-sm">
                 {watchedTzSchedules.map((schedule, index) => {
                   return (
                     <div
diff --git a/apps/web/modules/signup-view.tsx b/apps/web/modules/signup-view.tsx
index db6af1ce789501..dcead86993566f 100644
--- a/apps/web/modules/signup-view.tsx
+++ b/apps/web/modules/signup-view.tsx
@@ -126,7 +126,6 @@ function UsernameField({
         {...props}
         {...register("username")}
         data-testid="signup-usernamefield"
-        addOnFilled={false}
       />
       {(!formState.isSubmitting || !formState.isSubmitted) && (
         <div className="text-gray text-default flex items-center text-sm">
diff --git a/apps/web/modules/team/team-view.tsx b/apps/web/modules/team/team-view.tsx
index 704783128355e7..ae602d6840c202 100644
--- a/apps/web/modules/team/team-view.tsx
+++ b/apps/web/modules/team/team-view.tsx
@@ -74,7 +74,7 @@ function TeamPage({ team, considerUnpublished, isValidOrgDomain }: PageProps) {
         <li
           key={index}
           className={classNames(
-            "dark:bg-darkgray-100 bg-default hover:bg-muted border-subtle group relative border-b transition first:rounded-t-md last:rounded-b-md last:border-b-0",
+            "bg-default hover:bg-muted border-subtle group relative border-b transition first:rounded-t-md last:rounded-b-md last:border-b-0",
             !isEmbed && "bg-default"
           )}>
           <div className="px-6 py-4 ">
@@ -157,7 +157,7 @@ function TeamPage({ team, considerUnpublished, isValidOrgDomain }: PageProps) {
 
   return (
     <>
-      <main className="dark:bg-darkgray-50 bg-subtle mx-auto max-w-3xl rounded-md px-4 pb-12 pt-12">
+      <main className="dark:bg-default bg-subtle mx-auto max-w-3xl rounded-md px-4 pb-12 pt-12">
         <div className="mx-auto mb-8 max-w-3xl text-center">
           <div className="relative">
             <Avatar alt={teamName} imageSrc={profileImageSrc} size="lg" />
@@ -208,9 +208,7 @@ function TeamPage({ team, considerUnpublished, isValidOrgDomain }: PageProps) {
                         <div className="border-subtle w-full border-t" />
                       </div>
                       <div className="relative flex justify-center">
-                        <span className="dark:bg-darkgray-50 bg-subtle text-subtle px-2 text-sm">
-                          {t("or")}
-                        </span>
+                        <span className="bg-subtle text-subtle px-2 text-sm">{t("or")}</span>
                       </div>
                     </div>
 
diff --git a/apps/web/pages/_document.tsx b/apps/web/pages/_document.tsx
index 2a561cf72f2cf8..95bbd69ef4937d 100644
--- a/apps/web/pages/_document.tsx
+++ b/apps/web/pages/_document.tsx
@@ -121,7 +121,7 @@ class MyDocument extends Document<Props> {
         </Head>
 
         <body
-          className="dark:bg-darkgray-50 bg-subtle antialiased"
+          className="dark:bg-default bg-subtle antialiased"
           style={
             isEmbed
               ? {
diff --git a/apps/web/playwright/ab-tests-redirect.e2e.ts b/apps/web/playwright/ab-tests-redirect.e2e.ts
index 4b097df0db70c1..3fd661c37e6654 100644
--- a/apps/web/playwright/ab-tests-redirect.e2e.ts
+++ b/apps/web/playwright/ab-tests-redirect.e2e.ts
@@ -74,7 +74,7 @@ test.describe("apps/ A/B tests", () => {
 
     const locator = page.getByTestId("horizontal-tab-upcoming");
 
-    await expect(locator).toHaveClass(/bg-emphasis/);
+    await expect(locator).toBeDefined();
   });
 
   test("should render the /getting-started", async ({ page, users }) => {
diff --git a/apps/web/playwright/embed-code-generator.e2e.ts b/apps/web/playwright/embed-code-generator.e2e.ts
index 548b6121a0d228..2bc0c6490ab7a7 100644
--- a/apps/web/playwright/embed-code-generator.e2e.ts
+++ b/apps/web/playwright/embed-code-generator.e2e.ts
@@ -336,7 +336,7 @@ async function goToReactCodeTab(page: Page) {
   // To prevent early timeouts
   // eslint-disable-next-line playwright/no-wait-for-timeout
   await page.waitForTimeout(1000);
-  await page.locator("[data-testid=horizontal-tab-React]").click();
+  await page.locator("[data-testid=horizontal-tab-react]").click();
 }
 
 async function clickEmbedButton(page: Page) {
diff --git a/apps/web/playwright/lib/testUtils.ts b/apps/web/playwright/lib/testUtils.ts
index a752cb9a646cc5..d8742c20ad671c 100644
--- a/apps/web/playwright/lib/testUtils.ts
+++ b/apps/web/playwright/lib/testUtils.ts
@@ -66,9 +66,9 @@ export function createHttpServer(opts: { requestHandler?: RequestHandler } = {})
       eventEmitter.on("push", pushHandler);
       setTimeout(() => {
         if (resolved) return;
-        // Timeout after 5 seconds
+        // Timeout after 10 seconds
         reject(new Error("Timeout waiting for webhook"));
-      }, 5000);
+      }, 10000);
     });
   };
 
diff --git a/apps/web/playwright/manage-booking-questions.e2e.ts b/apps/web/playwright/manage-booking-questions.e2e.ts
index 9443f13f1b7a71..7a129045449630 100644
--- a/apps/web/playwright/manage-booking-questions.e2e.ts
+++ b/apps/web/playwright/manage-booking-questions.e2e.ts
@@ -258,7 +258,6 @@ test.describe("Manage Booking Questions", () => {
       await test.step("Go to First Team Event", async () => {
         const locator = page.getByTestId(`horizontal-tab-${team?.name}`);
         await locator.click();
-        await expect(locator).toHaveClass(/bg-emphasis/);
         const $eventTypes = page.locator("[data-testid=event-types]").locator("li a");
         const firstEventTypeElement = $eventTypes.first();
 
diff --git a/apps/web/playwright/organization/lib/inviteUser.ts b/apps/web/playwright/organization/lib/inviteUser.ts
index 12f2b0db5deaec..53d9046afef203 100644
--- a/apps/web/playwright/organization/lib/inviteUser.ts
+++ b/apps/web/playwright/organization/lib/inviteUser.ts
@@ -56,6 +56,6 @@ async function inviteAnEmail(page: Page, invitedUserEmail: string) {
   await page.getByTestId("new-organization-member-button").click();
   await page.locator('input[name="inviteUser"]').fill(invitedUserEmail);
   await submitAndWaitForResponse(page, "/api/trpc/teams/inviteMember?batch=1", {
-    action: () => page.locator('button:text("Send invite")').click(),
+    action: () => page.getByTestId("invite-new-member-button").click(),
   });
 }
diff --git a/apps/web/playwright/organization/organization-creation.e2e.ts b/apps/web/playwright/organization/organization-creation.e2e.ts
index 6a4ba312edc921..5f6ae6eadab4ed 100644
--- a/apps/web/playwright/organization/organization-creation.e2e.ts
+++ b/apps/web/playwright/organization/organization-creation.e2e.ts
@@ -135,7 +135,7 @@ test.describe("Organization", () => {
     await test.step("Basic info", async () => {
       // Check required fields
       await page.locator("button[type=submit]").click();
-      await expect(page.locator(".text-red-700")).toHaveCount(3);
+      await expect(page.getByTestId("field-error")).toHaveCount(3);
 
       // Happy path
       await fillAndSubmitFirstStepAsAdmin(page, orgOwnerEmail, orgName, orgSlug);
@@ -152,12 +152,12 @@ test.describe("Organization", () => {
 
     await test.step("About the organization", async () => {
       // Choosing an avatar
-      await page.locator('button:text("Upload")').click();
+      await page.getByTestId("open-upload-avatar-dialog").click();
       const fileChooserPromise = page.waitForEvent("filechooser");
       await page.getByText("Choose a file...").click();
       const fileChooser = await fileChooserPromise;
       await fileChooser.setFiles(path.join(__dirname, "../../public/apple-touch-icon.png"));
-      await page.locator('button:text("Save")').click();
+      await page.getByTestId("upload-avatar").click();
 
       // About text
       await page.locator('textarea[name="about"]').fill("This is a testing org");
@@ -202,7 +202,7 @@ test.describe("Organization", () => {
       await page.locator('input[name="teams.0.name"]').fill("Marketing");
 
       // Adding another team
-      await page.locator('button:text("Add a team")').click();
+      await page.getByTestId("add_a_team").click();
       await page.locator('input[name="teams.1.name"]').fill("Sales");
 
       // Finishing the creation wizard
@@ -269,7 +269,7 @@ test.describe("Organization", () => {
     await test.step("Basic info", async () => {
       // Check required fields
       await page.locator("button[type=submit]").click();
-      await expect(page.locator(".text-red-700")).toHaveCount(3);
+      await expect(page.getByTestId("field-error")).toHaveCount(3);
 
       // Happy path
       await fillAndSubmitFirstStepAsAdmin(page, orgOwnerEmail, orgName, orgSlug);
@@ -319,12 +319,12 @@ test.describe("Organization", () => {
 
     await test.step("About the organization", async () => {
       // Choosing an avatar
-      await page.locator('button:text("Upload")').click();
+      await page.getByTestId("open-upload-avatar-dialog").click();
       const fileChooserPromise = page.waitForEvent("filechooser");
       await page.getByText("Choose a file...").click();
       const fileChooser = await fileChooserPromise;
       await fileChooser.setFiles(path.join(__dirname, "../../public/apple-touch-icon.png"));
-      await page.locator('button:text("Save")').click();
+      await page.getByTestId("upload-avatar").click();
 
       // About text
       await page.locator('textarea[name="about"]').fill("This is a testing org");
@@ -369,7 +369,7 @@ test.describe("Organization", () => {
       await page.locator('input[name="teams.0.name"]').fill("Marketing");
 
       // Adding another team
-      await page.locator('button:text("Add a team")').click();
+      await page.getByTestId("add_a_team").click();
       await page.locator('input[name="teams.1.name"]').fill("Sales");
 
       // Finishing the creation wizard
@@ -451,12 +451,12 @@ test.describe("Organization", () => {
 
     await test.step("About the organization", async () => {
       // Choosing an avatar
-      await page.locator('button:text("Upload")').click();
+      await page.getByTestId("open-upload-avatar-dialog").click();
       const fileChooserPromise = page.waitForEvent("filechooser");
       await page.getByText("Choose a file...").click();
       const fileChooser = await fileChooserPromise;
       await fileChooser.setFiles(path.join(__dirname, "../../public/apple-touch-icon.png"));
-      await page.locator('button:text("Save")').click();
+      await page.getByTestId("upload-avatar").click();
 
       // About text
       await page.locator('textarea[name="about"]').fill("This is a testing org");
@@ -511,7 +511,7 @@ test.describe("Organization", () => {
       await page.locator('input[name="teams.0.name"]').fill("Marketing");
 
       // Adding another team
-      await page.locator('button:text("Add a team")').click();
+      await page.getByTestId("new-team-dialog-button").click();
       await page.locator('input[name="teams.1.name"]').fill("Sales");
 
       // Finishing the creation wizard
diff --git a/apps/web/playwright/organization/organization-invitation.e2e.ts b/apps/web/playwright/organization/organization-invitation.e2e.ts
index a9604e2bc4b3e4..9fab1a31ea04f4 100644
--- a/apps/web/playwright/organization/organization-invitation.e2e.ts
+++ b/apps/web/playwright/organization/organization-invitation.e2e.ts
@@ -546,7 +546,7 @@ async function inviteAnEmail(page: Page, invitedUserEmail: string, teamPage?: bo
   }
   await page.locator('input[name="inviteUser"]').fill(invitedUserEmail);
   const submitPromise = page.waitForResponse("/api/trpc/teams/inviteMember?batch=1");
-  await page.locator('button:text("Send invite")').click();
+  await page.getByTestId("invite-new-member-button").click();
   const response = await submitPromise;
   expect(response.status()).toBe(200);
 }
diff --git a/apps/web/playwright/team/team-invitation.e2e.ts b/apps/web/playwright/team/team-invitation.e2e.ts
index 0405d8e108cae0..2b18d0b6db5e44 100644
--- a/apps/web/playwright/team/team-invitation.e2e.ts
+++ b/apps/web/playwright/team/team-invitation.e2e.ts
@@ -29,7 +29,7 @@ test.describe("Team", () => {
       });
       await page.getByTestId("new-member-button").click();
       await page.locator('input[name="inviteUser"]').fill(invitedUserEmail);
-      await page.locator(`button:text("${t("send_invite")}")`).click();
+      await page.getByText(t("send_invite")).click();
       const inviteLink = await expectInvitationEmailToBeReceived(
         page,
         emails,
@@ -110,7 +110,7 @@ test.describe("Team", () => {
       });
       await page.getByTestId("new-member-button").click();
       await page.locator('input[name="inviteUser"]').fill(invitedUserEmail);
-      await page.locator(`button:text("${t("send_invite")}")`).click();
+      await page.getByText(t("send_invite")).click();
       await expectInvitationEmailToBeReceived(
         page,
         emails,
@@ -155,7 +155,7 @@ test.describe("Team", () => {
     await page.goto(`/settings/teams/${team.id}/members`);
     await page.getByTestId("new-member-button").click();
     await page.locator('input[name="inviteUser"]').fill(invitedMember.email);
-    await page.locator(`button:text("${t("send_invite")}")`).click();
+    await page.getByText(t("send_invite")).click();
 
     await invitedMember.apiLogin();
     await page.goto(`/teams`);
diff --git a/apps/web/styles/globals.css b/apps/web/styles/globals.css
index 7a9021fe68dbc0..163fda356c5929 100644
--- a/apps/web/styles/globals.css
+++ b/apps/web/styles/globals.css
@@ -5,94 +5,248 @@
 * Add css variables here as well for light mode in addition to tailwind.config to avoid FOUC
 */
 :root {
-  /* background */
-
-  --cal-bg-emphasis: hsla(220,13%,91%,1);
-  --cal-bg: hsla(0,0%,100%,1);
-  --cal-bg-subtle: hsla(220, 14%, 96%,1);
-  --cal-bg-muted: hsla(210,20%,98%,1);
-  --cal-bg-inverted: hsla(0,0%,6%,1);
-
-  /* background -> components*/
-  --cal-bg-info: hsla(218,83%,98%,1);
-  --cal-bg-success: hsla(134,76%,94%,1);
-  --cal-bg-attention: hsla(37, 86%, 92%, 1);
-  --cal-bg-error: hsla(3,66%,93%,1);
-  --cal-bg-dark-error: hsla(2, 55%, 30%, 1);
+  /* Spacing Scale */
+  --cal-spacing-0: 0px;
+  --cal-spacing-px: 1px;
+  --cal-spacing-0_5: 0.125rem; /* 2px */
+  --cal-spacing-1: 0.25rem;   /* 4px */
+  --cal-spacing-1_5: 0.375rem; /* 6px */
+  --cal-spacing-2: 0.5rem;    /* 8px */
+  --cal-spacing-2_5: 0.625rem; /* 10px */
+  --cal-spacing-3: 0.75rem;   /* 12px */
+  --cal-spacing-3_5: 0.875rem; /* 14px */
+  --cal-spacing-4: 1rem;      /* 16px */
+  --cal-spacing-5: 1.25rem;   /* 20px */
+  --cal-spacing-6: 1.5rem;    /* 24px */
+  --cal-spacing-7: 1.75rem;   /* 28px */
+  --cal-spacing-8: 2rem;      /* 32px */
+  --cal-spacing-9: 2.25rem;   /* 36px */
+  --cal-spacing-10: 2.5rem;   /* 40px */
+  --cal-spacing-11: 2.75rem;  /* 44px */
+  --cal-spacing-12: 3rem;     /* 48px */
+  --cal-spacing-14: 3.5rem;   /* 56px */
+  --cal-spacing-16: 4rem;     /* 64px */
+  --cal-spacing-20: 5rem;     /* 80px */
+  --cal-spacing-24: 6rem;     /* 96px */
+  --cal-spacing-28: 7rem;     /* 112px */
+  --cal-spacing-32: 8rem;     /* 128px */
+  --cal-spacing-36: 9rem;     /* 144px */
+  --cal-spacing-40: 10rem;    /* 160px */
+  --cal-spacing-44: 11rem;    /* 176px */
+  --cal-spacing-48: 12rem;    /* 192px */
+  --cal-spacing-52: 13rem;    /* 208px */
+  --cal-spacing-56: 14rem;    /* 224px */
+  --cal-spacing-60: 15rem;    /* 240px */
+  --cal-spacing-64: 16rem;    /* 256px */
+  --cal-spacing-72: 18rem;    /* 288px */
+  --cal-spacing-80: 20rem;    /* 320px */
+  --cal-spacing-96: 24rem;    /* 384px */
+
+  /* Border Radius */
+  --cal-radius-none: 0px;
+  --cal-radius-sm: 0.125rem;  /* 2px */
+  --cal-radius: 0.25rem;      /* 4px */
+  --cal-radius-md: 0.375rem;  /* 6px */
+  --cal-radius-lg: 0.5rem;    /* 8px */
+  --cal-radius-xl: 0.75rem;   /* 12px */
+  --cal-radius-2xl: 1rem;     /* 16px */
+  --cal-radius-3xl: 1.5rem;   /* 24px */
+  --cal-radius-full: 9999px;
+
+  /* Background Standard */
+  --cal-bg-emphasis: hsla(220, 13%, 91%, 1); /* gray.200 - active items and emphasising */
+  --cal-bg: hsla(0, 0%, 100%, 1); /* white - default background */
+  --cal-bg-subtle: hsla(220, 14%, 94%, 1); /* gray.100 - hovering on items, subtle raising */
+  --cal-bg-muted: hsla(210, 20%, 97%, 1); /* gray.50 - large items, sidebar, sections */
+  --cal-bg-inverted: hsla(210, 30%, 4%, 1); /* gray.900 - tooltips */
+
+  /* Background Primary */
+  --cal-bg-primary: hsla(214, 30%, 16%, 1); /* stone-100 */
+  --cal-bg-primary-emphasis: hsla(220, 6%, 25%, 1); /* stone-800 */
+  --cal-bg-primary-muted: hsla(220, 14%, 94%, 1); /* stone-400 */
+
+  /* Background Brand */
+  --cal-bg-brand: hsla(214, 30%, 16%, 1); /* gray-50 */
+  --cal-bg-brand-emphasis: hsla(220, 6%, 25%, 1); /* stone-100 */
+  --cal-bg-brand-muted: hsla(220, 14%, 94%, 1); /* stone-100 */
+  
+  /* Background Semantic */
+  --cal-bg-semantic-info-subtle: hsla(212, 88%, 97%, 1); /* blue-100 */
+  --cal-bg-semantic-info-emphasis: hsla(236, 80%, 25%, 1); /* blue-500 */
+  --cal-bg-semantic-success-subtle: hsla(167, 54%, 93%, 1); /* green-100 */
+  --cal-bg-semantic-success-emphasis: hsla(158, 74%, 38%, 1); /* green-500 */
+  --cal-bg-semantic-attention-subtle: hsla(34, 100%, 92%, 1); /* orange-100 */
+  --cal-bg-semantic-attention-emphasis: hsla(15, 79%, 34%, 1); /* orange-500 */
+  --cal-bg-semantic-error-subtle: hsla(0, 93%, 94%, 1); /* red-100 */
+  --cal-bg-semantic-error-emphasis: hsla(0, 63%, 24%, 1); /* red-500 */
+
+  /* Background Visualization */
+  --cal-bg-visualization-1-subtle: hsla(326, 78%, 95%, 1); /* pink-100 */
+  --cal-bg-visualization-1-emphasis: hsla(330, 81%, 60%, 1); /* pink-500 */
+  --cal-bg-visualization-2-subtle: hsla(256, 86%, 91%, 1); /* purple-100 */
+  --cal-bg-visualization-2-emphasis: hsla(256, 85%, 57%, 1); /* purple-500 */
+  --cal-bg-visualization-3-subtle: hsla(217, 87%, 91%, 1); /* blue-100 */
+  --cal-bg-visualization-3-emphasis: hsla(235, 100%, 63%, 1); /* blue-500 */
+  --cal-bg-visualization-4-subtle: hsla(167, 54%, 93%, 1); /* green-100 */
+  --cal-bg-visualization-4-emphasis: hsla(158, 74%, 38%, 1); /* green-500 */
+  --cal-bg-visualization-5-subtle: hsla(55, 97%, 88%, 1); /* yellow-100 */
+  --cal-bg-visualization-5-emphasis: hsla(45, 93%, 47%, 1); /* yellow-500 */
+  --cal-bg-visualization-6-subtle: hsla(34, 100%, 92%, 1); /* orange-100 */
+  --cal-bg-visualization-6-emphasis: hsla(25, 95%, 53%, 1); /* orange-500 */
+  --cal-bg-visualization-7-subtle: hsla(0, 96%, 89%, 1); /* red-100 */
+  --cal-bg-visualization-7-emphasis: hsla(0, 84%, 60%, 1); /* red-500 */
+
+  /* Legacy Background Components - Consider deprecating */
+  --cal-bg-info: hsla(221, 91%, 93%, 1); /* #dee9fc - info backgrounds */
+  --cal-bg-success: hsla(142, 76%, 94%, 1); /* #e2fbe8 - success backgrounds */
+  --cal-bg-attention: hsla(33, 100%, 92%, 1); /* #fceed8 - attention backgrounds */
+  --cal-bg-error: hsla(3, 66%, 93%, 1); /* #f9e3e2 - error backgrounds */
+  --cal-bg-dark-error: hsla(2, 55%, 30%, 1); /* Keeping existing dark error */
 
   /* Borders */
-  --cal-border-emphasis: hsla(218, 11%, 65%, 1);
-  --cal-border: hsla(216, 12%, 84%, 1);
-  --cal-border-subtle: hsla(220, 13%, 91%, 1);
-  --cal-border-booker: #e5e7eb;
-  --cal-border-muted: hsla(220, 14%, 96%, 1);
-  --cal-border-error: hsla(4, 63%, 41%, 1);
-  --cal-border-focus: hsla(0, 0%, 10%, 1);
-
-  /* Content/Text */
-  --cal-text-emphasis: hsla(217, 19%, 27%, 1);
-  --cal-text: hsla(217, 19%, 27%, 1);
-  --cal-text-subtle: hsla(220, 9%, 46%, 1);
-  --cal-text-muted: hsla(218, 11%, 65%, 1);
-  --cal-text-inverted: hsla(0, 0%, 100%, 1);
-
-  /* Content/Text -> components */
-  --cal-text-info: hsla(228, 56%, 33%, 1);
-  --cal-text-success: hsla(133, 34%, 24%, 1);
-  --cal-text-attention: hsla(16, 62%, 28%, 1);
-  --cal-text-error: hsla(2, 55%, 30%, 1);
-
-  /* Brand shinanigans
-      -> These will be computed for the users theme at runtime.
-    */
-  --cal-brand: hsla(221, 39%, 11%, 1);
-  --cal-brand-emphasis: hsla(0, 0%, 6%, 1);
-  --cal-brand-text: hsla(0, 0%, 100%, 1);
+  --cal-border-emphasis: hsla(218, 11%, 65%, 1); /* gray.400 - input:hover */
+  --cal-border: hsla(216, 12%, 84%, 1); /* gray.300 - inputs */
+  --cal-border-subtle: hsla(220, 13%, 91%, 1); /* gray.200 - container borders */
+  --cal-border-muted: hsla(220, 14%, 94%, 1); /* gray.100 */
+  --cal-border-error: hsla(0, 96%, 89%, 1); /* Keeping existing error border */
+  --cal-border-semantic-error: hsla(0, 96%, 89%, 1);
+  --cal-border-booker: var(--cal-border-subtle);
+
+  /* Content/Text Standard */
+  --cal-text-emphasis: hsla(210, 30%, 4%, 1); /* gray-900 */
+  --cal-text: hsla(220, 6%, 25%, 1); /* gray-700 */
+  --cal-text-subtle: hsla(220, 9%, 46%, 1); /* gray-500 */
+  --cal-text-muted: hsla(218, 11%, 65%, 1); /* gray-400 */
+  --cal-text-inverted: hsla(0, 0%, 100%, 1); /* white */
+
+  /* Content/Text Semantic */
+  --cal-text-semantic-info: hsla(236, 80%, 25%, 1); /* blue-800 */
+  --cal-text-semantic-success: hsla(150, 84%, 22%, 1); /* green-800 */
+  --cal-text-semantic-attention: hsla(15, 79%, 34%, 1); /* orange-800 */
+  --cal-text-semantic-error: hsla(0, 63%, 24%, 1); /* red-800 */
+
+  /* Content/Text Visualization */
+  --cal-text-visualization-1: hsla(332, 79%, 25%, 1); /* pink-800 */
+  --cal-text-visualization-2: hsla(270, 91%, 25%, 1); /* purple-800 */
+  --cal-text-visualization-3: hsla(217, 91%, 25%, 1); /* blue-800 */
+  --cal-text-visualization-4: hsla(142, 71%, 25%, 1); /* green-800 */
+  --cal-text-visualization-5: hsla(45, 93%, 25%, 1); /* yellow-800 */
+  --cal-text-visualization-6: hsla(24, 95%, 25%, 1); /* orange-800 */
+  --cal-text-visualization-7: hsla(0, 84%, 25%, 1); /* red-800 */
+
+  /* Border/Semantic Subtle */
+  --cal-border-semantic-attention-subtle: hsla(32, 98%, 83%, 1); 
+  --cal-border-semantic-error-subtle: hsla(0, 96%, 89%, 1); 
+
+  /* Legacy Content/Text Components - Consider deprecating */
+  --cal-text-info: hsla(225, 57%, 33%, 1); /* #253985 - interactive text/icons */
+  --cal-text-success: hsla(144, 34%, 24%, 1); /* #285231 */
+  --cal-text-attention: hsla(16, 62%, 28%, 1); /* Keeping existing attention text */
+  --cal-text-error: hsla(0, 63%, 31%, 1); /* Keeping existing error text */
+
+  /* Brand */
+  --cal-brand: hsla(221, 39%, 11%, 1); /* Keeping existing brand color */
+  --cal-brand-emphasis: hsla(0, 0%, 6%, 1); /* Keeping existing brand emphasis */
+  --cal-brand-text: hsla(0, 0%, 100%, 1); /* white */
 }
 .dark {
-  /* background */
-
-  --cal-bg-emphasis: hsla(0, 0%, 25%, 1);
-  --cal-bg: hsla(0, 0%, 10%, 1);
-  --cal-bg-subtle: hsla(0, 0%, 18%, 1);
-  --cal-bg-muted: hsla(0, 0%, 12%, 1);
-  --cal-bg-inverted: hsla(220, 14%, 96%, 1);
-
-  /* background -> components*/
-  --cal-bg-info: hsla(228, 56%, 33%, 1);
-  --cal-bg-success: hsla(133, 34%, 24%, 1);
-  --cal-bg-attention: hsla(16, 62%, 28%, 1);
-  --cal-bg-error: hsla(2, 55%, 30%, 1);
-  --cal-bg-dark-error: hsla(2, 55%, 30%, 1);
-
-  /* Borders */
-  --cal-border-emphasis: hsla(0, 0%, 46%, 1);
-  --cal-border: hsla(0, 0%, 34%, 1);
-  --cal-border-subtle: hsla(0, 0%, 22%, 1);
-  --cal-border-booker: hsla(0, 0%, 22%, 1);
-  --cal-border-muted: hsla(0, 0%, 18%, 1);
-  --cal-border-error: hsla(4, 63%, 41%, 1);
-  --cal-border-focus: hsla(0, 0%, 100%, 1);
-
-  /* Content/Text */
-  --cal-text-emphasis: hsla(240, 20%, 99%, 1);
-  --cal-text: hsla(0, 0%, 84%, 1);
-  --cal-text-subtle: hsla(0, 0%, 65%, 1);
-  --cal-text-muted: hsla(0, 0%, 34%, 1);
-  --cal-text-inverted: hsla(0, 0%, 10%, 1);
-
-  /* Content/Text -> components */
-  --cal-text-info: hsla(218, 83%, 93%, 1);
-  --cal-text-success: hsla(134, 76%, 94%, 1);
-  --cal-text-attention: hsla(37, 86%, 92%, 1);
-  --cal-text-error: hsla(3, 66%, 93%, 1);
-
-  /* Brand shenanigans
-      -> These will be computed for the users theme at runtime.
-    */
-  --cal-brand: hsla(0, 0%, 100%, 1);
-  --cal-brand-emphasis: hsla(218, 11%, 65%, 1);
-  --cal-brand-text: hsla(0, 0%, 0%,1);
+  /* Background Standard */
+  --cal-bg-emphasis: hsla(0, 0%, 25%, 1); /* stone-700 */
+  --cal-bg: hsla(0, 0%, 6%, 1); /* stone-950 */
+  --cal-bg-subtle: hsla(0, 0%, 15%, 1); /* stone-800 */
+  --cal-bg-muted: hsla(0, 0%, 9%, 1); /* stone-900 */
+  --cal-bg-inverted: hsla(0, 0%, 98%, 1); /* stone-50 */
+
+  /* Background Primary */
+  --cal-bg-primary: hsla(0, 0%, 96%, 1); /* stone-100 */
+  --cal-bg-primary-emphasis: hsla(0, 0%, 64%, 1); /* stone-800 */
+  --cal-bg-primary-muted: hsla(0, 0%, 15%, 1); /* stone-400 */
+
+  /* Background Brand */
+  --cal-bg-brand: hsla(0, 0%, 98%, 1); /* gray-50 */
+  --cal-bg-brand-emphasis: hsla(0, 0%, 96%, 1); /* stone-100 */
+  --cal-bg-brand-muted: hsla(0, 0%, 96%, 1); /* stone-100 */
+
+  /* Background Semantic */
+  --cal-bg-semantic-info-subtle: hsla(236, 80%, 8%, 1); /* blue-800 */
+  --cal-bg-semantic-info-emphasis: hsla(229, 90%, 74%, 1); /* blue-500 */
+  --cal-bg-semantic-success-subtle: hsla(148, 88%, 16%, 1); /* green-800 */
+  --cal-bg-semantic-success-emphasis: hsla(158, 74%, 38%, 1); /* green-500 */
+  --cal-bg-semantic-attention-subtle: hsla(21, 86%, 8%, 1); /* orange-800 */
+  --cal-bg-semantic-attention-emphasis: hsla(27, 96%, 61%, 1); /* orange-500 */
+  --cal-bg-semantic-error-subtle: hsla(0, 70%, 8%, 1); /* red-800 */
+  --cal-bg-semantic-error-emphasis: hsla(0, 91%, 71%, 1); /* red-500 */
+
+  /* Background Visualization */
+  --cal-bg-visualization-1-subtle: hsla(336, 74%, 35%, 1); /* pink-200 */
+  --cal-bg-visualization-1-emphasis: hsla(330, 81%, 60%, 1); /* pink-500 */
+  --cal-bg-visualization-2-subtle: hsla(252, 83%, 23%, 1); /* purple-200 */
+  --cal-bg-visualization-2-emphasis: hsla(256, 85%, 57%, 1); /* purple-500 */
+  --cal-bg-visualization-3-subtle: hsla(236, 74%, 35%, 1); /* blue-200 */
+  --cal-bg-visualization-3-emphasis: hsla(235, 100%, 63%, 1); /* blue-500 */
+  --cal-bg-visualization-4-subtle: hsla(150, 84%, 22%, 1); /* green-200 */
+  --cal-bg-visualization-4-emphasis: hsla(158, 74%, 38%, 1); /* green-500 */
+  --cal-bg-visualization-5-subtle: hsla(28, 73%, 26%, 1); /* yellow-200 */
+  --cal-bg-visualization-5-emphasis: hsla(45, 93%, 47%, 1); /* yellow-500 */
+  --cal-bg-visualization-6-subtle: hsla(15, 75%, 23%, 1); /* orange-200 */
+  --cal-bg-visualization-6-emphasis: hsla(25, 95%, 53%, 1); /* orange-500 */
+  --cal-bg-visualization-7-subtle: hsla(0, 70%, 35%, 1); /* red-200 */
+  --cal-bg-visualization-7-emphasis: hsla(0, 84%, 60%, 1); /* red-500 */
+
+  /* Legacy Background Components - Consider deprecating */
+  --cal-bg-info: hsla(228, 56%, 33%, 1); /* Keeping existing info background */
+  --cal-bg-success: hsla(133, 34%, 24%, 1); /* Keeping existing success background */
+  --cal-bg-attention: hsla(16, 62%, 28%, 1); /* Keeping existing attention background */
+  --cal-bg-error: hsla(2, 55%, 30%, 1); /* Keeping existing error background */
+  --cal-bg-dark-error: hsla(2, 55%, 30%, 1); /* Keeping existing dark error */
+
+  /* Border Standard */
+  --cal-border: hsla(0, 0%, 30%, 1); /* stone-600 */
+  --cal-border-muted: hsla(0, 0%, 9%, 1); /* stone-500 */
+  --cal-border-subtle: hsla(0, 0%, 15%, 1); /* stone-700 */
+  --cal-border-emphasis: hsla(0, 0%, 45%, 1); /* stone-800 */
+  --cal-border-booker: var(--cal-border-subtle);
+  /* Border Semantic */
+  --cal-border-semantic-error: hsla(0, 63%, 24%, 1); /* red-800 */
+
+
+  /* Border/Semantic Subtle */
+  --cal-border-semantic-attention-subtle: hsla(15, 75%, 23%, 1); 
+  --cal-border-semantic-error-subtle: hsla(0, 63%, 24%, 1); 
+
+
+  /* Legacy Border - Consider deprecating */
+  --cal-border-error: hsla(0, 63%, 24%, 1); /* Keeping existing error border */
+
+  /* Content/Text Standard */
+  --cal-text-emphasis: hsla(0, 0%, 98%, 1); /* stone-50 */
+  --cal-text: hsla(0, 0%, 83%, 1); /* stone-300 */
+  --cal-text-subtle: hsla(0, 0%, 64%, 1); /* stone-400 */
+  --cal-text-muted: hsla(0, 0%, 64%, 1); /* stone-400 */
+  --cal-text-inverted: hsla(0, 0%, 0%, 1); /* black */
+
+  /* Content/Text Semantic */
+  --cal-text-semantic-info: hsla(229, 90%, 74%, 1); /* blue-100 */
+  --cal-text-semantic-success: hsla(161, 49%, 54%, 1); /* green-100 */
+  --cal-text-semantic-attention: hsla(27, 96%, 61%, 1); /* orange-100 */
+  --cal-text-semantic-error: hsla(0, 91%, 71%, 1); /* red-100 */
+
+  /* Content/Text Semantic Emphasis */
+  --cal-text-semantic-info-emphasis: hsla(217, 91%, 25%, 1); /* blue-800 */
+  --cal-text-semantic-success-emphasis: hsla(142, 71%, 25%, 1); /* green-800 */
+  --cal-text-semantic-attention-emphasis: hsla(24, 95%, 25%, 1); /* orange-800 */
+  --cal-text-semantic-error-emphasis: hsla(0, 84%, 25%, 1); /* red-800 */
+
+  /* Legacy Content/Text Components - Consider deprecating */
+  --cal-text-info: hsla(218, 83%, 93%, 1); /* Keeping existing info text */
+  --cal-text-success: hsla(134, 76%, 94%, 1); /* Keeping existing success text */
+  --cal-text-attention: hsla(37, 86%, 92%, 1); /* Keeping existing attention text */
+  --cal-text-error: hsla(3, 66%, 93%, 1); /* Keeping existing error text */
+
+  /* Brand */
+  --cal-brand: hsla(0, 0%, 100%, 1); /* white */
+  --cal-brand-emphasis: hsla(218, 11%, 65%, 1); /* Keeping existing brand emphasis */
+  --cal-brand-text: hsla(0, 0%, 0%, 1); /* black */
 }
 
 @layer base {
@@ -484,5 +638,8 @@ select:focus {
   @apply z-40 !important;
 }
 
+[data-radix-popper-content-wrapper] {
+  border: none;
+}
 
 @import "./raqb.css";
diff --git a/packages/app-store/_utils/getAppCategories.ts b/packages/app-store/_utils/getAppCategories.ts
index 115634d79cc620..3833d82a6b2462 100644
--- a/packages/app-store/_utils/getAppCategories.ts
+++ b/packages/app-store/_utils/getAppCategories.ts
@@ -12,6 +12,7 @@ type AppCategoryEntry = {
   name: AppCategories;
   href: string;
   icon: IconName;
+  "data-testid": string;
 };
 
 const getAppCategories = (baseURL: string, useQueryParam: boolean): AppCategoryEntry[] => {
@@ -22,41 +23,49 @@ const getAppCategories = (baseURL: string, useQueryParam: boolean): AppCategoryE
       name: "analytics",
       href: getHref(baseURL, "analytics", useQueryParam),
       icon: "chart-bar",
+      "data-testid": "analytics",
     },
     {
       name: "automation",
       href: getHref(baseURL, "automation", useQueryParam),
       icon: "share-2",
+      "data-testid": "automation",
     },
     {
       name: "calendar",
       href: getHref(baseURL, "calendar", useQueryParam),
       icon: "calendar",
+      "data-testid": "calendar",
     },
     {
       name: "conferencing",
       href: getHref(baseURL, "conferencing", useQueryParam),
       icon: "video",
+      "data-testid": "conferencing",
     },
     {
       name: "crm",
       href: getHref(baseURL, "crm", useQueryParam),
       icon: "contact",
+      "data-testid": "crm",
     },
     {
       name: "messaging",
       href: getHref(baseURL, "messaging", useQueryParam),
       icon: "mail",
+      "data-testid": "messaging",
     },
     {
       name: "payment",
       href: getHref(baseURL, "payment", useQueryParam),
       icon: "credit-card",
+      "data-testid": "payment",
     },
     {
       name: "other",
       href: getHref(baseURL, "other", useQueryParam),
       icon: "grid-3x3",
+      "data-testid": "other",
     },
   ];
 };
diff --git a/packages/app-store/hitpay/components/KeyInput.tsx b/packages/app-store/hitpay/components/KeyInput.tsx
index e9aa3ec4944510..16a80e4f5e2ba9 100644
--- a/packages/app-store/hitpay/components/KeyInput.tsx
+++ b/packages/app-store/hitpay/components/KeyInput.tsx
@@ -10,17 +10,15 @@ import type { InputFieldProps } from "@calcom/ui/components/form/inputs/types";
 
 type AddonProps = {
   children: React.ReactNode;
-  isFilled?: boolean;
   className?: string;
   error?: boolean;
   onClickAddon?: () => void;
 };
 
-const Addon = ({ isFilled, children, className, error }: AddonProps) => (
+const Addon = ({ children, className, error }: AddonProps) => (
   <div
     className={classNames(
       "addon-wrapper border-default [input:hover_+_&]:border-emphasis [input:hover_+_&]:border-l-default [&:has(+_input:hover)]:border-emphasis [&:has(+_input:hover)]:border-r-default h-9 border px-3 transition disabled:hover:cursor-not-allowed",
-      isFilled && "bg-subtle",
       className
     )}>
     <div
@@ -63,7 +61,6 @@ export const KeyField = forwardRef<HTMLInputElement, InputFieldProps & { default
       placeholder = isLocaleReady && i18n.exists(`${name}_placeholder`) ? t(`${name}_placeholder`) : "",
       className,
       addOnLeading,
-      addOnFilled = true,
       addOnClassname,
       inputIsFullWidth,
       labelSrOnly,
@@ -128,9 +125,7 @@ export const KeyField = forwardRef<HTMLInputElement, InputFieldProps & { default
           dir="ltr"
           className="focus-within:ring-brand-default group relative mb-1 flex items-center rounded-md transition focus-within:outline-none focus-within:ring-2">
           {addOnLeading && (
-            <Addon
-              isFilled={addOnFilled}
-              className={classNames("ltr:rounded-l-md rtl:rounded-r-md", addOnClassname)}>
+            <Addon className={classNames("ltr:rounded-l-md rtl:rounded-r-md", addOnClassname)}>
               {addOnLeading}
             </Addon>
           )}
diff --git a/packages/app-store/routing-forms/components/FormActions.tsx b/packages/app-store/routing-forms/components/FormActions.tsx
index 688ee5b2c9d5e2..b1a9740824f6ac 100644
--- a/packages/app-store/routing-forms/components/FormActions.tsx
+++ b/packages/app-store/routing-forms/components/FormActions.tsx
@@ -525,7 +525,7 @@ export const FormAction = forwardRef(function FormAction<T extends typeof Button
     );
   }
   return (
-    <DropdownMenuItem>
+    <DropdownMenuItem className="hover:bg-[initial]">
       <Component
         ref={forwardedRef}
         {...actionProps}
diff --git a/packages/app-store/routing-forms/pages/forms/[...appPages].tsx b/packages/app-store/routing-forms/pages/forms/[...appPages].tsx
index 5a0722f1193f35..797646a1f45951 100644
--- a/packages/app-store/routing-forms/pages/forms/[...appPages].tsx
+++ b/packages/app-store/routing-forms/pages/forms/[...appPages].tsx
@@ -178,7 +178,7 @@ export default function RoutingForms({
             newFormDialogState={newFormDialogState}
             setNewFormDialogState={setNewFormDialogState}>
             <div className="mb-10 w-full">
-              <div className="flex">
+              <div className="mb-2 flex">
                 <TeamsFilter />
               </div>
               <FilterResults
diff --git a/packages/app-store/routing-forms/pages/routing-link/[...appPages].tsx b/packages/app-store/routing-forms/pages/routing-link/[...appPages].tsx
index 42c983e4020da1..308d21df1d8cdd 100644
--- a/packages/app-store/routing-forms/pages/routing-link/[...appPages].tsx
+++ b/packages/app-store/routing-forms/pages/routing-link/[...appPages].tsx
@@ -198,7 +198,7 @@ function RoutingForm({ form, profile, ...restProps }: Props) {
         ) : (
           <div className="mx-auto my-0 max-w-3xl md:my-24">
             <div className="w-full max-w-4xl ltr:mr-2 rtl:ml-2">
-              <div className="main dark:bg-darkgray-100 sm:border-subtle bg-default -mx-4 rounded-md border border-neutral-200 p-4 py-6 sm:mx-0 sm:px-8">
+              <div className="main sm:border-subtle bg-default -mx-4 rounded-md border border-neutral-200 p-4 py-6 sm:mx-0 sm:px-8">
                 <div className="text-emphasis">{customPageMessage}</div>
               </div>
             </div>
diff --git a/packages/config/tailwind-preset.js b/packages/config/tailwind-preset.js
index 6f21acbe0ff211..049a1932d1d26a 100644
--- a/packages/config/tailwind-preset.js
+++ b/packages/config/tailwind-preset.js
@@ -1,5 +1,6 @@
 const plugin = require("tailwindcss/plugin");
 const { fontFamily } = require("tailwindcss/defaultTheme");
+const colors = require("tailwindcss/colors");
 
 /** @type {import('tailwindcss').Config} */
 const subtleColor = "#E5E7EB";
@@ -16,72 +17,191 @@ module.exports = {
   ],
   darkMode: "class",
   theme: {
+    spacing: {
+      0: "var(--cal-spacing-0)",
+      px: "var(--cal-spacing-px)",
+      0.5: "var(--cal-spacing-0_5)",
+      1: "var(--cal-spacing-1)",
+      1.5: "var(--cal-spacing-1_5)",
+      2: "var(--cal-spacing-2)",
+      2.5: "var(--cal-spacing-2_5)",
+      3: "var(--cal-spacing-3)",
+      3.5: "var(--cal-spacing-3_5)",
+      4: "var(--cal-spacing-4)",
+      5: "var(--cal-spacing-5)",
+      6: "var(--cal-spacing-6)",
+      7: "var(--cal-spacing-7)",
+      8: "var(--cal-spacing-8)",
+      9: "var(--cal-spacing-9)",
+      10: "var(--cal-spacing-10)",
+      11: "var(--cal-spacing-11)",
+      12: "var(--cal-spacing-12)",
+      14: "var(--cal-spacing-14)",
+      16: "var(--cal-spacing-16)",
+      20: "var(--cal-spacing-20)",
+      24: "var(--cal-spacing-24)",
+      28: "var(--cal-spacing-28)",
+      32: "var(--cal-spacing-32)",
+      36: "var(--cal-spacing-36)",
+      40: "var(--cal-spacing-40)",
+      44: "var(--cal-spacing-44)",
+      48: "var(--cal-spacing-48)",
+      52: "var(--cal-spacing-52)",
+      56: "var(--cal-spacing-56)",
+      60: "var(--cal-spacing-60)",
+      64: "var(--cal-spacing-64)",
+      72: "var(--cal-spacing-72)",
+      80: "var(--cal-spacing-80)",
+      96: "var(--cal-spacing-96)",
+    },
+    borderRadius: {
+      none: "var(--cal-radius-none)",
+      sm: "var(--cal-radius-sm)",
+      DEFAULT: "var(--cal-radius)",
+      md: "var(--cal-radius-md)",
+      lg: "var(--cal-radius-lg)",
+      xl: "var(--cal-radius-xl)",
+      "2xl": "var(--cal-radius-2xl)",
+      "3xl": "var(--cal-radius-3xl)",
+      full: "var(--cal-radius-full)",
+    },
     extend: {
       colors: {
+        // Standard Background
         emphasis: "var(--cal-bg-emphasis)",
         default: "var(--cal-bg, white)",
         subtle: "var(--cal-bg-subtle)",
         muted: "var(--cal-bg-muted)",
         inverted: "var(--cal-bg-inverted)",
-        info: "var(--cal-bg-info)",
-        success: "var(--cal-bg-success)",
-        attention: "var(--cal-bg-attention)",
-        error: "var(--cal-bg-error)",
-        darkerror: "var(--cal-bg-dark-error)",
-        black: "#111111",
+
+        // Primary Background
+        primary: {
+          default: "var(--cal-bg-primary)",
+          emphasis: "var(--cal-bg-primary-emphasis)",
+          muted: "var(--cal-bg-primary-muted)",
+        },
+
+        // Brand
         brand: {
           default: "var(--cal-brand,#111827)",
           emphasis: "var(--cal-brand-emphasis,#101010)",
           subtle: "var(--cal-brand-subtle,#9CA3AF)",
           accent: "var(--cal-brand-accent,white)",
         },
-        gray: {
-          50: "#F9FAFB",
-          100: "#F3F4F6",
-          200: "#E5E7EB",
-          300: "#D1D5DB",
-          400: "#9CA3AF",
-          500: "#6B7280",
-          600: "#4B5563",
-          700: "#374151",
-          800: "#1F2937",
-          900: "#111827",
+
+        // Semantic Background
+        semantic: {
+          info: {
+            subtle: "var(--cal-bg-semantic-info-subtle)",
+            emphasis: "var(--cal-bg-semantic-info-emphasis)",
+          },
+          success: {
+            subtle: "var(--cal-bg-semantic-success-subtle)",
+            emphasis: "var(--cal-bg-semantic-success-emphasis)",
+          },
+          attention: {
+            subtle: "var(--cal-bg-semantic-attention-subtle)",
+            emphasis: "var(--cal-bg-semantic-attention-emphasis)",
+          },
+          error: {
+            subtle: "var(--cal-bg-semantic-error-subtle)",
+            emphasis: "var(--cal-bg-semantic-error-emphasis)",
+          },
         },
-        darkgray: {
-          50: "#101010",
-          100: "#1c1c1c",
-          200: "#2b2b2b",
-          300: "#444444",
-          400: "#575757",
-          500: "#767676",
-          600: "#a5a5a5",
-          700: "#d6d6d6",
-          800: "#e8e8e8",
-          900: "#f3f4f6",
+
+        // Visualization Background
+        visualization: {
+          1: {
+            subtle: "var(--cal-bg-visualization-1-subtle)",
+            emphasis: "var(--cal-bg-visualization-1-emphasis)",
+          },
+          2: {
+            subtle: "var(--cal-bg-visualization-2-subtle)",
+            emphasis: "var(--cal-bg-visualization-2-emphasis)",
+          },
+          3: {
+            subtle: "var(--cal-bg-visualization-3-subtle)",
+            emphasis: "var(--cal-bg-visualization-3-emphasis)",
+          },
+          4: {
+            subtle: "var(--cal-bg-visualization-4-subtle)",
+            emphasis: "var(--cal-bg-visualization-4-emphasis)",
+          },
+          5: {
+            subtle: "var(--cal-bg-visualization-5-subtle)",
+            emphasis: "var(--cal-bg-visualization-5-emphasis)",
+          },
+          6: {
+            subtle: "var(--cal-bg-visualization-6-subtle)",
+            emphasis: "var(--cal-bg-visualization-6-emphasis)",
+          },
+          7: {
+            subtle: "var(--cal-bg-visualization-7-subtle)",
+            emphasis: "var(--cal-bg-visualization-7-emphasis)",
+          },
         },
+
+        // Legacy - Consider deprecating
+        info: "var(--cal-bg-info)",
+        success: "var(--cal-bg-success)",
+        attention: "var(--cal-bg-attention)",
+        error: "var(--cal-bg-error)",
+        darkerror: "var(--cal-bg-dark-error)",
+
+        // Base colors
+        black: "#111111",
+        gray: colors.gray,
+        darkgray: colors.slate,
       },
       borderColor: {
-        emphasis: "var(--cal-border-emphasis, #9CA3AF)",
-        default: "var(--cal-border, #D1D5DB)",
-        subtle: `var(--cal-border-subtle, ${subtleColor})`,
-        muted: "var(--cal-border-muted, #F3F4F6)",
+        // Standard Borders
+        emphasis: "var(--cal-border-emphasis)",
+        default: "var(--cal-border)",
+        subtle: "var(--cal-border-subtle)",
+        muted: "var(--cal-border-muted)",
+
+        // Semantic Borders
+        semantic: {
+          error: "var(--cal-border-semantic-error)",
+          "attention-subtle": "var(--cal-border-semantic-attention-subtle)",
+          "error-subtle": "var(--cal-border-semantic-error-subtle)",
+        },
+
+        // Used in booker embed customization
         booker: `var(--cal-border-booker, ${subtleColor})`,
-        error: "var(--cal-border-error, #AA2E26)",
-        focus: "var(--cal-border-focus, #1A1A1A)",
-        "cal-bg": "var(--cal-bg, white)",
+        // Legacy - Consider deprecating
+        error: "var(--cal-border-error)",
+        "cal-bg": "var(--cal-bg)",
         "cal-bg-muted": "var(--cal-bg-muted)",
       },
       textColor: {
-        emphasis: "var(--cal-text-emphasis, #111827)",
-        default: "var(--cal-text, #374151)",
-        subtle: "var(--cal-text-subtle, #6B7280)",
-        muted: "var(--cal-text-muted, #9CA3AF)",
-        inverted: "var(--cal-text-inverted, white)",
-        info: "var(--cal-text-info, #253985)",
-        success: "var(--cal-text-success, #285231)",
-        attention: "var(--cal-text-attention, #73321B)",
-        error: "var(--cal-text-error, #752522)",
-        brand: "var(--cal-brand-text,'white')",
+        // Standard Text
+        emphasis: "var(--cal-text-emphasis)",
+        default: "var(--cal-text)",
+        subtle: "var(--cal-text-subtle)",
+        muted: "var(--cal-text-muted)",
+        inverted: "var(--cal-text-inverted)",
+
+        // Semantic Text
+        semantic: {
+          info: "var(--cal-text-semantic-info)",
+          success: "var(--cal-text-semantic-success)",
+          attention: "var(--cal-text-semantic-attention)",
+          error: "var(--cal-text-semantic-error)",
+        },
+
+        // Semantic Text Emphasis
+        "semantic-info-emphasis": "var(--cal-text-semantic-info-emphasis)",
+        "semantic-success-emphasis": "var(--cal-text-semantic-success-emphasis)",
+        "semantic-attention-emphasis": "var(--cal-text-semantic-attention-emphasis)",
+        "semantic-error-emphasis": "var(--cal-text-semantic-error-emphasis)",
+
+        // Legacy - Consider deprecating
+        info: "var(--cal-text-info)",
+        success: "var(--cal-text-success)",
+        attention: "var(--cal-text-attention)",
+        error: "var(--cal-text-error)",
+        brand: "var(--cal-brand-text)",
       },
       fill: {
         emphasis: "var(--cal-text-emphasis, #111827)",
@@ -122,9 +242,6 @@ module.exports = {
         drawerSlideLeftAndFade: "drawerSlideLeftAndFade 150ms cubic-bezier(0.16, 1, 0.3, 1)",
         drawerSlideRightAndFade: "drawerSlideRightAndFade 150ms ease-in",
       },
-      boxShadow: {
-        dropdown: "0px 2px 6px -1px rgba(0, 0, 0, 0.08)",
-      },
       borderWidth: {
         "booker-width": "var(--cal-border-booker-width, 1px)",
       },
@@ -162,6 +279,39 @@ module.exports = {
       backgroundImage: {
         "gradient-primary": "radial-gradient(162.05% 170% at 109.58% 35%, #667593 0%, #E3E3E3 100%)",
       },
+      boxShadow: {
+        dropdown: "0px 5px 20px 0px rgba(0, 0, 0, 0.10), 0px 10px 40px 0px rgba(0, 0, 0, 0.03)",
+        "switch-thumb": "0px 0.8px 0.8px 0px rgba(0, 0, 0, 0.10), 0px 0.8px 3.2px 0px rgba(0, 0, 0, 0.08)",
+        "solid-gray-rested":
+          "0px 2px 3px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.08), 1px 4px 8px 0px rgba(0, 0, 0, 0.12), 0px 2px 0.4px 0px rgba(255, 255, 255, 0.16) inset, 0px -1.5px 2px 0px rgba(0, 0, 0, 0.40) inset",
+        "solid-gray-hover":
+          "0px 2px 3px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.08), 1px 4px 8px 0px rgba(0, 0, 0, 0.12), 0px 2px 0.4px 0px rgba(255, 255, 255, 0.16) inset, 0px -2px 2px 0px rgba(0, 0, 0, 0.40) inset",
+        "solid-gray-active":
+          "0px 2px 3px 0px rgba(0, 0, 0, 0.40) inset, 0px 0px 2px 1px rgba(0, 0, 0, 0.40) inset",
+        "outline-gray-rested": "0px 2px 3px 0px rgba(0, 0, 0, 0.03), 0px 2px 2px -1px rgba(0, 0, 0, 0.03)",
+        "outline-gray-hover": "0px 2px 3px 0px rgba(0, 0, 0, 0.03), 0px 2px 2px -1px rgba(0, 0, 0, 0.03)",
+        "outline-gray-active": "0px 2px 1px 0px rgba(0, 0, 0, 0.05) inset",
+        "outline-gray-focused":
+          "0px 0px 0px 1px rgba(255, 255, 255, 0.20), 0px 0px 0px 2px rgba(0, 0, 0, 0.10)",
+        "outline-red-rested": "0px 2px 3px 0px rgba(0, 0, 0, 0.03), 0px 2px 2px -1px rgba(0, 0, 0, 0.03)",
+        "outline-red-hover": "0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 2px 3px 0px rgba(0, 0, 0, 0.08)",
+        "outline-red-active":
+          "0px 1px 1px 0px rgba(127, 29, 29, 0.06), 0px 0px 3px 0px rgba(127, 29, 29, 0.08), 0px 2px 2px 1px rgba(127, 29, 29, 0.06) inset",
+        "elevation-low":
+          "0px 1px 1px 0px rgba(0, 0, 0, 0.07), 0px 1px 2px 0px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.10), 0px 0px 8px 0px rgba(0, 0, 0, 0.05)",
+        // Brand
+        "button-solid-brand-default":
+          " 0px 2px 3px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.08), 1px 4px 8px 0px rgba(0, 0, 0, 0.12), 0px 2px 0.4px 0px rgba(255, 255, 255, 0.12) inset, 0px -3px 2px 0px rgba(0, 0, 0, 0.04) inset;",
+        "button-solid-brand-hover":
+          "0px 1px 1px 0px rgba(0, 0, 0, 0.10), 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 1px 4px 8px 0px rgba(0, 0, 0, 0.12), 0px -3px 2px 0px rgba(0, 0, 0, 0.10) inset, 0px 2px 0.4px 0px rgba(255, 255, 255, 0.24) inset",
+        "button-solid-brand-active":
+          "0px 3px 1px 0px rgba(0, 0, 0, 0.10) inset, 0px 0px 2px 0px rgba(0, 0, 0, 0.10) inset",
+        "button-solid-brand-focused":
+          "0px 0px 0px 1px rgba(255, 255, 255, 0.40), 0px 0px 0px 2px rgba(0, 0, 0, 0.20), 0px 1px 1px 0px rgba(0, 0, 0, 0.10), 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 1px 4px 8px 0px rgba(0, 0, 0, 0.12), 0px -3px 2px 0px rgba(0, 0, 0, 0.10) inset, 0px 2px 0.4px 0px rgba(255, 255, 255, 0.24) inset",
+        // Outline - red
+        "button-outline-red-focused":
+          "0px 0px 0px 1px rgba(255, 255, 255, 0.32), 0px 0px 0px 2px rgba(220, 38, 38, 0.15)",
+      },
     },
   },
   plugins: [
@@ -183,6 +333,9 @@ module.exports = {
         },
       });
     }),
+    plugin(function ({ addVariant }) {
+      addVariant("enabled", "&:not(:disabled)");
+    }),
   ],
   variants: {
     scrollbar: ["dark"],
diff --git a/packages/config/theme/colors.css b/packages/config/theme/colors.css
index 528238f007f377..344416086436d4 100644
--- a/packages/config/theme/colors.css
+++ b/packages/config/theme/colors.css
@@ -32,8 +32,7 @@
   --cal-text-info: #253985;
   --cal-text-success: #285231;
   --cal-text-attention: #73321b;
-  --cal-text-error: #752522;
-
+  --cal-text-error: hsla(0, 63%, 31%, 1);
   /* Brand shenanigans
     -> These will be computed for the users theme at runtime.
   */
diff --git a/packages/embeds/embed-core/src/addAppCssVars.ts b/packages/embeds/embed-core/src/addAppCssVars.ts
new file mode 100644
index 00000000000000..24899221f7fd30
--- /dev/null
+++ b/packages/embeds/embed-core/src/addAppCssVars.ts
@@ -0,0 +1,157 @@
+export const addAppCssVars = () => {
+  try {
+    const cssVarsStyle = `cal-floating-button, cal-modal-box, cal-inline {
+    /* Spacing Scale */
+    --cal-spacing-0: 0px;
+    --cal-spacing-px: 1px;
+    --cal-spacing-0_5: 0.125rem; /* 2px */
+    --cal-spacing-1: 0.25rem;   /* 4px */
+    --cal-spacing-1_5: 0.375rem; /* 6px */
+    --cal-spacing-2: 0.5rem;    /* 8px */
+    --cal-spacing-2_5: 0.625rem; /* 10px */
+    --cal-spacing-3: 0.75rem;   /* 12px */
+    --cal-spacing-3_5: 0.875rem; /* 14px */
+    --cal-spacing-4: 1rem;      /* 16px */
+    --cal-spacing-5: 1.25rem;   /* 20px */
+    --cal-spacing-6: 1.5rem;    /* 24px */
+    --cal-spacing-7: 1.75rem;   /* 28px */
+    --cal-spacing-8: 2rem;      /* 32px */
+    --cal-spacing-9: 2.25rem;   /* 36px */
+    --cal-spacing-10: 2.5rem;   /* 40px */
+    --cal-spacing-11: 2.75rem;  /* 44px */
+    --cal-spacing-12: 3rem;     /* 48px */
+    --cal-spacing-14: 3.5rem;   /* 56px */
+    --cal-spacing-16: 4rem;     /* 64px */
+    --cal-spacing-20: 5rem;     /* 80px */
+    --cal-spacing-24: 6rem;     /* 96px */
+    --cal-spacing-28: 7rem;     /* 112px */
+    --cal-spacing-32: 8rem;     /* 128px */
+    --cal-spacing-36: 9rem;     /* 144px */
+    --cal-spacing-40: 10rem;    /* 160px */
+    --cal-spacing-44: 11rem;    /* 176px */
+    --cal-spacing-48: 12rem;    /* 192px */
+    --cal-spacing-52: 13rem;    /* 208px */
+    --cal-spacing-56: 14rem;    /* 224px */
+    --cal-spacing-60: 15rem;    /* 240px */
+    --cal-spacing-64: 16rem;    /* 256px */
+    --cal-spacing-72: 18rem;    /* 288px */
+    --cal-spacing-80: 20rem;    /* 320px */
+    --cal-spacing-96: 24rem;    /* 384px */
+  
+    /* Border Radius */
+    --cal-radius-none: 0px;
+    --cal-radius-sm: 0.125rem;  /* 2px */
+    --cal-radius: 0.25rem;      /* 4px */
+    --cal-radius-md: 0.375rem;  /* 6px */
+    --cal-radius-lg: 0.5rem;    /* 8px */
+    --cal-radius-xl: 0.75rem;   /* 12px */
+    --cal-radius-2xl: 1rem;     /* 16px */
+    --cal-radius-3xl: 1.5rem;   /* 24px */
+    --cal-radius-full: 9999px;
+  
+    /* Background Standard */
+    --cal-bg-emphasis: hsla(220, 13%, 91%, 1); /* gray.200 - active items and emphasising */
+    --cal-bg: hsla(0, 0%, 100%, 1); /* white - default background */
+    --cal-bg-subtle: hsla(220, 14%, 94%, 1); /* gray.100 - hovering on items, subtle raising */
+    --cal-bg-muted: hsla(210, 20%, 97%, 1); /* gray.50 - large items, sidebar, sections */
+    --cal-bg-inverted: hsla(210, 30%, 4%, 1); /* gray.900 - tooltips */
+  
+    /* Background Primary */
+    --cal-bg-primary: hsla(214, 30%, 16%, 1); /* stone-100 */
+    --cal-bg-primary-emphasis: hsla(220, 6%, 25%, 1); /* stone-800 */
+    --cal-bg-primary-muted: hsla(220, 14%, 94%, 1); /* stone-400 */
+  
+    /* Background Brand */
+    --cal-bg-brand: hsla(214, 30%, 16%, 1); /* gray-50 */
+    --cal-bg-brand-emphasis: hsla(220, 6%, 25%, 1); /* stone-100 */
+    --cal-bg-brand-muted: hsla(220, 14%, 94%, 1); /* stone-100 */
+    
+    /* Background Semantic */
+    --cal-bg-semantic-info-subtle: hsla(212, 88%, 97%, 1); /* blue-100 */
+    --cal-bg-semantic-info-emphasis: hsla(236, 80%, 25%, 1); /* blue-500 */
+    --cal-bg-semantic-success-subtle: hsla(167, 54%, 93%, 1); /* green-100 */
+    --cal-bg-semantic-success-emphasis: hsla(158, 74%, 38%, 1); /* green-500 */
+    --cal-bg-semantic-attention-subtle: hsla(34, 100%, 92%, 1); /* orange-100 */
+    --cal-bg-semantic-attention-emphasis: hsla(15, 79%, 34%, 1); /* orange-500 */
+    --cal-bg-semantic-error-subtle: hsla(0, 93%, 94%, 1); /* red-100 */
+    --cal-bg-semantic-error-emphasis: hsla(0, 63%, 24%, 1); /* red-500 */
+  
+    /* Background Visualization */
+    --cal-bg-visualization-1-subtle: hsla(326, 78%, 95%, 1); /* pink-100 */
+    --cal-bg-visualization-1-emphasis: hsla(330, 81%, 60%, 1); /* pink-500 */
+    --cal-bg-visualization-2-subtle: hsla(256, 86%, 91%, 1); /* purple-100 */
+    --cal-bg-visualization-2-emphasis: hsla(256, 85%, 57%, 1); /* purple-500 */
+    --cal-bg-visualization-3-subtle: hsla(217, 87%, 91%, 1); /* blue-100 */
+    --cal-bg-visualization-3-emphasis: hsla(235, 100%, 63%, 1); /* blue-500 */
+    --cal-bg-visualization-4-subtle: hsla(167, 54%, 93%, 1); /* green-100 */
+    --cal-bg-visualization-4-emphasis: hsla(158, 74%, 38%, 1); /* green-500 */
+    --cal-bg-visualization-5-subtle: hsla(55, 97%, 88%, 1); /* yellow-100 */
+    --cal-bg-visualization-5-emphasis: hsla(45, 93%, 47%, 1); /* yellow-500 */
+    --cal-bg-visualization-6-subtle: hsla(34, 100%, 92%, 1); /* orange-100 */
+    --cal-bg-visualization-6-emphasis: hsla(25, 95%, 53%, 1); /* orange-500 */
+    --cal-bg-visualization-7-subtle: hsla(0, 96%, 89%, 1); /* red-100 */
+    --cal-bg-visualization-7-emphasis: hsla(0, 84%, 60%, 1); /* red-500 */
+  
+    /* Legacy Background Components - Consider deprecating */
+    --cal-bg-info: hsla(221, 91%, 93%, 1); /* #dee9fc - info backgrounds */
+    --cal-bg-success: hsla(142, 76%, 94%, 1); /* #e2fbe8 - success backgrounds */
+    --cal-bg-attention: hsla(33, 100%, 92%, 1); /* #fceed8 - attention backgrounds */
+    --cal-bg-error: hsla(3, 66%, 93%, 1); /* #f9e3e2 - error backgrounds */
+    --cal-bg-dark-error: hsla(2, 55%, 30%, 1); /* Keeping existing dark error */
+  
+    /* Borders */
+    --cal-border-emphasis: hsla(218, 11%, 65%, 1); /* gray.400 - input:hover */
+    --cal-border: hsla(216, 12%, 84%, 1); /* gray.300 - inputs */
+    --cal-border-subtle: hsla(220, 13%, 91%, 1); /* gray.200 - container borders */
+    --cal-border-muted: hsla(220, 14%, 94%, 1); /* gray.100 */
+    --cal-border-error: hsla(0, 96%, 89%, 1); /* Keeping existing error border */
+    --cal-border-semantic-error: hsla(0, 96%, 89%, 1);
+    --cal-border-booker: var(--cal-border-subtle);
+  
+    /* Content/Text Standard */
+    --cal-text-emphasis: hsla(210, 30%, 4%, 1); /* gray-900 */
+    --cal-text: hsla(220, 6%, 25%, 1); /* gray-700 */
+    --cal-text-subtle: hsla(220, 9%, 46%, 1); /* gray-500 */
+    --cal-text-muted: hsla(218, 11%, 65%, 1); /* gray-400 */
+    --cal-text-inverted: hsla(0, 0%, 100%, 1); /* white */
+  
+    /* Content/Text Semantic */
+    --cal-text-semantic-info: hsla(236, 80%, 25%, 1); /* blue-800 */
+    --cal-text-semantic-success: hsla(150, 84%, 22%, 1); /* green-800 */
+    --cal-text-semantic-attention: hsla(15, 79%, 34%, 1); /* orange-800 */
+    --cal-text-semantic-error: hsla(0, 63%, 24%, 1); /* red-800 */
+  
+    /* Content/Text Visualization */
+    --cal-text-visualization-1: hsla(332, 79%, 25%, 1); /* pink-800 */
+    --cal-text-visualization-2: hsla(270, 91%, 25%, 1); /* purple-800 */
+    --cal-text-visualization-3: hsla(217, 91%, 25%, 1); /* blue-800 */
+    --cal-text-visualization-4: hsla(142, 71%, 25%, 1); /* green-800 */
+    --cal-text-visualization-5: hsla(45, 93%, 25%, 1); /* yellow-800 */
+    --cal-text-visualization-6: hsla(24, 95%, 25%, 1); /* orange-800 */
+    --cal-text-visualization-7: hsla(0, 84%, 25%, 1); /* red-800 */
+  
+    /* Border/Semantic Subtle */
+    --cal-border-semantic-attention-subtle: hsla(32, 98%, 83%, 1); 
+    --cal-border-semantic-error-subtle: hsla(0, 96%, 89%, 1); 
+  
+    /* Legacy Content/Text Components - Consider deprecating */
+    --cal-text-info: hsla(225, 57%, 33%, 1); /* #253985 - interactive text/icons */
+    --cal-text-success: hsla(144, 34%, 24%, 1); /* #285231 */
+    --cal-text-attention: hsla(16, 62%, 28%, 1); /* Keeping existing attention text */
+    --cal-text-error: hsla(0, 63%, 31%, 1); /* Keeping existing error text */
+  
+    /* Brand */
+    --cal-brand: hsla(221, 39%, 11%, 1); /* Keeping existing brand color */
+    --cal-brand-emphasis: hsla(0, 0%, 6%, 1); /* Keeping existing brand emphasis */
+    --cal-brand-text: hsla(0, 0%, 100%, 1); /* white */
+  }`;
+
+    // Create a style rule for above css
+    const style = document.createElement("style");
+    style.id = "cal-css-vars";
+    style.textContent = cssVarsStyle;
+    document.head.appendChild(style);
+  } catch (error) {
+    console.error("Error adding app css vars - Report this issue to support", error);
+  }
+};
diff --git a/packages/embeds/embed-core/src/embed.ts b/packages/embeds/embed-core/src/embed.ts
index ec5e3bb5891298..7375fb4c187b4c 100644
--- a/packages/embeds/embed-core/src/embed.ts
+++ b/packages/embeds/embed-core/src/embed.ts
@@ -2,6 +2,7 @@
 import { FloatingButton } from "./FloatingButton/FloatingButton";
 import { Inline } from "./Inline/inline";
 import { ModalBox } from "./ModalBox/ModalBox";
+import { addAppCssVars } from "./addAppCssVars";
 import type { InterfaceWithParent, interfaceWithParent, PrefillAndIframeAttrsConfig } from "./embed-iframe";
 import css from "./embed.css";
 import { SdkActionManager } from "./sdk-action-manager";
@@ -1056,6 +1057,8 @@ function initializeGlobalCalProps() {
   globalCal.config.forwardQueryParams = globalCal.config.forwardQueryParams ?? false;
 }
 
+addAppCssVars();
+
 function log(...args: unknown[]) {
   console.log(...args);
 }
diff --git a/packages/features/bookings/Booker/components/EventMeta.tsx b/packages/features/bookings/Booker/components/EventMeta.tsx
index 1bd30b526ece25..6c5a1de9badae7 100644
--- a/packages/features/bookings/Booker/components/EventMeta.tsx
+++ b/packages/features/bookings/Booker/components/EventMeta.tsx
@@ -214,7 +214,8 @@ export const EventMeta = ({
                     menuPosition="absolute"
                     timezoneSelectCustomClassname={classNames?.eventMetaTimezoneSelect}
                     classNames={{
-                      control: () => "!min-h-0 p-0 w-full border-0 bg-transparent focus-within:ring-0",
+                      control: () =>
+                        "!min-h-0 p-0 w-full border-0 bg-transparent focus-within:ring-0 shadow-none!",
                       menu: () => "!w-64 max-w-[90vw] mb-1 ",
                       singleValue: () => "text-text py-1",
                       indicatorsContainer: () => "ml-auto",
diff --git a/packages/features/bookings/components/FilterToggle.tsx b/packages/features/bookings/components/FilterToggle.tsx
index a27dd8f4d641da..a43b6f0cc5a96e 100644
--- a/packages/features/bookings/components/FilterToggle.tsx
+++ b/packages/features/bookings/components/FilterToggle.tsx
@@ -2,7 +2,7 @@ import type { Dispatch, SetStateAction } from "react";
 
 import { useFilterQuery } from "@calcom/features/bookings/lib/useFilterQuery";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
-import { Badge, Button, Icon, Tooltip } from "@calcom/ui";
+import { Badge, Button, Tooltip } from "@calcom/ui";
 
 export interface FilterToggleProps {
   setIsFiltersVisible: Dispatch<SetStateAction<boolean>>;
@@ -19,8 +19,7 @@ export function FilterToggle({ setIsFiltersVisible }: FilterToggleProps) {
   }
 
   return (
-    <Button color="secondary" onClick={toggleFiltersVisibility} className="mb-4">
-      <Icon name="filter" className="h-4 w-4" />
+    <Button color="secondary" onClick={toggleFiltersVisibility} className="mb-4" StartIcon="filter">
       <Tooltip content={t("filters")}>
         <div className="mx-2">{t("filters")}</div>
       </Tooltip>
diff --git a/packages/features/bookings/components/FiltersContainer.tsx b/packages/features/bookings/components/FiltersContainer.tsx
index 54fbf20b1dbe1e..ffc73cfcbe1a76 100644
--- a/packages/features/bookings/components/FiltersContainer.tsx
+++ b/packages/features/bookings/components/FiltersContainer.tsx
@@ -28,7 +28,7 @@ export function FiltersContainer({ isFiltersVisible }: FiltersContainerProps) {
   return (
     <div ref={animationParentRef}>
       {isFiltersVisible ? (
-        <div className="no-scrollbar flex w-full space-x-2 overflow-x-scroll rtl:space-x-reverse">
+        <div className="no-scrollbar mb-2 flex w-full space-x-2 overflow-x-scroll rtl:space-x-reverse">
           <PeopleFilter />
           <EventTypeFilter />
           <TeamsFilter />
diff --git a/packages/features/data-table/components/DataTableSelectionBar.tsx b/packages/features/data-table/components/DataTableSelectionBar.tsx
index 32d6da61476d5d..fb25fea261d328 100644
--- a/packages/features/data-table/components/DataTableSelectionBar.tsx
+++ b/packages/features/data-table/components/DataTableSelectionBar.tsx
@@ -5,7 +5,7 @@ import { forwardRef } from "react";
 
 import { classNames } from "@calcom/lib";
 import { Button, Icon } from "@calcom/ui";
-import type { IconName } from "@calcom/ui";
+import type { IconName, ButtonProps } from "@calcom/ui";
 
 export type ActionItem<TData> =
   | {
@@ -26,12 +26,12 @@ type ResponsiveButtonProps = {
   icon: IconName;
   onClick?: () => void;
   children: string;
-};
+} & ButtonProps;
 
 const ResponsiveButton = forwardRef<HTMLButtonElement, ResponsiveButtonProps>(
-  ({ className, icon, onClick, children }, ref) => {
+  ({ icon, onClick, children, ...rest }, ref) => {
     return (
-      <Button ref={ref} onClick={onClick} title={children}>
+      <Button ref={ref} onClick={onClick} title={children} {...rest}>
         <Icon name={icon} size={18} className="sm:hidden" />
         <Icon name={icon} size={16} className="mr-2 hidden shrink-0 sm:inline" />
         <span className="sr-only shrink-0 md:not-sr-only">{children}</span>
@@ -51,7 +51,7 @@ const Root = forwardRef<
     <div
       ref={ref}
       className={classNames(
-        "bg-brand-default text-brand fixed bottom-0 left-0 z-40 flex w-full items-center space-x-1 overflow-x-auto px-2 py-2 sm:space-x-2 md:bottom-4 md:left-1/2 md:z-auto md:w-fit md:-translate-x-1/2 md:transform md:space-x-3 md:overflow-x-hidden md:rounded-lg md:px-4",
+        "bg-default text-emphasis shadow-outline-gray-rested fixed bottom-0 left-0 z-40 flex w-full items-center space-x-1 overflow-x-auto border px-2 py-2 sm:space-x-2 md:bottom-4 md:left-1/2 md:z-auto md:w-fit md:-translate-x-1/2 md:transform md:space-x-3 md:overflow-x-hidden md:rounded-lg md:px-4",
         className
       )}
       style={{ ...style }}
diff --git a/packages/features/data-table/components/filters/AddFilterButton.tsx b/packages/features/data-table/components/filters/AddFilterButton.tsx
index 8d5e78b3448256..065d42792e45f2 100644
--- a/packages/features/data-table/components/filters/AddFilterButton.tsx
+++ b/packages/features/data-table/components/filters/AddFilterButton.tsx
@@ -47,8 +47,12 @@ function AddFilterButtonComponent<TData>(
     <div className="flex items-center space-x-2">
       <Popover>
         <PopoverTrigger asChild>
-          <Button ref={ref} color="secondary" data-testid="add-filter-button">
-            <Icon name="sliders-horizontal" className="mr-2 h-4 w-4" />
+          <Button
+            ref={ref}
+            color="secondary"
+            data-testid="add-filter-button"
+            StartIcon="sliders-horizontal"
+            className="h-full">
             {t("filter")}
           </Button>
         </PopoverTrigger>
diff --git a/packages/features/data-table/components/filters/ClearFiltersButton.tsx b/packages/features/data-table/components/filters/ClearFiltersButton.tsx
index 000118c0e6b482..101589110bdf0e 100644
--- a/packages/features/data-table/components/filters/ClearFiltersButton.tsx
+++ b/packages/features/data-table/components/filters/ClearFiltersButton.tsx
@@ -1,6 +1,6 @@
 import { useDataTable } from "@calcom/features/data-table";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
-import { Icon, Button, Tooltip } from "@calcom/ui";
+import { Button, Tooltip } from "@calcom/ui";
 
 export const ClearFiltersButton = ({ exclude }: { exclude?: string[] }) => {
   const { t } = useLocale();
@@ -13,14 +13,13 @@ export const ClearFiltersButton = ({ exclude }: { exclude?: string[] }) => {
   return (
     <Tooltip content={t("clear_filters")}>
       <Button
+        color="minimal"
         data-testid="clear-filters-button"
-        variant="icon"
-        color="secondary"
         target="_blank"
         rel="noreferrer"
-        className="min-w-24 h-[38px] border-0"
+        className="min-w-24"
+        StartIcon="x"
         onClick={() => clearAll(exclude)}>
-        <Icon name="x" className="mr-1 h-4 w-4" />
         {t("clear")}
       </Button>
     </Tooltip>
diff --git a/packages/features/data-table/components/filters/DateRangeFilter.tsx b/packages/features/data-table/components/filters/DateRangeFilter.tsx
index b6d9759452769d..25919845f1a0af 100644
--- a/packages/features/data-table/components/filters/DateRangeFilter.tsx
+++ b/packages/features/data-table/components/filters/DateRangeFilter.tsx
@@ -147,7 +147,7 @@ export const DateRangeFilter = ({ column }: DateRangeFilterProps) => {
   return (
     <Popover>
       <PopoverTrigger asChild>
-        <Button color="secondary" className="items-center capitalize">
+        <Button color="secondary" className="items-center capitalize" EndIcon="chevron-down">
           {!isCustomPreset && <span>{t(selectedPreset.labelKey, selectedPreset.i18nOptions)}</span>}
           {isCustomPreset &&
             (endDate ? (
@@ -157,7 +157,6 @@ export const DateRangeFilter = ({ column }: DateRangeFilterProps) => {
             ) : (
               <span>{format(startDate.toDate(), "LLL dd, y")} - End</span>
             ))}
-          <Icon name="chevron-down" className="ml-2 h-4 w-4" />
         </Button>
       </PopoverTrigger>
       <PopoverContent className="flex w-fit p-0" align="end">
diff --git a/packages/features/data-table/components/filters/FilterPopover.tsx b/packages/features/data-table/components/filters/FilterPopover.tsx
index b2d5e5e747772d..c122f93f891754 100644
--- a/packages/features/data-table/components/filters/FilterPopover.tsx
+++ b/packages/features/data-table/components/filters/FilterPopover.tsx
@@ -2,7 +2,7 @@
 import startCase from "lodash/startCase";
 
 import type { IconName } from "@calcom/ui";
-import { Button, Icon, Popover, PopoverContent, PopoverTrigger, Badge } from "@calcom/ui";
+import { Button, Popover, PopoverContent, PopoverTrigger, Badge } from "@calcom/ui";
 
 import { useFilterValue } from "../../hooks";
 import { type FilterableColumn, type FilterValue, ZFilterValue, ColumnFilterType } from "../../lib/types";
@@ -137,11 +137,11 @@ export function FilterPopover({ column }: FilterPopoverProps) {
         <Button
           color="secondary"
           className="items-center"
+          StartIcon={icon}
+          EndIcon="chevron-down"
           data-testid={`filter-popover-trigger-${column.id}`}>
-          <Icon name={icon} className="mr-2 h-4 w-4" />
           <span>{startCase(column.title)}</span>
           <AppliedFilterValue column={column} filterValue={filterValue} />
-          <Icon name="chevron-down" className="ml-2 h-4 w-4" />
         </Button>
       </PopoverTrigger>
       <PopoverContent className="p-0" align="start">
diff --git a/packages/features/ee/managed-event-types/hooks/useLockedFieldsManager.tsx b/packages/features/ee/managed-event-types/hooks/useLockedFieldsManager.tsx
index 84fa838c99577f..b998d850d023dd 100644
--- a/packages/features/ee/managed-event-types/hooks/useLockedFieldsManager.tsx
+++ b/packages/features/ee/managed-event-types/hooks/useLockedFieldsManager.tsx
@@ -31,7 +31,7 @@ export const LockedSwitch = (
         setUnlockedFields(fieldName, !enabled || undefined);
       }}
       checked={fieldState[fieldName]}
-      small={!options.simple}
+      size="sm"
     />
   ) : null;
 };
@@ -58,7 +58,7 @@ export const LockedIndicator = (
           <Badge
             variant={isLocked ? "gray" : "green"}
             className={classNames(
-              "ml-2 transform justify-between gap-1.5 p-1",
+              "ml-2 transform justify-between p-1",
               isManagedEventType && !options.simple && "w-28"
             )}>
             {!options.simple && (
@@ -78,7 +78,7 @@ export const LockedIndicator = (
                   setUnlockedFields(fieldName, !enabled || undefined);
                 }}
                 checked={isLocked}
-                small={!options.simple}
+                size="sm"
               />
             )}
           </Badge>
diff --git a/packages/features/ee/organizations/components/AddNewTeamsForm.tsx b/packages/features/ee/organizations/components/AddNewTeamsForm.tsx
index 5c51b9b92524d7..cfde9559b42544 100644
--- a/packages/features/ee/organizations/components/AddNewTeamsForm.tsx
+++ b/packages/features/ee/organizations/components/AddNewTeamsForm.tsx
@@ -236,7 +236,8 @@ const AddNewTeamsFormChild = ({
             disabled={createTeamsMutation.isPending}
             onClick={handleCounterIncrease}
             aria-label={t("add_a_team")}
-            className="my-1">
+            className="my-1"
+            data-testId="add_a_team">
             {t("add_a_team")}
           </Button>
         )}
diff --git a/packages/features/ee/teams/components/CreateANewTeamForm.tsx b/packages/features/ee/teams/components/CreateANewTeamForm.tsx
index bbacde3575b6fe..49e5e9f26d9e4a 100644
--- a/packages/features/ee/teams/components/CreateANewTeamForm.tsx
+++ b/packages/features/ee/teams/components/CreateANewTeamForm.tsx
@@ -120,7 +120,6 @@ export const CreateANewTeamForm = (props: CreateANewTeamFormProps) => {
             rules={{ required: t("team_url_required") }}
             render={({ field: { value } }) => (
               <TextField
-                className="mt-2"
                 name="slug"
                 placeholder="acme"
                 label={t("team_url")}
diff --git a/packages/features/ee/teams/components/DeleteBulkTeamMembers.tsx b/packages/features/ee/teams/components/DeleteBulkTeamMembers.tsx
index 6938a0e14f10a4..fdd5f9aadd719e 100644
--- a/packages/features/ee/teams/components/DeleteBulkTeamMembers.tsx
+++ b/packages/features/ee/teams/components/DeleteBulkTeamMembers.tsx
@@ -31,7 +31,9 @@ export default function DeleteBulkTeamMembers({ users, onRemove, isOrg, teamId }
   return (
     <Dialog>
       <DialogTrigger asChild>
-        <DataTableSelectionBar.Button icon="ban">{t("Delete")}</DataTableSelectionBar.Button>
+        <DataTableSelectionBar.Button icon="ban" color="destructive">
+          {t("Delete")}
+        </DataTableSelectionBar.Button>
       </DialogTrigger>
       <ConfirmationDialogContent
         variety="danger"
diff --git a/packages/features/ee/teams/components/EventTypesList.tsx b/packages/features/ee/teams/components/EventTypesList.tsx
index 60dbd6afbe7e22..a823e7dcc0f8c3 100644
--- a/packages/features/ee/teams/components/EventTypesList.tsx
+++ b/packages/features/ee/teams/components/EventTypesList.tsx
@@ -94,7 +94,9 @@ export function EventTypesList({ table, teamId }: Props) {
     <>
       <Popover>
         <PopoverTrigger asChild>
-          <DataTableSelectionBar.Button icon="link">{t("add_to_event_type")}</DataTableSelectionBar.Button>
+          <DataTableSelectionBar.Button icon="link" color="secondary">
+            {t("add_to_event_type")}
+          </DataTableSelectionBar.Button>
         </PopoverTrigger>
         <PopoverContent className="w-[200px] p-0 shadow-md" align="start" sideOffset={12}>
           <Command>
diff --git a/packages/features/ee/teams/components/MemberInvitationModal.tsx b/packages/features/ee/teams/components/MemberInvitationModal.tsx
index 640fd0c27cb0eb..d73b0800461237 100644
--- a/packages/features/ee/teams/components/MemberInvitationModal.tsx
+++ b/packages/features/ee/teams/components/MemberInvitationModal.tsx
@@ -433,8 +433,8 @@ export default function MemberInvitationModal(props: MemberInvitationModalProps)
                     }
                   }}
                   className={classNames("gap-2", props.token && "opacity-50")}
+                  StartIcon="link"
                   data-testid="copy-invite-link-button">
-                  <Icon name="link" className="text-default h-4 w-4" aria-hidden="true" />
                   <span className="hidden sm:inline">{t("copy_invite_link")}</span>
                 </Button>
               </div>
diff --git a/packages/features/ee/teams/components/MemberList.tsx b/packages/features/ee/teams/components/MemberList.tsx
index c8f11e1189a401..fa823826d8ef61 100644
--- a/packages/features/ee/teams/components/MemberList.tsx
+++ b/packages/features/ee/teams/components/MemberList.tsx
@@ -674,7 +674,6 @@ function MemberListContent(props: Props) {
                 type="button"
                 color="primary"
                 StartIcon="plus"
-                className="rounded-md"
                 onClick={() => props.setShowMemberInvitationModal(true)}
                 data-testid="new-member-button">
                 {t("add")}
@@ -698,6 +697,7 @@ function MemberListContent(props: Props) {
             </p>
             {numberOfSelectedRows >= 2 && (
               <DataTableSelectionBar.Button
+                color="secondary"
                 onClick={() => setDynamicLinkVisible(!dynamicLinkVisible)}
                 icon="handshake">
                 {t("group_meeting")}
diff --git a/packages/features/ee/teams/pages/team-appearance-view.tsx b/packages/features/ee/teams/pages/team-appearance-view.tsx
index 57c95901090d95..5fd55623eebe34 100644
--- a/packages/features/ee/teams/pages/team-appearance-view.tsx
+++ b/packages/features/ee/teams/pages/team-appearance-view.tsx
@@ -91,8 +91,8 @@ const ProfileView = ({ team }: ProfileViewProps) => {
             }}>
             <div className="border-subtle mt-6 flex items-center rounded-t-xl border p-6 text-sm">
               <div>
-                <p className="font-semibold">{t("theme")}</p>
-                <p className="text-default">{t("theme_applies_note")}</p>
+                <p className="mt-0.5 text-base font-semibold leading-none">{t("theme")}</p>
+                <p className="text-default text-sm leading-normal">{t("theme_applies_note")}</p>
               </div>
             </div>
             <div className="border-subtle flex flex-col justify-between border-x px-6 py-8 sm:flex-row">
diff --git a/packages/features/ee/teams/pages/team-listing-view.tsx b/packages/features/ee/teams/pages/team-listing-view.tsx
index ada02ac789d37e..112eff6a52bf73 100644
--- a/packages/features/ee/teams/pages/team-listing-view.tsx
+++ b/packages/features/ee/teams/pages/team-listing-view.tsx
@@ -1,11 +1,8 @@
 "use client";
 
-import { useLocale } from "@calcom/lib/hooks/useLocale";
-
 import { TeamsListing } from "../components";
 
 const TeamListingView = () => {
-  const { t } = useLocale();
   return <TeamsListing />;
 };
 
diff --git a/packages/features/ee/workflows/components/TimeTimeUnitInput.tsx b/packages/features/ee/workflows/components/TimeTimeUnitInput.tsx
index 075338ee4d646d..987be7a6bd3a16 100644
--- a/packages/features/ee/workflows/components/TimeTimeUnitInput.tsx
+++ b/packages/features/ee/workflows/components/TimeTimeUnitInput.tsx
@@ -64,7 +64,7 @@ export const TimeTimeUnitInput = (props: Props) => {
           label=""
           disabled={props.disabled}
           defaultValue={form.getValues("time") ?? props.defaultTime ?? 24}
-          className="-mt-2 rounded-r-none text-sm focus:ring-0"
+          className="rounded-r-none text-sm focus:ring-0"
           {...form.register("time", { valueAsNumber: true })}
           addOnSuffix={
             <TimeUnitAddonSuffix
diff --git a/packages/features/ee/workflows/components/WorkflowListPage.tsx b/packages/features/ee/workflows/components/WorkflowListPage.tsx
index d21e49c441f3ba..5ca5c1bf3e1b03 100644
--- a/packages/features/ee/workflows/components/WorkflowListPage.tsx
+++ b/packages/features/ee/workflows/components/WorkflowListPage.tsx
@@ -239,7 +239,7 @@ export default function WorkflowListPage({ workflows }: Props) {
                                 workflow?.team.logo,
                                 workflow.team?.name as string
                               )}
-                              size="xxs"
+                              size="xs"
                               className="mt-[3px] inline-flex justify-center"
                             />
                             <div>{workflow.team.name}</div>
diff --git a/packages/features/ee/workflows/components/WorkflowStepContainer.tsx b/packages/features/ee/workflows/components/WorkflowStepContainer.tsx
index e4d62c8ba37ae7..24e7038dd48cb5 100644
--- a/packages/features/ee/workflows/components/WorkflowStepContainer.tsx
+++ b/packages/features/ee/workflows/components/WorkflowStepContainer.tsx
@@ -917,7 +917,7 @@ export default function WorkflowStepContainer(props: WorkflowStepProps) {
                         emailSubjectFormRef?.(e);
                         refEmailSubject.current = e;
                       }}
-                      rows={1}
+                      rows={2}
                       disabled={props.readOnly || !hasActiveTeamPlan}
                       className="my-0 focus:ring-transparent"
                       required
diff --git a/packages/features/embed/lib/EmbedTabs.tsx b/packages/features/embed/lib/EmbedTabs.tsx
index 536cdf6146cd76..0915b85f2dcac9 100644
--- a/packages/features/embed/lib/EmbedTabs.tsx
+++ b/packages/features/embed/lib/EmbedTabs.tsx
@@ -21,6 +21,7 @@ export const tabs = [
     href: "embedTabName=embed-code",
     icon: "code" as const,
     type: "code",
+    "data-testid": "HTML",
     Component: forwardRef<
       HTMLTextAreaElement | HTMLIFrameElement | null,
       { embedType: EmbedType; calLink: string; previewState: PreviewState; namespace: string }
@@ -75,6 +76,7 @@ export const tabs = [
   {
     name: "React",
     href: "embedTabName=embed-react",
+    "data-testid": "react",
     icon: "code" as const,
     type: "code",
     Component: forwardRef<
@@ -126,6 +128,7 @@ export const tabs = [
     href: "embedTabName=embed-preview",
     icon: "trello" as const,
     type: "iframe",
+    "data-testid": "Preview",
     Component: forwardRef<
       HTMLIFrameElement | HTMLTextAreaElement | null,
       { calLink: string; embedType: EmbedType; previewState: PreviewState; namespace: string }
diff --git a/packages/features/eventtypes/components/EmptyPage.tsx b/packages/features/eventtypes/components/EmptyPage.tsx
index 603b8afb81f901..f03825f552df79 100644
--- a/packages/features/eventtypes/components/EmptyPage.tsx
+++ b/packages/features/eventtypes/components/EmptyPage.tsx
@@ -2,20 +2,20 @@ import { useLocale } from "@calcom/lib/hooks/useLocale";
 
 const SkeletonEventType = () => {
   return (
-    <div className="dark:bg-darkgray-100 bg-default h-24 w-full">
+    <div className="bg-default h-24 w-full">
       <div className="p-5">
         <div className="flex space-x-2 rtl:space-x-reverse">
-          <div className="dark:bg-darkgray-400 h-2 w-1/6 rounded-md bg-neutral-200" />
-          <div className="dark:bg-darkgray-400 h-2 w-1/6 rounded-md bg-neutral-200" />
+          <div className="bg-subtle h-2 w-1/6 rounded-md" />
+          <div className="bg-subtle h-2 w-1/6 rounded-md" />
         </div>
         <div className="flex space-x-2 py-2 rtl:space-x-reverse">
-          <div className="dark:bg-darkgray-400 h-2 w-1/12 rounded-md bg-neutral-200" />
-          <div className="dark:bg-darkgray-400 h-2 w-1/6 rounded-md bg-neutral-200" />
-          <div className="dark:bg-darkgray-400 h-2 w-1/12 rounded-md bg-neutral-200" />
+          <div className="bg-subtle h-2 w-1/12 rounded-md" />
+          <div className="bg-subtle h-2 w-1/6 rounded-md" />
+          <div className="bg-subtle h-2 w-1/12 rounded-md" />
         </div>
         <div className="flex space-x-2 py-1 rtl:space-x-reverse">
-          <div className="dark:bg-darkgray-200 h-6 w-1/6 rounded-md bg-neutral-300" />
-          <div className="dark:bg-darkgray-200 h-6 w-1/6 rounded-md bg-neutral-300" />
+          <div className="bg-subtle h-6 w-1/6 rounded-md" />
+          <div className="bg-subtle h-6 w-1/6 rounded-md" />
         </div>
       </div>
     </div>
@@ -26,7 +26,7 @@ function EmptyPage({ name }: { name: string }) {
   const { t } = useLocale();
   return (
     <div className="relative text-center">
-      <div className="dark:divide-darkgray-100 flex flex-col divide-y-2 blur-[3px]">
+      <div className="flex flex-col divide-y-2 blur-[3px]">
         <SkeletonEventType />
         <SkeletonEventType />
         <SkeletonEventType />
diff --git a/packages/features/eventtypes/components/MultiplePrivateLinksController.tsx b/packages/features/eventtypes/components/MultiplePrivateLinksController.tsx
index 402fb91a28750b..e91224404264e9 100644
--- a/packages/features/eventtypes/components/MultiplePrivateLinksController.tsx
+++ b/packages/features/eventtypes/components/MultiplePrivateLinksController.tsx
@@ -55,7 +55,6 @@ export const MultiplePrivateLinksController = ({
                             color="minimal"
                             size="sm"
                             type="button"
-                            className="hover:stroke-3 hover:text-emphasis min-w-fit !py-0 px-0 hover:bg-transparent"
                             aria-label="copy link"
                             onClick={() => {
                               navigator.clipboard.writeText(singleUseURL);
diff --git a/packages/features/eventtypes/components/tabs/advanced/RequiresConfirmationController.tsx b/packages/features/eventtypes/components/tabs/advanced/RequiresConfirmationController.tsx
index acc900b948b7c5..b2fa00882a2e21 100644
--- a/packages/features/eventtypes/components/tabs/advanced/RequiresConfirmationController.tsx
+++ b/packages/features/eventtypes/components/tabs/advanced/RequiresConfirmationController.tsx
@@ -184,7 +184,7 @@ export default function RequiresConfirmationController({
                                           );
                                         }}
                                         className={classNames(
-                                          "border-default !m-0 block w-16 rounded-r-none border-r-0 text-sm [appearance:textfield] focus:z-10 focus:border-r",
+                                          "border-default h-8! !m-0 block w-16 rounded-r-none border-r-0 text-sm [appearance:textfield] focus:z-10 focus:border-r",
                                           customClassNames?.conditionalConfirmationRadio?.timeInput
                                         )}
                                         defaultValue={metadata?.requiresConfirmationThreshold?.time || 30}
diff --git a/packages/features/eventtypes/components/tabs/apps/EventAppsTab.tsx b/packages/features/eventtypes/components/tabs/apps/EventAppsTab.tsx
index 3e3abb16a2a469..09750e00046aad 100644
--- a/packages/features/eventtypes/components/tabs/apps/EventAppsTab.tsx
+++ b/packages/features/eventtypes/components/tabs/apps/EventAppsTab.tsx
@@ -92,7 +92,7 @@ export const EventAppsTab = ({ eventType }: { eventType: EventType }) => {
         <div className="before:border-0">
           {(isManagedEventType || isChildrenManagedEventType) && (
             <Alert
-              severity={appsDisableProps.isLocked ? "neutral" : "green"}
+              severity={appsDisableProps.isLocked ? "neutral" : "info"}
               className="mb-2"
               title={
                 <Trans i18nKey={`${lockedText}_${isManagedEventType ? "for_members" : "by_team_admins"}`}>
diff --git a/packages/features/eventtypes/components/tabs/availability/EventAvailabilityTab.tsx b/packages/features/eventtypes/components/tabs/availability/EventAvailabilityTab.tsx
index 0666dfedd5daad..23a6c5b92670ae 100644
--- a/packages/features/eventtypes/components/tabs/availability/EventAvailabilityTab.tsx
+++ b/packages/features/eventtypes/components/tabs/availability/EventAvailabilityTab.tsx
@@ -576,7 +576,7 @@ const UseCommonScheduleSettingsToggle = ({
   const { t } = useLocale();
   const { useHostSchedulesForTeamEvent, toggleScheduleState } = useCommonScheduleState(eventType.schedule);
   return (
-    <>
+    <div className="border-subtle space-y-6 rounded-lg border p-6">
       <SettingsToggle
         checked={!useHostSchedulesForTeamEvent}
         onCheckedChange={toggleScheduleState}
@@ -598,7 +598,7 @@ const UseCommonScheduleSettingsToggle = ({
           />
         </div>
       )}
-    </>
+    </div>
   );
 };
 
diff --git a/packages/features/eventtypes/components/tabs/limits/EventLimitsTab.tsx b/packages/features/eventtypes/components/tabs/limits/EventLimitsTab.tsx
index e80a4eabb2d240..9176db17c16684 100644
--- a/packages/features/eventtypes/components/tabs/limits/EventLimitsTab.tsx
+++ b/packages/features/eventtypes/components/tabs/limits/EventLimitsTab.tsx
@@ -327,7 +327,7 @@ const MinimumBookingNoticeInput = React.forwardRef<
           label={t("minimum_booking_notice")}
           type="number"
           placeholder="0"
-          className={classNames("mb-0 h-9 rounded-[4px] ltr:mr-2 rtl:ml-2", customClassNames?.input)}
+          className={classNames("mb-0 h-9 ltr:mr-2 rtl:ml-2", customClassNames?.input)}
           min={0}
         />
         <input type="hidden" ref={ref} {...passThroughProps} />
diff --git a/packages/features/eventtypes/components/tabs/webhooks/EventWebhooksTab.tsx b/packages/features/eventtypes/components/tabs/webhooks/EventWebhooksTab.tsx
index c9b11cab048a64..b82f10d6751b61 100644
--- a/packages/features/eventtypes/components/tabs/webhooks/EventWebhooksTab.tsx
+++ b/packages/features/eventtypes/components/tabs/webhooks/EventWebhooksTab.tsx
@@ -115,7 +115,7 @@ export const EventWebhooksTab = ({ eventType }: Pick<EventTypeSetupProps, "event
               <>
                 {(isManagedEventType || isChildrenManagedEventType) && (
                   <Alert
-                    severity={webhooksDisableProps.isLocked ? "neutral" : "green"}
+                    severity={webhooksDisableProps.isLocked ? "neutral" : "info"}
                     className="mb-2"
                     title={
                       <Trans
diff --git a/packages/features/eventtypes/components/tabs/workflows/EventWorkfowsTab.tsx b/packages/features/eventtypes/components/tabs/workflows/EventWorkfowsTab.tsx
index af2dd8a246235e..fcd6365e1b362b 100644
--- a/packages/features/eventtypes/components/tabs/workflows/EventWorkfowsTab.tsx
+++ b/packages/features/eventtypes/components/tabs/workflows/EventWorkfowsTab.tsx
@@ -132,9 +132,8 @@ const WorkflowListItem = (props: ItemProps) => {
         {!workflow.readOnly && (
           <div className="flex-none">
             <Link href={`/workflows/${workflow.id}`} passHref={true} target="_blank">
-              <Button type="button" color="minimal" className="mr-4">
+              <Button type="button" color="minimal" className="mr-4" EndIcon="external-link">
                 <div className="hidden ltr:mr-2 rtl:ml-2 sm:block">{t("edit")}</div>
-                <Icon name="external-link" className="text-default -mt-[2px] h-4 w-4 stroke-2" />
               </Button>
             </Link>
           </div>
@@ -244,7 +243,7 @@ function EventWorkflowsTab(props: Props) {
         <>
           {(isManagedEventType || isChildrenManagedEventType) && (
             <Alert
-              severity={workflowsDisableProps.isLocked ? "neutral" : "green"}
+              severity={workflowsDisableProps.isLocked ? "neutral" : "info"}
               className="mb-2"
               title={
                 <Trans i18nKey={`${lockedText}_${isManagedEventType ? "for_members" : "by_team_admins"}`}>
diff --git a/packages/features/form-builder/Components.tsx b/packages/features/form-builder/Components.tsx
index e90793d6d80fce..19c89614b8e2c1 100644
--- a/packages/features/form-builder/Components.tsx
+++ b/packages/features/form-builder/Components.tsx
@@ -236,8 +236,6 @@ export const Components: Record<FieldType, Component> = {
       const placeholder = props.placeholder;
       const { t } = useLocale();
       value = value || [];
-      const inputClassName =
-        "dark:placeholder:text-muted focus:border-emphasis border-subtle block w-full rounded-md border-default text-sm focus:ring-black disabled:bg-emphasis disabled:hover:cursor-not-allowed dark:selection:bg-green-500 disabled:dark:text-subtle bg-default";
       return (
         <>
           {value.length ? (
@@ -252,7 +250,6 @@ export const Components: Record<FieldType, Component> = {
                       id={`${props.name}.${index}`}
                       disabled={readOnly}
                       value={value[index]}
-                      className={inputClassName}
                       onChange={(e) => {
                         value[index] = e.target.value.toLowerCase();
                         setValue(value);
@@ -353,7 +350,7 @@ export const Components: Record<FieldType, Component> = {
                     }
                     setValue(newValue);
                   }}
-                  className="border-default dark:border-default hover:bg-subtle checked:hover:bg-brand-default checked:bg-brand-default dark:checked:bg-brand-default dark:bg-darkgray-100 dark:hover:bg-subtle dark:checked:hover:bg-brand-default h-4 w-4 cursor-pointer rounded transition ltr:mr-2 rtl:ml-2"
+                  className="border-default dark:border-default hover:bg-subtle checked:hover:bg-brand-default checked:bg-brand-default dark:checked:bg-brand-default dark:hover:bg-subtle dark:checked:hover:bg-brand-default h-4 w-4 cursor-pointer rounded transition ltr:mr-2 rtl:ml-2"
                   value={option.value}
                   checked={value.includes(option.value)}
                 />
diff --git a/packages/features/form-builder/FormBuilder.tsx b/packages/features/form-builder/FormBuilder.tsx
index 6a17630bfdb6c5..908d28a1f38d23 100644
--- a/packages/features/form-builder/FormBuilder.tsx
+++ b/packages/features/form-builder/FormBuilder.tsx
@@ -248,7 +248,6 @@ export const FormBuilder = function FormBuilder({
                         onCheckedChange={(checked) => {
                           update(index, { ...field, hidden: !checked });
                         }}
-                        classNames={{ container: "p-2 hover:bg-subtle rounded transition" }}
                         tooltip={t("show_on_booking_page")}
                       />
                     )}
@@ -487,12 +486,9 @@ function FieldEditDialog({
 
   return (
     <Dialog open={dialog.isOpen} onOpenChange={onOpenChange} modal={false}>
-      <DialogContent
-        className="max-h-none p-0"
-        data-testid="edit-field-dialog"
-        forceOverlayWhenNoModal={true}>
+      <DialogContent className="max-h-none" data-testid="edit-field-dialog" forceOverlayWhenNoModal={true}>
         <Form id="form-builder" form={fieldForm} handleSubmit={handleSubmit}>
-          <div className="h-auto max-h-[85vh] overflow-auto px-8 pb-7 pt-8">
+          <div className="h-auto max-h-[85vh] overflow-auto">
             <DialogHeader title={t("add_a_booking_question")} subtitle={t("booking_questions_description")} />
             <SelectField
               defaultValue={fieldTypesConfigMap.text}
@@ -648,7 +644,7 @@ function FieldEditDialog({
             })()}
           </div>
 
-          <DialogFooter className="relative rounded px-8" showDivider>
+          <DialogFooter className="relative">
             <DialogClose color="secondary">{t("cancel")}</DialogClose>
             <Button data-testid="field-add-save" type="submit">
               {isFieldEditMode ? t("save") : t("add")}
@@ -805,7 +801,7 @@ function VariantFields({
           onCheckedChange={(checked) => {
             fieldForm.setValue("variant", checked ? otherVariant : defaultVariant);
           }}
-          classNames={{ container: "p-2 mt-2 sm:hover:bg-muted rounded transition" }}
+          classNames={{ container: "mt-2" }}
           tooltip={t("Toggle Variant")}
         />
       ) : (
diff --git a/packages/features/form-builder/FormBuilderField.tsx b/packages/features/form-builder/FormBuilderField.tsx
index 8fc561d80e42d7..5934a76c9fcade 100644
--- a/packages/features/form-builder/FormBuilderField.tsx
+++ b/packages/features/form-builder/FormBuilderField.tsx
@@ -249,6 +249,7 @@ export const ComponentForField = ({
       `Value ${value} is not valid for type ${componentConfig.propsType} for field ${field.name}`
     );
   }
+
   if (componentConfig.propsType === "text") {
     return (
       <WithLabel field={field} htmlFor={field.name} readOnly={readOnly} noLabel={noLabel}>
diff --git a/packages/features/insights/filters/Download/Download.tsx b/packages/features/insights/filters/Download/Download.tsx
index dcd78747bfa618..65a38ecef16090 100644
--- a/packages/features/insights/filters/Download/Download.tsx
+++ b/packages/features/insights/filters/Download/Download.tsx
@@ -44,7 +44,7 @@ const Download = () => {
           EndIcon="file-down"
           color="secondary"
           {...(isPending && { loading: isPending })}
-          className="self-end sm:self-baseline">
+          className="h-full self-end sm:self-baseline">
           {t("download")}
         </Button>
       </DropdownMenuTrigger>
diff --git a/packages/features/insights/filters/OrgTeamsFilter.tsx b/packages/features/insights/filters/OrgTeamsFilter.tsx
index 07804d2a068320..42f652c5e14fdb 100644
--- a/packages/features/insights/filters/OrgTeamsFilter.tsx
+++ b/packages/features/insights/filters/OrgTeamsFilter.tsx
@@ -73,7 +73,7 @@ export const OrgTeamsFilter = () => {
       <Avatar
         alt={`${placeholder} logo`}
         imageSrc={getPlaceholderAvatar(imageUrl, placeholder)}
-        size="xsm"
+        size="xs"
         className="mr-2"
       />
     ) : null;
diff --git a/packages/features/schedules/components/ScheduleListItem.tsx b/packages/features/schedules/components/ScheduleListItem.tsx
index 3212a110d04461..a781ed5c8beaab 100644
--- a/packages/features/schedules/components/ScheduleListItem.tsx
+++ b/packages/features/schedules/components/ScheduleListItem.tsx
@@ -43,8 +43,8 @@ export function ScheduleListItem({
 
   return (
     <li key={schedule.id}>
-      <div className="hover:bg-muted flex items-center justify-between py-5 transition ltr:pl-4 rtl:pr-4 sm:ltr:pl-0 sm:rtl:pr-0">
-        <div className="group flex w-full items-center justify-between sm:px-6">
+      <div className="hover:bg-muted flex items-center justify-between px-3 py-5 transition sm:px-4">
+        <div className="group flex w-full items-center justify-between ">
           <Link
             href={`/availability/${schedule.id}`}
             className="flex-grow truncate text-sm"
@@ -87,7 +87,6 @@ export function ScheduleListItem({
           <DropdownMenuTrigger asChild>
             <Button
               data-testid="schedule-more"
-              className="mx-5"
               type="button"
               variant="icon"
               color="secondary"
@@ -96,8 +95,8 @@ export function ScheduleListItem({
           </DropdownMenuTrigger>
           {!isPending && data && (
             <DropdownMenuContent>
-              <DropdownMenuItem className="min-w-40 focus:ring-muted">
-                {!schedule.isDefault && (
+              {!schedule.isDefault && (
+                <DropdownMenuItem className="min-w-40 focus:ring-muted">
                   <DropdownItem
                     type="button"
                     StartIcon="star"
@@ -109,8 +108,8 @@ export function ScheduleListItem({
                     }}>
                     {t("set_as_default")}
                   </DropdownItem>
-                )}
-              </DropdownMenuItem>
+                </DropdownMenuItem>
+              )}
               <DropdownMenuItem className="outline-none">
                 <DropdownItem
                   type="button"
diff --git a/packages/features/settings/outOfOffice/CreateNewOutOfOfficeEntryButton.tsx b/packages/features/settings/outOfOffice/CreateNewOutOfOfficeEntryButton.tsx
index fc9de2d2cd8e5a..ac55e844edae2d 100644
--- a/packages/features/settings/outOfOffice/CreateNewOutOfOfficeEntryButton.tsx
+++ b/packages/features/settings/outOfOffice/CreateNewOutOfOfficeEntryButton.tsx
@@ -4,11 +4,18 @@ import { useSearchParams } from "next/navigation";
 import { useState, useEffect } from "react";
 
 import { useLocale } from "@calcom/lib/hooks/useLocale";
-import { Button, Icon } from "@calcom/ui";
+import type { ButtonProps } from "@calcom/ui";
+import { Button } from "@calcom/ui";
 
 import { CreateOrEditOutOfOfficeEntryModal } from "./CreateOrEditOutOfOfficeModal";
 
-const CreateNewOutOfOfficeEntry = () => {
+const CreateNewOutOfOfficeEntry = ({
+  size,
+  ...rest
+}: {
+  size?: ButtonProps["size"];
+  "data-testid"?: string;
+}) => {
   const { t } = useLocale();
 
   const params = useSearchParams();
@@ -25,10 +32,12 @@ const CreateNewOutOfOfficeEntry = () => {
     <>
       <Button
         color="primary"
+        size={size ?? "base"}
         className="flex items-center justify-between px-4"
+        StartIcon="plus"
         onClick={() => setOpenModal(true)}
-        data-testid="add_entry_ooo">
-        <Icon name="plus" size={16} /> {t("add")}
+        data-testid={rest["data-testid"]}>
+        {t("add")}
       </Button>
       {openModal && (
         <CreateOrEditOutOfOfficeEntryModal
diff --git a/packages/features/settings/outOfOffice/CreateOrEditOutOfOfficeModal.tsx b/packages/features/settings/outOfOffice/CreateOrEditOutOfOfficeModal.tsx
index 874375b891879d..b9e26bc5ccb446 100644
--- a/packages/features/settings/outOfOffice/CreateOrEditOutOfOfficeModal.tsx
+++ b/packages/features/settings/outOfOffice/CreateOrEditOutOfOfficeModal.tsx
@@ -140,6 +140,7 @@ export const CreateOrEditOutOfOfficeEntryModal = ({
         }
       }}>
       <DialogContent
+        enableOverflow
         onOpenAutoFocus={(event) => {
           event.preventDefault();
         }}>
@@ -245,7 +246,7 @@ export const CreateOrEditOutOfOfficeEntryModal = ({
                       onChange={(e) => setSearchText(e.target.value)}
                       value={searchText}
                     />
-                    <div className="scroll-bar flex h-[150px] flex-col gap-0.5 overflow-y-scroll rounded-md border p-1">
+                    <div className="scroll-bar bg-default mt-2 flex h-[150px] flex-col gap-0.5 overflow-y-scroll rounded-[10px] border p-1">
                       {memberListOptions.map((member) => (
                         <label
                           key={member.value}
diff --git a/packages/features/settings/outOfOffice/OutOfOfficeEntriesList.tsx b/packages/features/settings/outOfOffice/OutOfOfficeEntriesList.tsx
index 07f37e60184a01..2f3db93e086ec9 100644
--- a/packages/features/settings/outOfOffice/OutOfOfficeEntriesList.tsx
+++ b/packages/features/settings/outOfOffice/OutOfOfficeEntriesList.tsx
@@ -20,6 +20,7 @@ import {
   Tooltip,
 } from "@calcom/ui";
 
+import CreateNewOutOfOfficeEntryButton from "./CreateNewOutOfOfficeEntryButton";
 import { CreateOrEditOutOfOfficeEntryModal } from "./CreateOrEditOutOfOfficeModal";
 import type { BookingRedirectForm } from "./CreateOrEditOutOfOfficeModal";
 
@@ -53,6 +54,7 @@ export const OutOfOfficeEntriesList = () => {
         className="mt-6"
         headline={t("ooo_empty_title")}
         description={t("ooo_empty_description")}
+        buttonRaw={<CreateNewOutOfOfficeEntryButton size="sm" />}
         customIcon={
           <div className="mt-4 h-[102px]">
             <div className="flex h-full flex-col items-center justify-center p-2 md:mt-0 md:p-0">
@@ -63,7 +65,7 @@ export const OutOfOfficeEntriesList = () => {
                 <div className="dark:bg-darkgray-50 absolute -top-3 left-3 -z-10 h-[70px] w-[70px] rotate-[24deg] rounded-3xl border-2 border-[#e5e7eb] p-8 opacity-60 dark:opacity-90">
                   <div className="w-12" />
                 </div>
-                <div className="dark:bg-darkgray-50 relative z-0 flex h-[70px] w-[70px] items-center justify-center rounded-3xl border-2 border-[#e5e7eb] bg-white">
+                <div className="dark:bg-darkgray-50 text-inverted relative z-0 flex h-[70px] w-[70px] items-center justify-center rounded-3xl border-2 border-[#e5e7eb] bg-white">
                   <Icon name="clock" size={28} />
                   <div className="dark:bg-darkgray-50 absolute right-4 top-5 h-[12px] w-[12px] rotate-[56deg] bg-white text-lg font-bold" />
                   <span className="absolute right-4 top-3 font-sans text-sm font-extrabold">z</span>
@@ -121,7 +123,7 @@ export const OutOfOfficeEntriesList = () => {
                     <Button
                       className="self-center rounded-lg border"
                       type="button"
-                      color="minimal"
+                      color="secondary"
                       variant="icon"
                       data-testid={`ooo-edit-${item.toUser?.username || "n-a"}`}
                       StartIcon="pencil"
@@ -146,7 +148,7 @@ export const OutOfOfficeEntriesList = () => {
                     <Button
                       className="self-center rounded-lg border"
                       type="button"
-                      color="minimal"
+                      color="destructive"
                       variant="icon"
                       disabled={deleteOutOfOfficeEntryMutation.isPending}
                       StartIcon="trash-2"
diff --git a/packages/features/users/components/UserTable/BulkActions/DeleteBulkUsers.tsx b/packages/features/users/components/UserTable/BulkActions/DeleteBulkUsers.tsx
index 4d6bf4d7bb0010..4dc1825436b98c 100644
--- a/packages/features/users/components/UserTable/BulkActions/DeleteBulkUsers.tsx
+++ b/packages/features/users/components/UserTable/BulkActions/DeleteBulkUsers.tsx
@@ -39,7 +39,9 @@ export function DeleteBulkUsers({ users, onRemove }: Props) {
   return (
     <Dialog>
       <DialogTrigger asChild>
-        <DataTableSelectionBar.Button icon="ban">{t("Delete")}</DataTableSelectionBar.Button>
+        <DataTableSelectionBar.Button icon="ban" color="destructive">
+          {t("Delete")}
+        </DataTableSelectionBar.Button>
       </DialogTrigger>
       <ConfirmationDialogContent
         variety="danger"
diff --git a/packages/features/users/components/UserTable/BulkActions/DynamicLink.tsx b/packages/features/users/components/UserTable/BulkActions/DynamicLink.tsx
index 13c776dcbd9c29..780b44e9658518 100644
--- a/packages/features/users/components/UserTable/BulkActions/DynamicLink.tsx
+++ b/packages/features/users/components/UserTable/BulkActions/DynamicLink.tsx
@@ -35,11 +35,17 @@ export function DynamicLink<T extends { username: string | null }>({
           <div className="items-center truncate p-2 md:max-w-[300px]">
             <p className="text-center md:text-left">{domainWithoutHttps}</p>
           </div>
-          <div className="ml-auto flex items-center justify-center md:justify-start">
-            <Button StartIcon="copy" size="sm" onClick={() => copyToClipboard(dynamicLinkOfSelectedUsers)}>
-              {!isCopied ? t("copy") : t("copied")}
+          <div className="ml-auto flex items-center justify-center gap-1 md:justify-start">
+            <Button
+              variant="icon"
+              StartIcon={isCopied ? "check" : "copy"}
+              size="sm"
+              onClick={() => copyToClipboard(dynamicLinkOfSelectedUsers)}
+              color="secondary">
+              <span className="sr-only">{!isCopied ? t("copy") : t("copied")}</span>
             </Button>
             <Button
+              color="secondary"
               EndIcon="external-link"
               size="sm"
               href={dynamicLinkOfSelectedUsers}
diff --git a/packages/features/users/components/UserTable/BulkActions/EventTypesList.tsx b/packages/features/users/components/UserTable/BulkActions/EventTypesList.tsx
index 86117bb1658d36..cb02fb6c7b4f3c 100644
--- a/packages/features/users/components/UserTable/BulkActions/EventTypesList.tsx
+++ b/packages/features/users/components/UserTable/BulkActions/EventTypesList.tsx
@@ -98,7 +98,9 @@ export function EventTypesList({ table, orgTeams }: Props) {
     <>
       <Popover>
         <PopoverTrigger asChild>
-          <DataTableSelectionBar.Button icon="link">{t("add_to_event_type")}</DataTableSelectionBar.Button>
+          <DataTableSelectionBar.Button icon="link" color="secondary">
+            {t("add_to_event_type")}
+          </DataTableSelectionBar.Button>
         </PopoverTrigger>
         <PopoverContent className="w-[200px] p-0 shadow-md" align="start" sideOffset={12}>
           <Command>
diff --git a/packages/features/users/components/UserTable/BulkActions/MassAssignAttributes.tsx b/packages/features/users/components/UserTable/BulkActions/MassAssignAttributes.tsx
index 29ab922a9faf18..454f39ca424fbe 100644
--- a/packages/features/users/components/UserTable/BulkActions/MassAssignAttributes.tsx
+++ b/packages/features/users/components/UserTable/BulkActions/MassAssignAttributes.tsx
@@ -332,7 +332,9 @@ function MassAssignAttributesBulkActionComponent({ table, filters }: Props) {
         }
       }}>
       <PopoverTrigger asChild>
-        <DataTableSelectionBar.Button icon="tags">{t("add_attributes")}</DataTableSelectionBar.Button>
+        <DataTableSelectionBar.Button icon="tags" color="secondary">
+          {t("add_attributes")}
+        </DataTableSelectionBar.Button>
       </PopoverTrigger>
       {/* We dont really use shadows much - but its needed here  */}
       <PopoverContent className="p-0 shadow-md" align="start" sideOffset={12}>
diff --git a/packages/features/users/components/UserTable/BulkActions/TeamList.tsx b/packages/features/users/components/UserTable/BulkActions/TeamList.tsx
index 5f9bc5af404ac6..beba36ae92113d 100644
--- a/packages/features/users/components/UserTable/BulkActions/TeamList.tsx
+++ b/packages/features/users/components/UserTable/BulkActions/TeamList.tsx
@@ -87,7 +87,9 @@ export function TeamListBulkAction({ table }: Props) {
     <>
       <Popover>
         <PopoverTrigger asChild>
-          <DataTableSelectionBar.Button icon="users">{t("add_to_team")}</DataTableSelectionBar.Button>
+          <DataTableSelectionBar.Button icon="users" color="secondary">
+            {t("add_to_team")}
+          </DataTableSelectionBar.Button>
         </PopoverTrigger>
         {/* We dont really use shadows much - but its needed here  */}
         <PopoverContent className="w-[200px] p-0 shadow-md" align="start" sideOffset={12}>
diff --git a/packages/features/users/components/UserTable/UserListTable.tsx b/packages/features/users/components/UserTable/UserListTable.tsx
index c79e239d84513d..cf66c7f9101ce8 100644
--- a/packages/features/users/components/UserTable/UserListTable.tsx
+++ b/packages/features/users/components/UserTable/UserListTable.tsx
@@ -579,7 +579,6 @@ function UserListTableContent() {
                 type="button"
                 color="primary"
                 StartIcon="plus"
-                className="rounded-md"
                 onClick={() =>
                   dispatch({
                     type: "INVITE_MEMBER",
@@ -604,8 +603,12 @@ function UserListTableContent() {
           </DataTableSelectionBar.Root>
         )}
         {numberOfSelectedRows > 0 && (
-          <DataTableSelectionBar.Root className="justify-center">
-            <p className="text-brand-subtle px-2 text-center text-xs leading-none sm:text-sm sm:font-medium">
+          <DataTableSelectionBar.Root
+            className="justify-center"
+            style={{
+              width: "max-content",
+            }}>
+            <p className="text-brand-subtle shrink-0 px-2 text-center text-xs leading-none sm:text-sm sm:font-medium">
               {t("number_selected", { count: numberOfSelectedRows })}
             </p>
             {!isPlatformUser ? (
@@ -613,6 +616,7 @@ function UserListTableContent() {
                 <TeamListBulkAction table={table} />
                 {numberOfSelectedRows >= 2 && (
                   <DataTableSelectionBar.Button
+                    color="secondary"
                     onClick={() => setDynamicLinkVisible(!dynamicLinkVisible)}
                     icon="handshake">
                     {t("group_meeting")}
diff --git a/packages/features/webhooks/components/WebhookForm.tsx b/packages/features/webhooks/components/WebhookForm.tsx
index cdf670ad9e61ca..e7739e6f089702 100644
--- a/packages/features/webhooks/components/WebhookForm.tsx
+++ b/packages/features/webhooks/components/WebhookForm.tsx
@@ -146,7 +146,7 @@ const WebhookForm = (props: {
     <Form
       form={formMethods}
       handleSubmit={(values) => props.onSubmit({ ...values, changeSecret, newSecret })}>
-      <div className="border-subtle border-x p-6">
+      <div className="border-subtle rounded-t-lg border p-6">
         <Controller
           name="subscriberUrl"
           control={formMethods.control}
@@ -199,6 +199,7 @@ const WebhookForm = (props: {
                   <>{t("event_triggers")}</>
                 </Label>
                 <Select
+                  grow
                   options={translatedTriggerOptions}
                   isMulti
                   value={selectValue}
@@ -353,7 +354,7 @@ const WebhookForm = (props: {
         </Button>
       </SectionBottomActions>
 
-      <div className="mt-6 rounded-md">
+      <div className="mb-4 mt-6 rounded-md">
         <WebhookTestDisclosure />
       </div>
     </Form>
diff --git a/packages/platform/atoms/event-types/hooks/usePlatformTabsNavigations.tsx b/packages/platform/atoms/event-types/hooks/usePlatformTabsNavigations.tsx
index 95d188a3e4c5b2..fa9e55e32bdf8f 100644
--- a/packages/platform/atoms/event-types/hooks/usePlatformTabsNavigations.tsx
+++ b/packages/platform/atoms/event-types/hooks/usePlatformTabsNavigations.tsx
@@ -65,18 +65,19 @@ export const usePlatformTabsNavigations = ({ formMethods, eventType, team, tabs
 
     if (!requirePayment && tabs.includes("recurring")) {
       navigation.splice(3, 0, {
-        name: "recurring",
+        name: t("recurring"),
         onClick: () => setCurrentTab("recurring"),
         isActive: currentTab === "recurring",
         href: `${url}?tabName=recurring`,
         icon: "repeat",
-        info: `recurring_event_tab_description`,
+        info: t(`recurring_event_tab_description`),
+        "data-testid": "recurring",
       });
     }
 
     tabs.includes("availability") &&
       navigation.splice(1, 0, {
-        name: "availability",
+        name: t("availability"),
         onClick: () => setCurrentTab("availability"),
         isActive: currentTab === "availability",
         href: `${url}?tabName=availability`,
@@ -93,12 +94,13 @@ export const usePlatformTabsNavigations = ({ formMethods, eventType, team, tabs
                 }`
               : formMethods.getValues("scheduleName") ?? `default_schedule_name`
             : formMethods.getValues("scheduleName") ?? `default_schedule_name`,
+        "data-testid": "availability",
       });
 
     // If there is a team put this navigation item within the tabs
     if (team && tabs.includes("team")) {
       navigation.splice(2, 0, {
-        name: "assignment",
+        name: t("assignment"),
         onClick: () => setCurrentTab("team"),
         isActive: currentTab === "team",
         href: `${url}?tabName=team`,
@@ -106,6 +108,7 @@ export const usePlatformTabsNavigations = ({ formMethods, eventType, team, tabs
         info: `${t(watchSchedulingType?.toLowerCase() ?? "")}${
           isManagedEventType ? ` - ${t("number_member", { count: watchChildrenCount || 0 })}` : ""
         }`,
+        "data-testid": "assignment",
       });
     }
 
@@ -146,40 +149,44 @@ function getNavigation({ length, multipleDuration, t, tabs, url, onClick, curren
   const tabsNavigation: VerticalTabItemProps[] = [];
   tabs.includes("setup") &&
     tabsNavigation.push({
-      name: "event_setup_tab_title",
+      name: t("event_setup_tab_title"),
       onClick: () => onClick("setup"),
       isActive: currentTab === "setup",
       href: `${url}?tabName=setup`,
       icon: "link",
       info: `${duration} ${t("minute_timeUnit")}`, // TODO: Get this from props
+      "data-testid": `event_setup_tab_title`,
     });
   tabs.includes("limits") &&
     tabsNavigation.push({
-      name: "event_limit_tab_title",
+      name: t("event_limit_tab_title"),
       onClick: () => onClick("limits"),
       isActive: currentTab === "limits",
       href: `${url}?tabName=limits`,
       icon: "clock",
-      info: `event_limit_tab_description`,
+      info: t(`event_limit_tab_description`),
+      "data-testid": "event_limit_tab_title",
     });
 
   tabs.includes("advanced") &&
     tabsNavigation.push({
-      name: "event_advanced_tab_title",
+      name: t("event_advanced_tab_title"),
       onClick: () => onClick("advanced"),
       isActive: currentTab === "advanced",
       href: `${url}?tabName=advanced`,
       icon: "sliders-vertical",
-      info: `event_advanced_tab_description`,
+      info: t(`event_advanced_tab_description`),
+      "data-testid": "event_advanced_tab_title",
     });
   tabs.includes("payments") &&
     tabsNavigation.push({
-      name: "event_payments_tab_title",
+      name: t("event_payments_tab_title"),
       onClick: () => onClick("payments"),
       isActive: currentTab === "payments",
       href: `${url}?tabName=payments`,
       icon: "credit-card",
-      info: `event_payments_tab_description`,
+      info: t(`event_payments_tab_description`),
+      "data-testid": "event_payments_tab_title",
     });
 
   return tabsNavigation;
diff --git a/packages/platform/atoms/event-types/hooks/useTabsNavigations.tsx b/packages/platform/atoms/event-types/hooks/useTabsNavigations.tsx
index 3493de05078de5..f96f7255b0d02b 100644
--- a/packages/platform/atoms/event-types/hooks/useTabsNavigations.tsx
+++ b/packages/platform/atoms/event-types/hooks/useTabsNavigations.tsx
@@ -83,56 +83,61 @@ export const useTabsNavigations = ({
 
     if (!requirePayment) {
       navigation.splice(3, 0, {
-        name: "recurring",
+        name: t("recurring"),
         href: `/event-types/${formMethods.getValues("id")}?tabName=recurring`,
         icon: "repeat",
-        info: `recurring_event_tab_description`,
+        info: t(`recurring_event_tab_description`),
+        "data-testid": "recurring",
       });
     }
     navigation.splice(1, 0, {
-      name: "availability",
+      name: t("availability"),
       href: `/event-types/${formMethods.getValues("id")}?tabName=availability`,
       icon: "calendar",
       info:
         isManagedEventType || isChildrenManagedEventType
           ? formMethods.getValues("schedule") === null
-            ? "members_default_schedule"
+            ? t("members_default_schedule")
             : isChildrenManagedEventType
             ? `${
                 formMethods.getValues("scheduleName")
                   ? `${formMethods.getValues("scheduleName")} - ${t("managed")}`
-                  : `default_schedule_name`
+                  : t(`default_schedule_name`)
               }`
-            : formMethods.getValues("scheduleName") ?? `default_schedule_name`
-          : formMethods.getValues("scheduleName") ?? `default_schedule_name`,
+            : formMethods.getValues("scheduleName") ?? t(`default_schedule_name`)
+          : formMethods.getValues("scheduleName") ?? t(`default_schedule_name`),
+      "data-testid": "availability",
     });
     // If there is a team put this navigation item within the tabs
     if (team) {
       navigation.splice(2, 0, {
-        name: "assignment",
+        name: t("assignment"),
         href: `/event-types/${formMethods.getValues("id")}?tabName=team`,
         icon: "users",
         info: `${t(watchSchedulingType?.toLowerCase() ?? "")}${
           isManagedEventType ? ` - ${t("number_member", { count: watchChildrenCount || 0 })}` : ""
         }`,
+        "data-testid": "assignment",
       });
     }
     const showInstant = !(isManagedEventType || isChildrenManagedEventType);
     if (showInstant) {
       if (team) {
         navigation.push({
-          name: "instant_tab_title",
+          name: t("instant_tab_title"),
           href: `/event-types/${eventType.id}?tabName=instant`,
           icon: "phone-call",
-          info: `instant_event_tab_description`,
+          info: t(`instant_event_tab_description`),
+          "data-testid": "instant_tab_title",
         });
       }
     }
     navigation.push({
-      name: "webhooks",
+      name: t("webhooks"),
       href: `/event-types/${formMethods.getValues("id")}?tabName=webhooks`,
       icon: "webhook",
       info: `${activeWebhooksNumber} ${t("active")}`,
+      "data-testid": "webhooks",
     });
     const hidden = true; // hidden while in alpha trial. you can access it with tabName=ai
     if (team && hidden) {
@@ -140,7 +145,8 @@ export const useTabsNavigations = ({
         name: "Cal.ai",
         href: `/event-types/${eventType.id}?tabName=ai`,
         icon: "sparkles",
-        info: "cal_ai_event_tab_description", // todo `cal_ai_event_tab_description`,
+        info: t("cal_ai_event_tab_description"), // todo `cal_ai_event_tab_description`,
+        "data-testid": "Cal.ai",
       });
     }
     return navigation;
@@ -189,35 +195,40 @@ function getNavigation({
 
   return [
     {
-      name: "event_setup_tab_title",
+      name: t("event_setup_tab_title"),
       href: `/event-types/${id}?tabName=setup`,
       icon: "link",
       info: `${duration} ${t("minute_timeUnit")}`, // TODO: Get this from props
+      "data-testid": `event_setup_tab_title`,
     },
     {
-      name: "event_limit_tab_title",
+      name: t("event_limit_tab_title"),
       href: `/event-types/${id}?tabName=limits`,
       icon: "clock",
-      info: `event_limit_tab_description`,
+      info: t(`event_limit_tab_description`),
+      "data-testid": "event_limit_tab_title",
     },
     {
-      name: "event_advanced_tab_title",
+      name: t("event_advanced_tab_title"),
       href: `/event-types/${id}?tabName=advanced`,
       icon: "sliders-vertical",
-      info: `event_advanced_tab_description`,
+      info: t(`event_advanced_tab_description`),
+      "data-testid": "event_advanced_tab_title",
     },
     {
-      name: "apps",
+      name: t("apps"),
       href: `/event-types/${id}?tabName=apps`,
       icon: "grid-3x3",
       //TODO: Handle proper translation with count handling
       info: `${installedAppsNumber} apps, ${enabledAppsNumber} ${t("active")}`,
+      "data-testid": "apps",
     },
     {
-      name: "workflows",
+      name: t("workflows"),
       href: `/event-types/${id}?tabName=workflows`,
       icon: "zap",
       info: `${enabledWorkflowsNumber} ${t("active")}`,
+      "data-testid": "workflows",
     },
   ] satisfies VerticalTabItemProps[];
 }
diff --git a/packages/platform/atoms/globals.css b/packages/platform/atoms/globals.css
index 2d3f010e27bc7a..4aca378787c516 100644
--- a/packages/platform/atoms/globals.css
+++ b/packages/platform/atoms/globals.css
@@ -1,300 +1,638 @@
-@import "./styles/react-phone-input2.css";
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@import "/packages/ui/styles/shared-globals.css";
-@import "/apps/web/styles/globals.css";
-@custom-variant dark (&:where(.dark, .dark *));
-
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 222.2 47.4% 11.2%;
-
-    --muted: 210 40% 96.1%;
-    --muted-foreground: 215.4 16.3% 46.9%;
-
-    --popover: 0 0% 100%;
-    --popover-foreground: 222.2 47.4% 11.2%;
-
-    --border: 214.3 31.8% 91.4%;
-    --input: 214.3 31.8% 91.4%;
+/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[2].use[1]!../../node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[12].oneOf[2].use[2]!../../node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Inter","arguments":[{"subsets":["latin"],"variable":"--font-inter","preload":true,"display":"swap"}],"variableName":"interFont"} ***!
+  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/* cyrillic-ext */
+@font-face {
+  font-family: '__Inter_d65c78';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(/_next/static/media/55c55f0601d81cf3-s.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: '__Inter_d65c78';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(/_next/static/media/26a46d62cd723877-s.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: '__Inter_d65c78';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: '__Inter_d65c78';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(/_next/static/media/581909926a08bbc8-s.woff2) format('woff2');
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: '__Inter_d65c78';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: '__Inter_d65c78';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(/_next/static/media/6d93bde91c0c2823-s.woff2) format('woff2');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: '__Inter_d65c78';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}@font-face {font-family: '__Inter_Fallback_d65c78';src: local("Arial");ascent-override: 90.20%;descent-override: 22.48%;line-gap-override: 0.00%;size-adjust: 107.40%
+}.__className_d65c78 {font-family: '__Inter_d65c78', '__Inter_Fallback_d65c78';font-style: normal
+}.__variable_d65c78 {--font-inter: '__Inter_d65c78', '__Inter_Fallback_d65c78'
+}
+
+/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[3].use[1]!../../node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[12].oneOf[3].use[2]!../../node_modules/next/font/local/target.css?{"path":"app/layout.tsx","import":"","arguments":[{"src":"../fonts/CalSans-SemiBold.woff2","variable":"--font-cal","preload":true,"display":"block","weight":"600"}],"variableName":"calFont"} ***!
+  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+@font-face {
+font-family: '__calFont_a90182';
+src: url(/_next/static/media/90475aac776488b6-s.p.woff2) format('woff2');
+font-display: block;
+font-weight: 600;
+}@font-face {font-family: '__calFont_Fallback_a90182';src: local("Arial");ascent-override: 98.60%;descent-override: 19.72%;line-gap-override: 0.00%;size-adjust: 101.42%
+}.__className_a90182 {font-family: '__calFont_a90182', '__calFont_Fallback_a90182';font-weight: 600
+}.__variable_a90182 {--font-cal: '__calFont_a90182', '__calFont_Fallback_a90182'
+}
+
+/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./styles/raqb.css ***!
+  \*********************************************************************************************************************************************************************************************************************************************************************/
+.cal-query-builder .query-builder,
+.cal-query-builder .qb-draggable,
+.cal-query-builder .qb-drag-handler {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
 
-    --card: 0 0% 100%;
-    --card-foreground: 222.2 47.4% 11.2%;
+/* hide connectors */
+.cal-query-builder .group-or-rule::before,
+.cal-query-builder .group-or-rule::after {
+  /* !important to ensure that styles added by react-query-awesome-builder are overridden */
+  content: unset !important;
+}
 
-    --primary: 222.2 47.4% 11.2%;
-    --primary-foreground: 210 40% 98%;
+.cal-query-builder .group--children {
+  /* !important to ensure that styles added by react-query-awesome-builder are overridden */
+  padding-left: 0 !important;
+}
 
-    --secondary: 210 40% 96.1%;
-    --secondary-foreground: 222.2 47.4% 11.2%;
+/* Hide "and" for between numbers */
+.cal-query-builder .widget--sep {
+  /* !important to ensure that styles added by react-query-awesome-builder are overridden */
+  display: none !important;
+}
 
-    --accent: 210 40% 96.1%;
-    --accent-foreground: 222.2 47.4% 11.2%;
+/* Layout of all fields-  Distance b/w them, positioning, width */
+.cal-query-builder .rule--body--wrapper {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
 
-    --destructive: 0 100% 50%;
-    --destructive-foreground: 210 40% 98%;
+.cal-query-builder .rule--body {
+  display: flex;
+  align-items: center;
+}
 
-    --ring: 215 20.2% 65.1%;
+.cal-query-builder .rule--field,
+.cal-query-builder .rule--operator,
+.cal-query-builder .rule--value {
+  display: flex;
+  flex-grow: 1;
+}
 
-    --radius: 0.5rem;
-  }
+.cal-query-builder .rule--widget {
+  display: "inline-block";
+  width: 100%;
+}
 
-  .dark {
-    --background: 224 71% 4%;
-    --foreground: 213 31% 91%;
+.cal-query-builder .widget--widget,
+.cal-query-builder .widget--widget,
+.cal-query-builder .widget--widget > * {
+  width: 100%;
+}
 
-    --muted: 223 47% 11%;
-    --muted-foreground: 215.4 16.3% 56.9%;
+.cal-query-builder .rule--drag-handler,
+.cal-query-builder .rule--header {
+  display: flex;
+  align-items: center;
+  margin-right: 8px;
+  /* !important to ensure that styles added by react-query-awesome-builder are overridden */
+  opacity: 1 !important;
+}
+
+/* Disable Reordering of rules - It is not required with the current functionality plus it's not working correctly even if someone wants to re-order */
+.cal-query-builder .rule--drag-handler {
+  display: none;
+}
+
+.cal-query-builder .rule--func--wrapper,
+.cal-query-builder .rule--func,
+.cal-query-builder .rule--func--args,
+.cal-query-builder .rule--func--arg,
+.cal-query-builder .rule--func--arg-value,
+.cal-query-builder .rule--func--bracket-before,
+.cal-query-builder .rule--func--bracket-after,
+.cal-query-builder .rule--func--arg-sep,
+.cal-query-builder .rule--func--arg-label,
+.cal-query-builder .rule--func--arg-label-sep {
+  display: inline-block;
+}
 
-    --accent: 216 34% 17%;
-    --accent-foreground: 210 40% 98%;
+.cal-query-builder .rule--field,
+.cal-query-builder .group--field,
+.cal-query-builder .rule--operator,
+.cal-query-builder .rule--value,
+.cal-query-builder .rule--operator-options,
+.cal-query-builder .widget--widget,
+.cal-query-builder .widget--valuesrc,
+.cal-query-builder .operator--options--sep,
+.cal-query-builder .rule--before-widget,
+.cal-query-builder .rule--after-widget {
+  display: inline-block;
+}
 
-    --popover: 224 71% 4%;
-    --popover-foreground: 215 20.2% 65.1%;
+.cal-query-builder .rule--operator,
+.cal-query-builder .widget--widget,
+.cal-query-builder .widget--valuesrc,
+.cal-query-builder .widget--sep {
+  padding-left: 10px;
+}
 
-    --border: 216 34% 17%;
-    --input: 216 34% 17%;
+.cal-query-builder .widget--valuesrc {
+  margin-right: -8px;
+}
 
-    --card: 224 71% 4%;
-    --card-foreground: 213 31% 91%;
+.cal-query-builder .group--header,
+.cal-query-builder .group--footer {
+  padding-left: 10px;
+  padding-right: 10px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
 
-    --primary: 210 40% 98%;
-    --primary-foreground: 222.2 47.4% 1.2%;
+.cal-query-builder .group-or-rule-container {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
 
-    --secondary: 222.2 47.4% 11.2%;
-    --secondary-foreground: 210 40% 98%;
+.cal-query-builder .rule {
+  border: 1px solid transparent;
+  padding: 10px;
+  flex: 1;
+  display: flex;
+}
 
-    --destructive: 0 63% 31%;
-    --destructive-foreground: 210 40% 98%;
+@media (max-width: 1024px) {
+  .rule--body {
+    flex-direction: column;
+  }
 
-    --ring: 216 34% 17%;
 
-    --radius: 0.5rem;
+  .cal-query-builder .rule--field,
+  .cal-query-builder .rule--operator,
+  .cal-query-builder .rule--value {
+    width: 100%;
   }
 }
 
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-    font-feature-settings: "rlig" 1, "calt" 1;
-  }
-  html {
-    font-family: inherit !important;
-  }
-}
-*,:after,:before {
-  box-sizing: border-box;
-  border: 0 solid #e5e7eb
+/*!************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./styles/globals.css ***!
+  \************************************************************************************************************************************************************************************************************************************************************************/
+/*
+! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
+*//*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: #e5e7eb; /* 2 */
 }
 
-:after,:before {
-  --tw-content: ""
+::before,
+::after {
+  --tw-content: '';
 }
 
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+*/
+
 html {
-  line-height: 1.5;
-  -webkit-text-size-adjust: 100%;
-  -moz-tab-size: 4;
+  line-height: 1.5; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+  -moz-tab-size: 4; /* 3 */
   -o-tab-size: 4;
-  tab-size: 4;
-  font-family: var(--font-inter),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
-  font-feature-settings: normal;
-  font-variation-settings: normal
+     tab-size: 4; /* 3 */
+  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+  font-feature-settings: normal; /* 5 */
+  font-variation-settings: normal; /* 6 */
 }
 
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+
 body {
-  margin: 0;
-  line-height: inherit
+  margin: 0; /* 1 */
+  line-height: inherit; /* 2 */
 }
 
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
 hr {
-  height: 0;
-  color: inherit;
-  border-top-width: 1px
+  height: 0; /* 1 */
+  color: inherit; /* 2 */
+  border-top-width: 1px; /* 3 */
 }
 
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
 abbr:where([title]) {
   -webkit-text-decoration: underline dotted;
-  text-decoration: underline dotted
+          text-decoration: underline dotted;
 }
 
-h1,h2,h3,h4,h5,h6 {
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-size: inherit;
-  font-weight: inherit
+  font-weight: inherit;
 }
 
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
 a {
   color: inherit;
-  text-decoration: inherit
+  text-decoration: inherit;
 }
 
-b,strong {
-  font-weight: bolder
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+  font-weight: bolder;
 }
 
-code,kbd,pre,samp {
-  font-family: Roboto Mono,monospace;
-  font-size: 1em
+/*
+1. Use the user's configured `mono` font family by default.
+2. Correct the odd `em` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+  font-family: Roboto Mono, monospace; /* 1 */
+  font-size: 1em; /* 2 */
 }
 
+/*
+Add the correct font size in all browsers.
+*/
+
 small {
-  font-size: 80%
+  font-size: 80%;
 }
 
-sub,sup {
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
-  vertical-align: baseline
+  vertical-align: baseline;
 }
 
 sub {
-  bottom: -.25em
+  bottom: -0.25em;
 }
 
 sup {
-  top: -.5em
+  top: -0.5em;
 }
 
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
 table {
-  text-indent: 0;
-  border-color: inherit;
-  border-collapse: collapse
+  text-indent: 0; /* 1 */
+  border-color: inherit; /* 2 */
+  border-collapse: collapse; /* 3 */
 }
 
-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;
-  color: inherit;
-  margin: 0;
-  padding: 0
-}
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
 
-button,select {
-  text-transform: none
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-feature-settings: inherit; /* 1 */
+  font-variation-settings: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  font-weight: inherit; /* 1 */
+  line-height: inherit; /* 1 */
+  color: inherit; /* 1 */
+  margin: 0; /* 2 */
+  padding: 0; /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+  text-transform: none;
 }
 
-[type=button],[type=reset],[type=submit],button {
-  -webkit-appearance: button;
-  background-color: transparent;
-  background-image: none
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button; /* 1 */
+  background-color: transparent; /* 2 */
+  background-image: none; /* 2 */
 }
 
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
 :-moz-focusring {
-  outline: auto
+  outline: auto;
 }
 
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
 :-moz-ui-invalid {
-  box-shadow: none
+  box-shadow: none;
 }
 
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
 progress {
-  vertical-align: baseline
+  vertical-align: baseline;
 }
 
-::-webkit-inner-spin-button,::-webkit-outer-spin-button {
-  height: auto
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
 }
 
-[type=search] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
 }
 
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
 ::-webkit-search-decoration {
-  -webkit-appearance: none
+  -webkit-appearance: none;
 }
 
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+
 ::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  font: inherit
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
 }
 
-summary {
-  display: list-item
-}
+/*
+Add the correct display in Chrome and Safari.
+*/
 
-blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
-  margin: 0
+summary {
+  display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
 }
 
 fieldset {
-  margin: 0
+  margin: 0;
+  padding: 0;
 }
 
-fieldset,legend {
-  padding: 0
+legend {
+  padding: 0;
 }
 
-menu,ol,ul {
+ol,
+ul,
+menu {
   list-style: none;
   margin: 0;
-  padding: 0
+  padding: 0;
 }
 
+/*
+Reset default styling for dialogs.
+*/
 dialog {
-  padding: 0
+  padding: 0;
 }
 
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
 textarea {
-  resize: vertical
+  resize: vertical;
 }
 
-input::-moz-placeholder,textarea::-moz-placeholder {
-  color: #9ca3af
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+  opacity: 1; /* 1 */
+  color: #9ca3af; /* 2 */
 }
 
-input::placeholder,textarea::placeholder {
-  color: #9ca3af
+input::placeholder,
+textarea::placeholder {
+  opacity: 1; /* 1 */
+  color: #9ca3af; /* 2 */
 }
 
-[role=button],button {
-  cursor: pointer
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+  cursor: pointer;
 }
 
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
 :disabled {
-  cursor: default
+  cursor: default;
 }
 
-audio,canvas,embed,iframe,img,object,svg,video {
-  display: block;
-  vertical-align: middle
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block; /* 1 */
+  vertical-align: middle; /* 2 */
 }
 
-img,video {
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
   max-width: 100%;
-  height: auto
+  height: auto;
 }
 
+/* Make elements with the HTML hidden attribute stay hidden by default */
 [hidden] {
-  display: none
+  display: none;
 }
 
-[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea {
+[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;
+     -moz-appearance: none;
+          appearance: none;
   background-color: #fff;
   border-color: #6b7280;
   border-width: 1px;
-  border-radius: 0;
-  padding: .5rem .75rem;
+  border-radius: 0px;
+  padding-top: 0.5rem;
+  padding-right: 0.75rem;
+  padding-bottom: 0.5rem;
+  padding-left: 0.75rem;
   font-size: 1rem;
   line-height: 1.5rem;
-  --tw-shadow: 0 0 #0000
+  --tw-shadow: 0 0 #0000;
 }
 
-[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea:focus {
+[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,/*!*/ /*!*/);
@@ -303,66 +641,66 @@ img,video {
   --tw-ring-color: #2563eb;
   --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: #2563eb
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  border-color: #2563eb;
 }
 
-input::-moz-placeholder,textarea::-moz-placeholder {
+input::-moz-placeholder, textarea::-moz-placeholder {
   color: #6b7280;
-  opacity: 1
+  opacity: 1;
 }
 
 input::placeholder,textarea::placeholder {
   color: #6b7280;
-  opacity: 1
+  opacity: 1;
 }
 
 ::-webkit-datetime-edit-fields-wrapper {
-  padding: 0
+  padding: 0;
 }
 
 ::-webkit-date-and-time-value {
-  min-height: 1.5em
+  min-height: 1.5em;
 }
 
-::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field {
+::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
   padding-top: 0;
-  padding-bottom: 0
+  padding-bottom: 0;
 }
 
 select {
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PHBhdGggc3Ryb2tlPScjNkI3MjgwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS41JyBkPSdNNiA4bDQgNCA0LTQnLz48L3N2Zz4=);
-  background-position: right .5rem center;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+  background-position: right 0.5rem center;
   background-repeat: no-repeat;
   background-size: 1.5em 1.5em;
   padding-right: 2.5rem;
   -webkit-print-color-adjust: exact;
-  print-color-adjust: exact
+          print-color-adjust: exact;
 }
 
 [multiple] {
-  background-image: none;
-  background-position: 0 0;
+  background-image: initial;
+  background-position: initial;
   background-repeat: unset;
   background-size: initial;
-  padding-right: .75rem;
+  padding-right: 0.75rem;
   -webkit-print-color-adjust: unset;
-  print-color-adjust: unset
+          print-color-adjust: unset;
 }
 
-[type=checkbox],[type=radio] {
+[type='checkbox'],[type='radio'] {
   -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
+     -moz-appearance: none;
+          appearance: none;
   padding: 0;
   -webkit-print-color-adjust: exact;
-  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;
+     -moz-user-select: none;
+          user-select: none;
   flex-shrink: 0;
   height: 1rem;
   width: 1rem;
@@ -370,18 +708,18 @@ select {
   background-color: #fff;
   border-color: #6b7280;
   border-width: 1px;
-  --tw-shadow: 0 0 #0000
+  --tw-shadow: 0 0 #0000;
 }
 
-[type=checkbox] {
-  border-radius: 0
+[type='checkbox'] {
+  border-radius: 0px;
 }
 
-[type=radio] {
-  border-radius: 100%
+[type='radio'] {
+  border-radius: 100%;
 }
 
-[type=checkbox]:focus,[type=radio]:focus {
+[type='checkbox']:focus,[type='radio']:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
   --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
@@ -390,69 +728,70 @@ select {
   --tw-ring-color: #2563eb;
   --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)
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 
-[type=checkbox]:checked,[type=radio]:checked {
+[type='checkbox']:checked,[type='radio']:checked {
   border-color: transparent;
   background-color: currentColor;
   background-size: 100% 100%;
-  background-position: 50%;
-  background-repeat: no-repeat
+  background-position: center;
+  background-repeat: no-repeat;
 }
 
-[type=checkbox]:checked {
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9J3doaXRlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00xMi4yMDcgNC43OTNhMSAxIDAgMDEwIDEuNDE0bC01IDVhMSAxIDAgMDEtMS40MTQgMGwtMi0yYTEgMSAwIDAxMS40MTQtMS40MTRMNi41IDkuMDg2bDQuMjkzLTQuMjkzYTEgMSAwIDAxMS40MTQgMHonLz48L3N2Zz4=)
+[type='checkbox']:checked {
+  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
 }
 
-[type=radio]:checked {
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIGZpbGw9J3doaXRlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxjaXJjbGUgY3g9JzgnIGN5PSc4JyByPSczJy8+PC9zdmc+)
+[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");
 }
 
-[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover {
+[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
   border-color: transparent;
-  background-color: currentColor
+  background-color: currentColor;
 }
 
-[type=checkbox]:indeterminate {
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggc3Ryb2tlPSd3aGl0ZScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHJva2Utd2lkdGg9JzInIGQ9J000IDhoOCcvPjwvc3ZnPg==);
+[type='checkbox']:indeterminate {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
   border-color: transparent;
   background-color: currentColor;
   background-size: 100% 100%;
-  background-position: 50%;
-  background-repeat: no-repeat
+  background-position: center;
+  background-repeat: no-repeat;
 }
 
-[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover {
+[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
   border-color: transparent;
-  background-color: currentColor
+  background-color: currentColor;
 }
 
-[type=file] {
+[type='file'] {
   background: unset;
   border-color: inherit;
   border-width: 0;
   border-radius: 0;
   padding: 0;
   font-size: unset;
-  line-height: inherit
+  line-height: inherit;
 }
 
-[type=file]:focus {
+[type='file']:focus {
   outline: 1px solid ButtonText;
-  outline: 1px auto -webkit-focus-ring-color
+  outline: 1px auto -webkit-focus-ring-color;
 }
 
 * {
-  scrollbar-color: auto;
-  scrollbar-width: auto
+  scrollbar-color: initial;
+  scrollbar-width: initial;
 }
 
-* {
-  border-color: var(--cal-border,#d1d5db)
+hr {}
+  * {
+  border-color: var(--cal-border);
 }
 
-*,:after,:before {
+*, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -462,44 +801,44 @@ select {
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
-  --tw-pan-x: ;
-  --tw-pan-y: ;
-  --tw-pinch-zoom: ;
+  --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-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: rgba(59,130,246,.5);
+  --tw-ring-color: rgb(59 130 246 / 0.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-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
 }
 
 ::backdrop {
@@ -512,332 +851,287 @@ select {
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
-  --tw-pan-x: ;
-  --tw-pan-y: ;
-  --tw-pinch-zoom: ;
+  --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-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: rgba(59,130,246,.5);
+  --tw-ring-color: rgb(59 130 246 / 0.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-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
 }
-
 .container {
-  width: 100%
+  width: 100%;
 }
+@media (min-width: 640px) {
 
-@media(min-width: 640px) {
   .container {
-      max-width:640px
+    max-width: 640px;
   }
 }
+@media (min-width: 768px) {
 
-@media(min-width: 768px) {
   .container {
-      max-width:768px
+    max-width: 768px;
   }
 }
+@media (min-width: 1024px) {
 
-@media(min-width: 1024px) {
   .container {
-      max-width:1024px
+    max-width: 1024px;
   }
 }
+@media (min-width: 1280px) {
 
-@media(min-width: 1280px) {
   .container {
-      max-width:1280px
+    max-width: 1280px;
   }
 }
+@media (min-width: 1536px) {
 
-@media(min-width: 1536px) {
   .container {
-      max-width:1536px
+    max-width: 1536px;
   }
 }
-
 .prose {
   color: var(--tw-prose-body);
-  max-width: 65ch
+  max-width: 65ch;
 }
-
-.prose :where([class~=lead]):not(:where([class~=not-prose] *)) {
+.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-lead);
   font-size: 1.25em;
   line-height: 1.6;
   margin-top: 1.2em;
-  margin-bottom: 1.2em
+  margin-bottom: 1.2em;
 }
-
-.prose :where(a):not(:where([class~=not-prose] *)) {
+.prose :where(a):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-links);
   text-decoration: underline;
-  font-weight: 500
+  font-weight: 500;
 }
-
-.prose :where(strong):not(:where([class~=not-prose] *)) {
+.prose :where(strong):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-bold);
-  font-weight: 600
+  font-weight: 600;
 }
-
-.prose :where(a strong):not(:where([class~=not-prose] *)) {
-  color: inherit
+.prose :where(a strong):not(:where([class~="not-prose"] *)) {
+  color: inherit;
 }
-
-.prose :where(blockquote strong):not(:where([class~=not-prose] *)) {
-  color: inherit
+.prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
+  color: inherit;
 }
-
-.prose :where(thead th strong):not(:where([class~=not-prose] *)) {
-  color: inherit
+.prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
+  color: inherit;
 }
-
-.prose :where(ol):not(:where([class~=not-prose] *)) {
+.prose :where(ol):not(:where([class~="not-prose"] *)) {
   list-style-type: decimal;
   margin-top: 1.25em;
   margin-bottom: 1.25em;
-  padding-left: 1.625em
+  padding-left: 1.625em;
 }
-
-.prose :where(ol[type=A]):not(:where([class~=not-prose] *)) {
-  list-style-type: upper-alpha
+.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
+  list-style-type: upper-alpha;
 }
-
-.prose :where(ol[type=a]):not(:where([class~=not-prose] *)) {
-  list-style-type: lower-alpha
+.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
+  list-style-type: lower-alpha;
 }
-
-.prose :where(ol[type=As]):not(:where([class~=not-prose] *)) {
-  list-style-type: upper-alpha
+.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
+  list-style-type: upper-alpha;
 }
-
-.prose :where(ol[type=as]):not(:where([class~=not-prose] *)) {
-  list-style-type: lower-alpha
+.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
+  list-style-type: lower-alpha;
 }
-
-.prose :where(ol[type=I]):not(:where([class~=not-prose] *)) {
-  list-style-type: upper-roman
+.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
+  list-style-type: upper-roman;
 }
-
-.prose :where(ol[type=i]):not(:where([class~=not-prose] *)) {
-  list-style-type: lower-roman
+.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
+  list-style-type: lower-roman;
 }
-
-.prose :where(ol[type=Is]):not(:where([class~=not-prose] *)) {
-  list-style-type: upper-roman
+.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
+  list-style-type: upper-roman;
 }
-
-.prose :where(ol[type=is]):not(:where([class~=not-prose] *)) {
-  list-style-type: lower-roman
+.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
+  list-style-type: lower-roman;
 }
-
-.prose :where(ol[type="1"]):not(:where([class~=not-prose] *)) {
-  list-style-type: decimal
+.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
+  list-style-type: decimal;
 }
-
-.prose :where(ul):not(:where([class~=not-prose] *)) {
+.prose :where(ul):not(:where([class~="not-prose"] *)) {
   list-style-type: disc;
   margin-top: 1.25em;
   margin-bottom: 1.25em;
-  padding-left: 1.625em
+  padding-left: 1.625em;
 }
-
-.prose :where(ol>li):not(:where([class~=not-prose] *))::marker {
+.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
   font-weight: 400;
-  color: var(--tw-prose-counters)
+  color: var(--tw-prose-counters);
 }
-
-.prose :where(ul>li):not(:where([class~=not-prose] *))::marker {
-  color: var(--tw-prose-bullets)
+.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
+  color: var(--tw-prose-bullets);
 }
-
-.prose :where(hr):not(:where([class~=not-prose] *)) {
+.prose :where(hr):not(:where([class~="not-prose"] *)) {
   border-color: var(--tw-prose-hr);
   border-top-width: 1px;
   margin-top: 3em;
-  margin-bottom: 3em
+  margin-bottom: 3em;
 }
-
-.prose :where(blockquote):not(:where([class~=not-prose] *)) {
+.prose :where(blockquote):not(:where([class~="not-prose"] *)) {
   font-weight: 500;
   font-style: italic;
   color: var(--tw-prose-quotes);
-  border-left-width: .25rem;
+  border-left-width: 0.25rem;
   border-left-color: var(--tw-prose-quote-borders);
   quotes: "\201C""\201D""\2018""\2019";
   margin-top: 1.6em;
   margin-bottom: 1.6em;
-  padding-left: 1em
+  padding-left: 1em;
 }
-
-.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):before {
-  content: open-quote
+.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
+  content: open-quote;
 }
-
-.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose] *)):after {
-  content: close-quote
+.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
+  content: close-quote;
 }
-
-.prose :where(h1):not(:where([class~=not-prose] *)) {
+.prose :where(h1):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-headings);
   font-weight: 800;
   font-size: 2.25em;
   margin-top: 0;
-  margin-bottom: .8888889em;
-  line-height: 1.1111111
+  margin-bottom: 0.8888889em;
+  line-height: 1.1111111;
 }
-
-.prose :where(h1 strong):not(:where([class~=not-prose] *)) {
+.prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
   font-weight: 900;
-  color: inherit
+  color: inherit;
 }
-
-.prose :where(h2):not(:where([class~=not-prose] *)) {
+.prose :where(h2):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-headings);
   font-weight: 700;
   font-size: 1.5em;
   margin-top: 2em;
   margin-bottom: 1em;
-  line-height: 1.3333333
+  line-height: 1.3333333;
 }
-
-.prose :where(h2 strong):not(:where([class~=not-prose] *)) {
+.prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
   font-weight: 800;
-  color: inherit
+  color: inherit;
 }
-
-.prose :where(h3):not(:where([class~=not-prose] *)) {
+.prose :where(h3):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-headings);
   font-weight: 600;
   font-size: 1.25em;
   margin-top: 1.6em;
-  margin-bottom: .6em;
-  line-height: 1.6
+  margin-bottom: 0.6em;
+  line-height: 1.6;
 }
-
-.prose :where(h3 strong):not(:where([class~=not-prose] *)) {
+.prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
   font-weight: 700;
-  color: inherit
+  color: inherit;
 }
-
-.prose :where(h4):not(:where([class~=not-prose] *)) {
+.prose :where(h4):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-headings);
   font-weight: 600;
   margin-top: 1.5em;
-  margin-bottom: .5em;
-  line-height: 1.5
+  margin-bottom: 0.5em;
+  line-height: 1.5;
 }
-
-.prose :where(h4 strong):not(:where([class~=not-prose] *)) {
+.prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
   font-weight: 700;
-  color: inherit
+  color: inherit;
 }
-
-.prose :where(img):not(:where([class~=not-prose] *)) {
+.prose :where(img):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
-  margin-bottom: 2em
+  margin-bottom: 2em;
 }
-
-.prose :where(figure>*):not(:where([class~=not-prose] *)) {
+.prose :where(figure > *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
-  margin-bottom: 0
+  margin-bottom: 0;
 }
-
-.prose :where(figcaption):not(:where([class~=not-prose] *)) {
+.prose :where(figcaption):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-captions);
-  font-size: .875em;
+  font-size: 0.875em;
   line-height: 1.4285714;
-  margin-top: .8571429em
+  margin-top: 0.8571429em;
 }
-
-.prose :where(code):not(:where([class~=not-prose] *)) {
+.prose :where(code):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-code);
   font-weight: 600;
-  font-size: .875em
+  font-size: 0.875em;
 }
-
-.prose :where(code):not(:where([class~=not-prose] *)):before {
-  content: "`"
+.prose :where(code):not(:where([class~="not-prose"] *))::before {
+  content: "`";
 }
-
-.prose :where(code):not(:where([class~=not-prose] *)):after {
-  content: "`"
+.prose :where(code):not(:where([class~="not-prose"] *))::after {
+  content: "`";
 }
-
-.prose :where(a code):not(:where([class~=not-prose] *)) {
-  color: inherit
+.prose :where(a code):not(:where([class~="not-prose"] *)) {
+  color: inherit;
 }
-
-.prose :where(h1 code):not(:where([class~=not-prose] *)) {
-  color: inherit
+.prose :where(h1 code):not(:where([class~="not-prose"] *)) {
+  color: inherit;
 }
-
-.prose :where(h2 code):not(:where([class~=not-prose] *)) {
+.prose :where(h2 code):not(:where([class~="not-prose"] *)) {
   color: inherit;
-  font-size: .875em
+  font-size: 0.875em;
 }
-
-.prose :where(h3 code):not(:where([class~=not-prose] *)) {
+.prose :where(h3 code):not(:where([class~="not-prose"] *)) {
   color: inherit;
-  font-size: .9em
+  font-size: 0.9em;
 }
-
-.prose :where(h4 code):not(:where([class~=not-prose] *)) {
-  color: inherit
+.prose :where(h4 code):not(:where([class~="not-prose"] *)) {
+  color: inherit;
 }
-
-.prose :where(blockquote code):not(:where([class~=not-prose] *)) {
-  color: inherit
+.prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
+  color: inherit;
 }
-
-.prose :where(thead th code):not(:where([class~=not-prose] *)) {
-  color: inherit
+.prose :where(thead th code):not(:where([class~="not-prose"] *)) {
+  color: inherit;
 }
-
-.prose :where(pre):not(:where([class~=not-prose] *)) {
+.prose :where(pre):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-pre-code);
   background-color: var(--tw-prose-pre-bg);
   overflow-x: auto;
   font-weight: 400;
-  font-size: .875em;
+  font-size: 0.875em;
   line-height: 1.7142857;
   margin-top: 1.7142857em;
   margin-bottom: 1.7142857em;
-  border-radius: .375rem;
-  padding: .8571429em 1.1428571em
+  border-radius: 0.375rem;
+  padding-top: 0.8571429em;
+  padding-right: 1.1428571em;
+  padding-bottom: 0.8571429em;
+  padding-left: 1.1428571em;
 }
-
-.prose :where(pre code):not(:where([class~=not-prose] *)) {
+.prose :where(pre code):not(:where([class~="not-prose"] *)) {
   background-color: transparent;
   border-width: 0;
   border-radius: 0;
@@ -846,63 +1140,52 @@ select {
   color: inherit;
   font-size: inherit;
   font-family: inherit;
-  line-height: inherit
+  line-height: inherit;
 }
-
-.prose :where(pre code):not(:where([class~=not-prose] *)):before {
-  content: none
+.prose :where(pre code):not(:where([class~="not-prose"] *))::before {
+  content: none;
 }
-
-.prose :where(pre code):not(:where([class~=not-prose] *)):after {
-  content: none
+.prose :where(pre code):not(:where([class~="not-prose"] *))::after {
+  content: none;
 }
-
-.prose :where(table):not(:where([class~=not-prose] *)) {
+.prose :where(table):not(:where([class~="not-prose"] *)) {
   width: 100%;
   table-layout: auto;
   text-align: left;
   margin-top: 2em;
   margin-bottom: 2em;
-  font-size: .875em;
-  line-height: 1.7142857
+  font-size: 0.875em;
+  line-height: 1.7142857;
 }
-
-.prose :where(thead):not(:where([class~=not-prose] *)) {
+.prose :where(thead):not(:where([class~="not-prose"] *)) {
   border-bottom-width: 1px;
-  border-bottom-color: var(--tw-prose-th-borders)
+  border-bottom-color: var(--tw-prose-th-borders);
 }
-
-.prose :where(thead th):not(:where([class~=not-prose] *)) {
+.prose :where(thead th):not(:where([class~="not-prose"] *)) {
   color: var(--tw-prose-headings);
   font-weight: 600;
   vertical-align: bottom;
-  padding-right: .5714286em;
-  padding-bottom: .5714286em;
-  padding-left: .5714286em
+  padding-right: 0.5714286em;
+  padding-bottom: 0.5714286em;
+  padding-left: 0.5714286em;
 }
-
-.prose :where(tbody tr):not(:where([class~=not-prose] *)) {
+.prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
   border-bottom-width: 1px;
-  border-bottom-color: var(--tw-prose-td-borders)
+  border-bottom-color: var(--tw-prose-td-borders);
 }
-
-.prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)) {
-  border-bottom-width: 0
+.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
+  border-bottom-width: 0;
 }
-
-.prose :where(tbody td):not(:where([class~=not-prose] *)) {
-  vertical-align: baseline
+.prose :where(tbody td):not(:where([class~="not-prose"] *)) {
+  vertical-align: baseline;
 }
-
-.prose :where(tfoot):not(:where([class~=not-prose] *)) {
+.prose :where(tfoot):not(:where([class~="not-prose"] *)) {
   border-top-width: 1px;
-  border-top-color: var(--tw-prose-th-borders)
+  border-top-color: var(--tw-prose-th-borders);
 }
-
-.prose :where(tfoot td):not(:where([class~=not-prose] *)) {
-  vertical-align: top
+.prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
+  vertical-align: top;
 }
-
 .prose {
   --tw-prose-body: #374151;
   --tw-prose-headings: #111827;
@@ -933,435 +1216,350 @@ select {
   --tw-prose-invert-captions: #9ca3af;
   --tw-prose-invert-code: #fff;
   --tw-prose-invert-pre-code: #d1d5db;
-  --tw-prose-invert-pre-bg: rgba(0,0,0,.5);
+  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
   --tw-prose-invert-th-borders: #4b5563;
   --tw-prose-invert-td-borders: #374151;
   font-size: 1rem;
-  line-height: 1.75
+  line-height: 1.75;
 }
-
-.prose :where(p):not(:where([class~=not-prose] *)) {
+.prose :where(p):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
-  margin-bottom: 1.25em
+  margin-bottom: 1.25em;
 }
-
-.prose :where(video):not(:where([class~=not-prose] *)) {
+.prose :where(video):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
-  margin-bottom: 2em
+  margin-bottom: 2em;
 }
-
-.prose :where(figure):not(:where([class~=not-prose] *)) {
+.prose :where(figure):not(:where([class~="not-prose"] *)) {
   margin-top: 2em;
-  margin-bottom: 2em
+  margin-bottom: 2em;
 }
-
-.prose :where(li):not(:where([class~=not-prose] *)) {
-  margin-top: .5em;
-  margin-bottom: .5em
+.prose :where(li):not(:where([class~="not-prose"] *)) {
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
 }
-
-.prose :where(ol>li):not(:where([class~=not-prose] *)) {
-  padding-left: .375em
+.prose :where(ol > li):not(:where([class~="not-prose"] *)) {
+  padding-left: 0.375em;
 }
-
-.prose :where(ul>li):not(:where([class~=not-prose] *)) {
-  padding-left: .375em
+.prose :where(ul > li):not(:where([class~="not-prose"] *)) {
+  padding-left: 0.375em;
 }
-
-.prose :where(.prose>ul>li p):not(:where([class~=not-prose] *)) {
-  margin-top: .75em;
-  margin-bottom: .75em
+.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
+  margin-top: 0.75em;
+  margin-bottom: 0.75em;
 }
-
-.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 1.25em
+.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.25em;
 }
-
-.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 1.25em
+.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.25em;
 }
-
-.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 1.25em
+.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.25em;
 }
-
-.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 1.25em
+.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.25em;
 }
-
-.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)) {
-  margin-top: .75em;
-  margin-bottom: .75em
+.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
+  margin-top: 0.75em;
+  margin-bottom: 0.75em;
 }
-
-.prose :where(hr+*):not(:where([class~=not-prose] *)) {
-  margin-top: 0
+.prose :where(hr + *):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
 }
-
-.prose :where(h2+*):not(:where([class~=not-prose] *)) {
-  margin-top: 0
+.prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
 }
-
-.prose :where(h3+*):not(:where([class~=not-prose] *)) {
-  margin-top: 0
+.prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
 }
-
-.prose :where(h4+*):not(:where([class~=not-prose] *)) {
-  margin-top: 0
+.prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
 }
-
-.prose :where(thead th:first-child):not(:where([class~=not-prose] *)) {
-  padding-left: 0
+.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
+  padding-left: 0;
 }
-
-.prose :where(thead th:last-child):not(:where([class~=not-prose] *)) {
-  padding-right: 0
+.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
+  padding-right: 0;
 }
-
-.prose :where(tbody td,tfoot td):not(:where([class~=not-prose] *)) {
-  padding: .5714286em
+.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
+  padding-top: 0.5714286em;
+  padding-right: 0.5714286em;
+  padding-bottom: 0.5714286em;
+  padding-left: 0.5714286em;
 }
-
-.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)) {
-  padding-left: 0
+.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
+  padding-left: 0;
 }
-
-.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)) {
-  padding-right: 0
+.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
+  padding-right: 0;
 }
-
-.prose :where(.prose>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 0
+.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
 }
-
-.prose :where(.prose>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 0
+.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 0;
 }
-
 .prose-sm {
-  font-size: .875rem;
-  line-height: 1.7142857
+  font-size: 0.875rem;
+  line-height: 1.7142857;
 }
-
-.prose-sm :where(p):not(:where([class~=not-prose] *)) {
+.prose-sm :where(p):not(:where([class~="not-prose"] *)) {
   margin-top: 1.1428571em;
-  margin-bottom: 1.1428571em
+  margin-bottom: 1.1428571em;
 }
-
-.prose-sm :where([class~=lead]):not(:where([class~=not-prose] *)) {
+.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
   font-size: 1.2857143em;
   line-height: 1.5555556;
-  margin-top: .8888889em;
-  margin-bottom: .8888889em
+  margin-top: 0.8888889em;
+  margin-bottom: 0.8888889em;
 }
-
-.prose-sm :where(blockquote):not(:where([class~=not-prose] *)) {
+.prose-sm :where(blockquote):not(:where([class~="not-prose"] *)) {
   margin-top: 1.3333333em;
   margin-bottom: 1.3333333em;
-  padding-left: 1.1111111em
+  padding-left: 1.1111111em;
 }
-
-.prose-sm :where(h1):not(:where([class~=not-prose] *)) {
+.prose-sm :where(h1):not(:where([class~="not-prose"] *)) {
   font-size: 2.1428571em;
   margin-top: 0;
-  margin-bottom: .8em;
-  line-height: 1.2
+  margin-bottom: 0.8em;
+  line-height: 1.2;
 }
-
-.prose-sm :where(h2):not(:where([class~=not-prose] *)) {
+.prose-sm :where(h2):not(:where([class~="not-prose"] *)) {
   font-size: 1.4285714em;
   margin-top: 1.6em;
-  margin-bottom: .8em;
-  line-height: 1.4
+  margin-bottom: 0.8em;
+  line-height: 1.4;
 }
-
-.prose-sm :where(h3):not(:where([class~=not-prose] *)) {
+.prose-sm :where(h3):not(:where([class~="not-prose"] *)) {
   font-size: 1.2857143em;
   margin-top: 1.5555556em;
-  margin-bottom: .4444444em;
-  line-height: 1.5555556
+  margin-bottom: 0.4444444em;
+  line-height: 1.5555556;
 }
-
-.prose-sm :where(h4):not(:where([class~=not-prose] *)) {
+.prose-sm :where(h4):not(:where([class~="not-prose"] *)) {
   margin-top: 1.4285714em;
-  margin-bottom: .5714286em;
-  line-height: 1.4285714
+  margin-bottom: 0.5714286em;
+  line-height: 1.4285714;
 }
-
-.prose-sm :where(img):not(:where([class~=not-prose] *)) {
+.prose-sm :where(img):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7142857em;
-  margin-bottom: 1.7142857em
+  margin-bottom: 1.7142857em;
 }
-
-.prose-sm :where(video):not(:where([class~=not-prose] *)) {
+.prose-sm :where(video):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7142857em;
-  margin-bottom: 1.7142857em
+  margin-bottom: 1.7142857em;
 }
-
-.prose-sm :where(figure):not(:where([class~=not-prose] *)) {
+.prose-sm :where(figure):not(:where([class~="not-prose"] *)) {
   margin-top: 1.7142857em;
-  margin-bottom: 1.7142857em
+  margin-bottom: 1.7142857em;
 }
-
-.prose-sm :where(figure>*):not(:where([class~=not-prose] *)) {
+.prose-sm :where(figure > *):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
-  margin-bottom: 0
+  margin-bottom: 0;
 }
-
-.prose-sm :where(figcaption):not(:where([class~=not-prose] *)) {
-  font-size: .8571429em;
+.prose-sm :where(figcaption):not(:where([class~="not-prose"] *)) {
+  font-size: 0.8571429em;
   line-height: 1.3333333;
-  margin-top: .6666667em
+  margin-top: 0.6666667em;
 }
-
-.prose-sm :where(code):not(:where([class~=not-prose] *)) {
-  font-size: .8571429em
+.prose-sm :where(code):not(:where([class~="not-prose"] *)) {
+  font-size: 0.8571429em;
 }
-
-.prose-sm :where(h2 code):not(:where([class~=not-prose] *)) {
-  font-size: .9em
+.prose-sm :where(h2 code):not(:where([class~="not-prose"] *)) {
+  font-size: 0.9em;
 }
-
-.prose-sm :where(h3 code):not(:where([class~=not-prose] *)) {
-  font-size: .8888889em
+.prose-sm :where(h3 code):not(:where([class~="not-prose"] *)) {
+  font-size: 0.8888889em;
 }
-
-.prose-sm :where(pre):not(:where([class~=not-prose] *)) {
-  font-size: .8571429em;
+.prose-sm :where(pre):not(:where([class~="not-prose"] *)) {
+  font-size: 0.8571429em;
   line-height: 1.6666667;
   margin-top: 1.6666667em;
   margin-bottom: 1.6666667em;
-  border-radius: .25rem;
-  padding: .6666667em 1em
+  border-radius: 0.25rem;
+  padding-top: 0.6666667em;
+  padding-right: 1em;
+  padding-bottom: 0.6666667em;
+  padding-left: 1em;
 }
-
-.prose-sm :where(ol):not(:where([class~=not-prose] *)) {
+.prose-sm :where(ol):not(:where([class~="not-prose"] *)) {
   margin-top: 1.1428571em;
   margin-bottom: 1.1428571em;
-  padding-left: 1.5714286em
+  padding-left: 1.5714286em;
 }
-
-.prose-sm :where(ul):not(:where([class~=not-prose] *)) {
+.prose-sm :where(ul):not(:where([class~="not-prose"] *)) {
   margin-top: 1.1428571em;
   margin-bottom: 1.1428571em;
-  padding-left: 1.5714286em
+  padding-left: 1.5714286em;
 }
-
-.prose-sm :where(li):not(:where([class~=not-prose] *)) {
-  margin-top: .2857143em;
-  margin-bottom: .2857143em
+.prose-sm :where(li):not(:where([class~="not-prose"] *)) {
+  margin-top: 0.2857143em;
+  margin-bottom: 0.2857143em;
 }
-
-.prose-sm :where(ol>li):not(:where([class~=not-prose] *)) {
-  padding-left: .4285714em
+.prose-sm :where(ol > li):not(:where([class~="not-prose"] *)) {
+  padding-left: 0.4285714em;
 }
-
-.prose-sm :where(ul>li):not(:where([class~=not-prose] *)) {
-  padding-left: .4285714em
+.prose-sm :where(ul > li):not(:where([class~="not-prose"] *)) {
+  padding-left: 0.4285714em;
 }
-
-.prose-sm :where(.prose>ul>li p):not(:where([class~=not-prose] *)) {
-  margin-top: .5714286em;
-  margin-bottom: .5714286em
+.prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
+  margin-top: 0.5714286em;
+  margin-bottom: 0.5714286em;
 }
-
-.prose-sm :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 1.1428571em
+.prose-sm :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.1428571em;
 }
-
-.prose-sm :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 1.1428571em
+.prose-sm :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.1428571em;
 }
-
-.prose-sm :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 1.1428571em
+.prose-sm :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.1428571em;
 }
-
-.prose-sm :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 1.1428571em
+.prose-sm :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.1428571em;
 }
-
-.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)) {
-  margin-top: .5714286em;
-  margin-bottom: .5714286em
+.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
+  margin-top: 0.5714286em;
+  margin-bottom: 0.5714286em;
 }
-
-.prose-sm :where(hr):not(:where([class~=not-prose] *)) {
+.prose-sm :where(hr):not(:where([class~="not-prose"] *)) {
   margin-top: 2.8571429em;
-  margin-bottom: 2.8571429em
+  margin-bottom: 2.8571429em;
 }
-
-.prose-sm :where(hr+*):not(:where([class~=not-prose] *)) {
-  margin-top: 0
+.prose-sm :where(hr + *):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
 }
-
-.prose-sm :where(h2+*):not(:where([class~=not-prose] *)) {
-  margin-top: 0
+.prose-sm :where(h2 + *):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
 }
-
-.prose-sm :where(h3+*):not(:where([class~=not-prose] *)) {
-  margin-top: 0
+.prose-sm :where(h3 + *):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
 }
-
-.prose-sm :where(h4+*):not(:where([class~=not-prose] *)) {
-  margin-top: 0
+.prose-sm :where(h4 + *):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
 }
-
-.prose-sm :where(table):not(:where([class~=not-prose] *)) {
-  font-size: .8571429em;
-  line-height: 1.5
+.prose-sm :where(table):not(:where([class~="not-prose"] *)) {
+  font-size: 0.8571429em;
+  line-height: 1.5;
 }
-
-.prose-sm :where(thead th):not(:where([class~=not-prose] *)) {
+.prose-sm :where(thead th):not(:where([class~="not-prose"] *)) {
   padding-right: 1em;
-  padding-bottom: .6666667em;
-  padding-left: 1em
+  padding-bottom: 0.6666667em;
+  padding-left: 1em;
 }
-
-.prose-sm :where(thead th:first-child):not(:where([class~=not-prose] *)) {
-  padding-left: 0
+.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
+  padding-left: 0;
 }
-
-.prose-sm :where(thead th:last-child):not(:where([class~=not-prose] *)) {
-  padding-right: 0
+.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
+  padding-right: 0;
 }
-
-.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose] *)) {
-  padding: .6666667em 1em
+.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
+  padding-top: 0.6666667em;
+  padding-right: 1em;
+  padding-bottom: 0.6666667em;
+  padding-left: 1em;
 }
-
-.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)) {
-  padding-left: 0
+.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
+  padding-left: 0;
 }
-
-.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)) {
-  padding-right: 0
+.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
+  padding-right: 0;
 }
-
-.prose-sm :where(.prose>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 0
+.prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
 }
-
-.prose-sm :where(.prose>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 0
+.prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 0;
 }
-
-.prose-base :where(.prose>ul>li p):not(:where([class~=not-prose] *)) {
-  margin-top: .75em;
-  margin-bottom: .75em
+.prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
+  margin-top: 0.75em;
+  margin-bottom: 0.75em;
 }
-
-.prose-base :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 1.25em
+.prose-base :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.25em;
 }
-
-.prose-base :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 1.25em
+.prose-base :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.25em;
 }
-
-.prose-base :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 1.25em
+.prose-base :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.25em;
 }
-
-.prose-base :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 1.25em
+.prose-base :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.25em;
 }
-
-.prose-base :where(.prose>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 0
+.prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
 }
-
-.prose-base :where(.prose>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 0
+.prose-base :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 0;
 }
-
-.prose-lg :where(.prose>ul>li p):not(:where([class~=not-prose] *)) {
-  margin-top: .8888889em;
-  margin-bottom: .8888889em
+.prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
+  margin-top: 0.8888889em;
+  margin-bottom: 0.8888889em;
 }
-
-.prose-lg :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 1.3333333em
+.prose-lg :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.3333333em;
 }
-
-.prose-lg :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 1.3333333em
+.prose-lg :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.3333333em;
 }
-
-.prose-lg :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 1.3333333em
+.prose-lg :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.3333333em;
 }
-
-.prose-lg :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 1.3333333em
+.prose-lg :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.3333333em;
 }
-
-.prose-lg :where(.prose>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 0
+.prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
 }
-
-.prose-lg :where(.prose>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 0
+.prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 0;
 }
-
-.prose-xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)) {
-  margin-top: .8em;
-  margin-bottom: .8em
+.prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
+  margin-top: 0.8em;
+  margin-bottom: 0.8em;
 }
-
-.prose-xl :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 1.2em
+.prose-xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.2em;
 }
-
-.prose-xl :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 1.2em
+.prose-xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.2em;
 }
-
-.prose-xl :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 1.2em
+.prose-xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.2em;
 }
-
-.prose-xl :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 1.2em
+.prose-xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.2em;
 }
-
-.prose-xl :where(.prose>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 0
+.prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
 }
-
-.prose-xl :where(.prose>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 0
+.prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 0;
 }
-
-.prose-2xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)) {
-  margin-top: .8333333em;
-  margin-bottom: .8333333em
+.prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
+  margin-top: 0.8333333em;
+  margin-bottom: 0.8333333em;
 }
-
-.prose-2xl :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 1.3333333em
+.prose-2xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.3333333em;
 }
-
-.prose-2xl :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 1.3333333em
+.prose-2xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.3333333em;
 }
-
-.prose-2xl :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 1.3333333em
+.prose-2xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.3333333em;
 }
-
-.prose-2xl :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 1.3333333em
+.prose-2xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.3333333em;
 }
-
-.prose-2xl :where(.prose>:first-child):not(:where([class~=not-prose] *)) {
-  margin-top: 0
+.prose-2xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
 }
-
-.prose-2xl :where(.prose>:last-child):not(:where([class~=not-prose] *)) {
-  margin-bottom: 0
+.prose-2xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 0;
 }
-
 .prose-invert {
   --tw-prose-body: var(--tw-prose-invert-body);
   --tw-prose-headings: var(--tw-prose-invert-headings);
@@ -1378,9 +1576,8 @@ select {
   --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
   --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
   --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
-  --tw-prose-td-borders: var(--tw-prose-invert-td-borders)
+  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
 }
-
 .scroll-bar {
   --scrollbar-track: initial;
   --scrollbar-thumb: initial;
@@ -1392,125 +1589,103 @@ select {
   --scrollbar-thumb-active: var(--scrollbar-thumb-hover);
   --scrollbar-corner-active: var(--scrollbar-corner-hover);
   scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
-  overflow: overlay
+  overflow: overlay;
 }
-
 .scroll-bar.overflow-x-hidden {
-  overflow-x: hidden
+  overflow-x: hidden;
 }
-
 .scroll-bar.overflow-y-hidden {
-  overflow-y: hidden
+  overflow-y: hidden;
 }
-
 .scroll-bar::-webkit-scrollbar-track {
-  background-color: var(--scrollbar-track)
+  background-color: var(--scrollbar-track);
 }
-
 .scroll-bar::-webkit-scrollbar-thumb {
-  background-color: var(--scrollbar-thumb)
+  background-color: var(--scrollbar-thumb);
 }
-
 .scroll-bar::-webkit-scrollbar-corner {
-  background-color: var(--scrollbar-corner)
+  background-color: var(--scrollbar-corner);
 }
-
 .scroll-bar::-webkit-scrollbar-track:hover {
-  background-color: var(--scrollbar-track-hover)
+  background-color: var(--scrollbar-track-hover);
 }
-
 .scroll-bar::-webkit-scrollbar-thumb:hover {
-  background-color: var(--scrollbar-thumb-hover)
+  background-color: var(--scrollbar-thumb-hover);
 }
-
 .scroll-bar::-webkit-scrollbar-corner:hover {
-  background-color: var(--scrollbar-corner-hover)
+  background-color: var(--scrollbar-corner-hover);
 }
-
 .scroll-bar::-webkit-scrollbar-track:active {
-  background-color: var(--scrollbar-track-active)
+  background-color: var(--scrollbar-track-active);
 }
-
 .scroll-bar::-webkit-scrollbar-thumb:active {
-  background-color: var(--scrollbar-thumb-active)
+  background-color: var(--scrollbar-thumb-active);
 }
-
 .scroll-bar::-webkit-scrollbar-corner:active {
-  background-color: var(--scrollbar-corner-active)
+  background-color: var(--scrollbar-corner-active);
 }
-
 .scroll-bar {
-  scrollbar-width: thin
+  scrollbar-width: thin;
 }
-
 .scroll-bar::-webkit-scrollbar {
   width: 8px;
-  height: 8px
+  height: 8px;
 }
-
 .scroll-bar {
   --scrollbar-track: transparent;
-  --scrollbar-thumb: #d1d5db
+  --scrollbar-thumb: #d1d5db;
 }
-
 .scroll-bar::-webkit-scrollbar-thumb {
-  border-radius: .375rem
+  border-radius: var(--cal-radius-md);
 }
-
 :is(.dark .scroll-bar) {
-  --scrollbar-thumb: #444
+  --scrollbar-thumb: #cbd5e1;
 }
-
+/* slider */
 .slider {
   position: relative;
   display: flex;
-  height: 1rem;
-  width: 10rem;
+  height: var(--cal-spacing-4);
+  width: var(--cal-spacing-40);
   -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-  align-items: center
+     -moz-user-select: none;
+          user-select: none;
+  align-items: center;
 }
-
-.slider>.slider-track {
+.slider > .slider-track {
   position: relative;
-  height: .25rem;
+  height: var(--cal-spacing-1);
   flex-grow: 1;
-  border-radius: .375rem;
+  border-radius: var(--cal-radius-md);
   --tw-bg-opacity: 1;
-  background-color: rgb(156 163 175/var(--tw-bg-opacity))
+  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
 }
-
 .slider .slider-range {
   position: absolute;
-  height: 100%
-}
-
-.slider .slider-range,.slider .slider-thumb {
-  border-radius: 9999px;
+  height: 100%;
+  border-radius: var(--cal-radius-full);
   --tw-bg-opacity: 1;
-  background-color: rgb(55 65 81/var(--tw-bg-opacity))
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
-
 .slider .slider-thumb {
   display: block;
-  height: .75rem;
-  width: .75rem;
+  height: var(--cal-spacing-3);
+  width: var(--cal-spacing-3);
   cursor: pointer;
+  border-radius: var(--cal-radius-full);
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
   transition-property: all;
-  transition-timing-function: cubic-bezier(.4,0,.2,1);
-  transition-duration: .15s
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
-
 .slider .slider-thumb:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(75 85 99/var(--tw-bg-opacity))
+  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
-
 .slider .slider-thumb:focus {
-  box-shadow: 0 0 0 4px rgba(0,0,0,.2)
-}
-
+    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2);
+  }
 .sr-only {
   position: absolute;
   width: 1px;
@@ -1518,11 +1693,10 @@ select {
   padding: 0;
   margin: -1px;
   overflow: hidden;
-  clip: rect(0,0,0,0);
+  clip: rect(0, 0, 0, 0);
   white-space: nowrap;
-  border-width: 0
+  border-width: 0;
 }
-
 .not-sr-only {
   position: static;
   width: auto;
@@ -1531,11445 +1705,9321 @@ select {
   margin: 0;
   overflow: visible;
   clip: auto;
-  white-space: normal
+  white-space: normal;
 }
-
 .pointer-events-none {
-  pointer-events: none
+  pointer-events: none;
+}
+.pointer-events-auto {
+  pointer-events: auto;
 }
-
 .\!visible {
-  visibility: visible!important
+  visibility: visible !important;
 }
-
 .visible {
-  visibility: visible
+  visibility: visible;
 }
-
 .invisible {
-  visibility: hidden
+  visibility: hidden;
 }
-
 .collapse {
-  visibility: collapse
+  visibility: collapse;
 }
-
 .\!static {
-  position: static!important
+  position: static !important;
 }
-
 .static {
-  position: static
+  position: static;
 }
-
 .fixed {
-  position: fixed
+  position: fixed;
 }
-
 .absolute {
-  position: absolute
+  position: absolute;
 }
-
 .relative {
-  position: relative
+  position: relative;
 }
-
 .sticky {
-  position: sticky
+  position: sticky;
 }
-
 .-inset-1 {
-  inset: -.25rem
+  inset: calc(var(--cal-spacing-1) * -1);
 }
-
 .inset-0 {
-  inset: 0
+  inset: var(--cal-spacing-0);
 }
-
 .inset-x-0 {
-  left: 0;
-  right: 0
+  left: var(--cal-spacing-0);
+  right: var(--cal-spacing-0);
 }
-
 .inset-x-1 {
-  left: .25rem;
-  right: .25rem
+  left: var(--cal-spacing-1);
+  right: var(--cal-spacing-1);
 }
-
 .inset-y-0 {
-  top: 0;
-  bottom: 0
+  top: var(--cal-spacing-0);
+  bottom: var(--cal-spacing-0);
+}
+.inset-y-2 {
+  top: var(--cal-spacing-2);
+  bottom: var(--cal-spacing-2);
+}
+.\!bottom-16 {
+  bottom: var(--cal-spacing-16) !important;
 }
-
 .-bottom-0 {
-  bottom: 0
+  bottom: calc(var(--cal-spacing-0) * -1);
 }
-
 .-bottom-0\.5 {
-  bottom: -.125rem
+  bottom: calc(var(--cal-spacing-0_5) * -1);
 }
-
 .-bottom-1 {
-  bottom: -.25rem
+  bottom: calc(var(--cal-spacing-1) * -1);
+}
+.-left-3 {
+  left: calc(var(--cal-spacing-3) * -1);
 }
-
 .-left-\[12px\] {
-  left: -12px
+  left: -12px;
 }
-
 .-right-0 {
-  right: 0
+  right: calc(var(--cal-spacing-0) * -1);
 }
-
 .-right-0\.5 {
-  right: -.125rem
+  right: calc(var(--cal-spacing-0_5) * -1);
 }
-
 .-right-1 {
-  right: -.25rem
+  right: calc(var(--cal-spacing-1) * -1);
 }
-
-.-top-\[2px\] {
-  top: -2px
+.-top-3 {
+  top: calc(var(--cal-spacing-3) * -1);
 }
-
-.-top-px {
-  top: -1px
+.-top-\[2px\] {
+  top: -2px;
 }
-
 .bottom-0 {
-  bottom: 0
+  bottom: var(--cal-spacing-0);
 }
-
 .bottom-1 {
-  bottom: .25rem
+  bottom: var(--cal-spacing-1);
 }
-
 .bottom-2 {
-  bottom: .5rem
+  bottom: var(--cal-spacing-2);
 }
-
 .bottom-20 {
-  bottom: 5rem
+  bottom: var(--cal-spacing-20);
 }
-
 .bottom-3 {
-  bottom: .75rem
+  bottom: var(--cal-spacing-3);
 }
-
 .bottom-4 {
-  bottom: 1rem
+  bottom: var(--cal-spacing-4);
 }
-
 .bottom-6 {
-  bottom: 1.5rem
+  bottom: var(--cal-spacing-6);
 }
-
 .bottom-7 {
-  bottom: 1.75rem
+  bottom: var(--cal-spacing-7);
 }
-
 .bottom-\[6px\] {
-  bottom: 6px
+  bottom: 6px;
 }
-
 .bottom-px {
-  bottom: 1px
+  bottom: var(--cal-spacing-px);
 }
-
 .left-0 {
-  left: 0
+  left: var(--cal-spacing-0);
 }
-
 .left-0\.5 {
-  left: .125rem
+  left: var(--cal-spacing-0_5);
 }
-
 .left-1 {
-  left: .25rem
+  left: var(--cal-spacing-1);
 }
-
 .left-1\/2 {
-  left: 50%
-}
-
-.left-1\/4 {
-  left: 25%
+  left: 50%;
 }
-
 .left-2 {
-  left: .5rem
+  left: var(--cal-spacing-2);
 }
-
 .left-3 {
-  left: .75rem
+  left: var(--cal-spacing-3);
 }
-
 .left-4 {
-  left: 1rem
+  left: var(--cal-spacing-4);
 }
-
 .left-6 {
-  left: 1.5rem
+  left: var(--cal-spacing-6);
 }
-
 .left-8 {
-  left: 2rem
+  left: var(--cal-spacing-8);
+}
+.left-\[50\%\] {
+  left: 50%;
 }
-
 .left-\[calc\(50\%\+calc\(var\(--booker-meta-width\2c 0px\)\/2\)\)\] {
-  left: calc(50% + calc(var(--booker-meta-width,0px)/2))
+  left: calc(50% + calc(var(--booker-meta-width,0px) / 2));
 }
-
 .left-px {
-  left: 1px
+  left: var(--cal-spacing-px);
 }
-
 .right-0 {
-  right: 0
+  right: var(--cal-spacing-0);
 }
-
 .right-1 {
-  right: .25rem
+  right: var(--cal-spacing-1);
 }
-
 .right-1\/2 {
-  right: 50%
+  right: 50%;
 }
-
 .right-2 {
-  right: .5rem
+  right: var(--cal-spacing-2);
 }
-
 .right-3 {
-  right: .75rem
+  right: var(--cal-spacing-3);
 }
-
 .right-4 {
-  right: 1rem
+  right: var(--cal-spacing-4);
 }
-
 .right-6 {
-  right: 1.5rem
+  right: var(--cal-spacing-6);
 }
-
 .right-8 {
-  right: 2rem
+  right: var(--cal-spacing-8);
 }
-
 .right-\[2px\] {
-  right: 2px
+  right: 2px;
 }
-
 .right-px {
-  right: 1px
+  right: var(--cal-spacing-px);
 }
-
 .top-0 {
-  top: 0
+  top: var(--cal-spacing-0);
 }
-
 .top-1 {
-  top: .25rem
+  top: var(--cal-spacing-1);
 }
-
 .top-1\/2 {
-  top: 50%
+  top: 50%;
 }
-
 .top-2 {
-  top: .5rem
+  top: var(--cal-spacing-2);
 }
-
 .top-2\.5 {
-  top: .625rem
+  top: var(--cal-spacing-2_5);
 }
-
 .top-3 {
-  top: .75rem
+  top: var(--cal-spacing-3);
 }
-
 .top-4 {
-  top: 1rem
+  top: var(--cal-spacing-4);
 }
-
 .top-40 {
-  top: 10rem
+  top: var(--cal-spacing-40);
+}
+.top-5 {
+  top: var(--cal-spacing-5);
 }
-
 .top-6 {
-  top: 1.5rem
+  top: var(--cal-spacing-6);
 }
-
 .top-8 {
-  top: 2rem
+  top: var(--cal-spacing-8);
 }
-
 .top-\[0\.9rem\] {
-  top: .9rem
+  top: 0.9rem;
+}
+.top-\[50\%\] {
+  top: 50%;
 }
-
 .top-\[var\(--calendar-dates-sticky-offset\2c 0px\)\] {
-  top: var(--calendar-dates-sticky-offset,0)
+  top: var(--calendar-dates-sticky-offset,0px);
 }
-
 .top-px {
-  top: 1px
+  top: var(--cal-spacing-px);
 }
-
 .isolate {
-  isolation: isolate
+  isolation: isolate;
 }
-
 .isolation-auto {
-  isolation: auto
+  isolation: auto;
 }
-
 .-z-10 {
-  z-index: -10
+  z-index: -10;
+}
+.-z-20 {
+  z-index: -20;
 }
-
 .z-0 {
-  z-index: 0
+  z-index: 0;
 }
-
 .z-10 {
-  z-index: 10
+  z-index: 10;
 }
-
 .z-20 {
-  z-index: 20
+  z-index: 20;
 }
-
 .z-30 {
-  z-index: 30
+  z-index: 30;
 }
-
 .z-40 {
-  z-index: 40
+  z-index: 40;
 }
-
 .z-50 {
-  z-index: 50
+  z-index: 50;
+}
+.z-\[100\] {
+  z-index: 100;
 }
-
 .z-\[2\] {
-  z-index: 2
+  z-index: 2;
 }
-
 .z-\[60\] {
-  z-index: 60
+  z-index: 60;
+}
+.z-\[65\] {
+  z-index: 65;
 }
-
 .z-\[80\] {
-  z-index: 80
+  z-index: 80;
 }
-
 .order-2 {
-  order: 2
+  order: 2;
 }
-
 .order-none {
-  order: 0
+  order: 0;
 }
-
 .col-span-1 {
-  grid-column: span 1/span 1
+  grid-column: span 1 / span 1;
 }
-
 .col-span-10 {
-  grid-column: span 10/span 10
+  grid-column: span 10 / span 10;
 }
-
 .col-span-11 {
-  grid-column: span 11/span 11
+  grid-column: span 11 / span 11;
 }
-
 .col-span-12 {
-  grid-column: span 12/span 12
+  grid-column: span 12 / span 12;
 }
-
 .col-span-2 {
-  grid-column: span 2/span 2
+  grid-column: span 2 / span 2;
 }
-
 .col-span-3 {
-  grid-column: span 3/span 3
+  grid-column: span 3 / span 3;
 }
-
 .col-span-4 {
-  grid-column: span 4/span 4
+  grid-column: span 4 / span 4;
 }
-
 .col-span-5 {
-  grid-column: span 5/span 5
+  grid-column: span 5 / span 5;
 }
-
 .col-span-6 {
-  grid-column: span 6/span 6
+  grid-column: span 6 / span 6;
 }
-
 .col-span-7 {
-  grid-column: span 7/span 7
+  grid-column: span 7 / span 7;
 }
-
 .col-span-8 {
-  grid-column: span 8/span 8
+  grid-column: span 8 / span 8;
 }
-
 .col-span-9 {
-  grid-column: span 9/span 9
+  grid-column: span 9 / span 9;
 }
-
 .col-start-1 {
-  grid-column-start: 1
+  grid-column-start: 1;
 }
-
 .col-start-2 {
-  grid-column-start: 2
+  grid-column-start: 2;
 }
-
 .col-start-3 {
-  grid-column-start: 3
+  grid-column-start: 3;
 }
-
 .col-start-4 {
-  grid-column-start: 4
+  grid-column-start: 4;
 }
-
 .col-start-5 {
-  grid-column-start: 5
+  grid-column-start: 5;
 }
-
 .col-start-6 {
-  grid-column-start: 6
+  grid-column-start: 6;
 }
-
 .col-start-7 {
-  grid-column-start: 7
+  grid-column-start: 7;
 }
-
 .col-end-1 {
-  grid-column-end: 1
+  grid-column-end: 1;
 }
-
 .col-end-2 {
-  grid-column-end: 2
+  grid-column-end: 2;
 }
-
 .row-span-full {
-  grid-row: 1/-1
+  grid-row: 1 / -1;
 }
-
 .row-start-1 {
-  grid-row-start: 1
+  grid-row-start: 1;
 }
-
 .row-end-1 {
-  grid-row-end: 1
+  grid-row-end: 1;
 }
-
 .float-right {
-  float: right
+  float: right;
 }
-
 .float-left {
-  float: left
+  float: left;
+}
+.\!-m-0 {
+  margin: calc(var(--cal-spacing-0) * -1) !important;
 }
-
 .\!m-0 {
-  margin: 0!important
+  margin: var(--cal-spacing-0) !important;
 }
-
 .m-0 {
-  margin: 0
+  margin: var(--cal-spacing-0);
 }
-
 .m-1 {
-  margin: .25rem
+  margin: var(--cal-spacing-1);
 }
-
 .m-10 {
-  margin: 2.5rem
+  margin: var(--cal-spacing-10);
 }
-
 .m-2 {
-  margin: .5rem
+  margin: var(--cal-spacing-2);
 }
-
-.m-4 {
-  margin: 1rem
+.m-5 {
+  margin: var(--cal-spacing-5);
 }
-
 .m-8 {
-  margin: 2rem
+  margin: var(--cal-spacing-8);
 }
-
 .m-auto {
-  margin: auto
+  margin: auto;
 }
-
 .\!my-0 {
-  margin-top: 0!important;
-  margin-bottom: 0!important
+  margin-top: var(--cal-spacing-0) !important;
+  margin-bottom: var(--cal-spacing-0) !important;
 }
-
 .-mx-1 {
-  margin-left: -.25rem;
-  margin-right: -.25rem
+  margin-left: calc(var(--cal-spacing-1) * -1);
+  margin-right: calc(var(--cal-spacing-1) * -1);
 }
-
 .-mx-2 {
-  margin-left: -.5rem;
-  margin-right: -.5rem
+  margin-left: calc(var(--cal-spacing-2) * -1);
+  margin-right: calc(var(--cal-spacing-2) * -1);
+}
+.-mx-3 {
+  margin-left: calc(var(--cal-spacing-3) * -1);
+  margin-right: calc(var(--cal-spacing-3) * -1);
 }
-
 .-mx-4 {
-  margin-left: -1rem;
-  margin-right: -1rem
+  margin-left: calc(var(--cal-spacing-4) * -1);
+  margin-right: calc(var(--cal-spacing-4) * -1);
 }
-
 .-mx-8 {
-  margin-left: -2rem;
-  margin-right: -2rem
+  margin-left: calc(var(--cal-spacing-8) * -1);
+  margin-right: calc(var(--cal-spacing-8) * -1);
 }
-
 .-mx-9 {
-  margin-left: -2.25rem;
-  margin-right: -2.25rem
+  margin-left: calc(var(--cal-spacing-9) * -1);
+  margin-right: calc(var(--cal-spacing-9) * -1);
 }
-
 .-my-1 {
-  margin-top: -.25rem;
-  margin-bottom: -.25rem
+  margin-top: calc(var(--cal-spacing-1) * -1);
+  margin-bottom: calc(var(--cal-spacing-1) * -1);
 }
-
 .mx-0 {
-  margin-left: 0;
-  margin-right: 0
+  margin-left: var(--cal-spacing-0);
+  margin-right: var(--cal-spacing-0);
 }
-
 .mx-1 {
-  margin-left: .25rem;
-  margin-right: .25rem
+  margin-left: var(--cal-spacing-1);
+  margin-right: var(--cal-spacing-1);
+}
+.mx-10 {
+  margin-left: var(--cal-spacing-10);
+  margin-right: var(--cal-spacing-10);
 }
-
 .mx-2 {
-  margin-left: .5rem;
-  margin-right: .5rem
+  margin-left: var(--cal-spacing-2);
+  margin-right: var(--cal-spacing-2);
 }
-
 .mx-3 {
-  margin-left: .75rem;
-  margin-right: .75rem
+  margin-left: var(--cal-spacing-3);
+  margin-right: var(--cal-spacing-3);
 }
-
 .mx-4 {
-  margin-left: 1rem;
-  margin-right: 1rem
+  margin-left: var(--cal-spacing-4);
+  margin-right: var(--cal-spacing-4);
 }
-
 .mx-5 {
-  margin-left: 1.25rem;
-  margin-right: 1.25rem
+  margin-left: var(--cal-spacing-5);
+  margin-right: var(--cal-spacing-5);
 }
-
 .mx-6 {
-  margin-left: 1.5rem;
-  margin-right: 1.5rem
+  margin-left: var(--cal-spacing-6);
+  margin-right: var(--cal-spacing-6);
 }
-
 .mx-8 {
-  margin-left: 2rem;
-  margin-right: 2rem
+  margin-left: var(--cal-spacing-8);
+  margin-right: var(--cal-spacing-8);
 }
-
 .mx-auto {
   margin-left: auto;
-  margin-right: auto
+  margin-right: auto;
 }
-
 .my-0 {
-  margin-top: 0;
-  margin-bottom: 0
-}
-
-.my-0\.5 {
-  margin-top: .125rem;
-  margin-bottom: .125rem
+  margin-top: var(--cal-spacing-0);
+  margin-bottom: var(--cal-spacing-0);
 }
-
 .my-1 {
-  margin-top: .25rem;
-  margin-bottom: .25rem
+  margin-top: var(--cal-spacing-1);
+  margin-bottom: var(--cal-spacing-1);
 }
-
 .my-1\.5 {
-  margin-top: .375rem;
-  margin-bottom: .375rem
+  margin-top: var(--cal-spacing-1_5);
+  margin-bottom: var(--cal-spacing-1_5);
 }
-
 .my-2 {
-  margin-top: .5rem;
-  margin-bottom: .5rem
+  margin-top: var(--cal-spacing-2);
+  margin-bottom: var(--cal-spacing-2);
 }
-
 .my-2\.5 {
-  margin-top: .625rem;
-  margin-bottom: .625rem
+  margin-top: var(--cal-spacing-2_5);
+  margin-bottom: var(--cal-spacing-2_5);
 }
-
 .my-24 {
-  margin-top: 6rem;
-  margin-bottom: 6rem
+  margin-top: var(--cal-spacing-24);
+  margin-bottom: var(--cal-spacing-24);
 }
-
 .my-3 {
-  margin-top: .75rem;
-  margin-bottom: .75rem
+  margin-top: var(--cal-spacing-3);
+  margin-bottom: var(--cal-spacing-3);
 }
-
 .my-4 {
-  margin-top: 1rem;
-  margin-bottom: 1rem
+  margin-top: var(--cal-spacing-4);
+  margin-bottom: var(--cal-spacing-4);
 }
-
 .my-5 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem
+  margin-top: var(--cal-spacing-5);
+  margin-bottom: var(--cal-spacing-5);
 }
-
 .my-6 {
-  margin-top: 1.5rem;
-  margin-bottom: 1.5rem
+  margin-top: var(--cal-spacing-6);
+  margin-bottom: var(--cal-spacing-6);
 }
-
 .my-7 {
-  margin-top: 1.75rem;
-  margin-bottom: 1.75rem
+  margin-top: var(--cal-spacing-7);
+  margin-bottom: var(--cal-spacing-7);
 }
-
 .my-8 {
-  margin-top: 2rem;
-  margin-bottom: 2rem
+  margin-top: var(--cal-spacing-8);
+  margin-bottom: var(--cal-spacing-8);
 }
-
 .my-auto {
   margin-top: auto;
-  margin-bottom: auto
+  margin-bottom: auto;
 }
-
 .\!mb-0 {
-  margin-bottom: 0!important
+  margin-bottom: var(--cal-spacing-0) !important;
 }
-
 .\!mb-3 {
-  margin-bottom: .75rem!important
+  margin-bottom: var(--cal-spacing-3) !important;
 }
-
 .\!mt-0 {
-  margin-top: 0!important
+  margin-top: var(--cal-spacing-0) !important;
 }
-
 .\!mt-2 {
-  margin-top: .5rem!important
+  margin-top: var(--cal-spacing-2) !important;
 }
-
 .\!mt-4 {
-  margin-top: 1rem!important
+  margin-top: var(--cal-spacing-4) !important;
 }
-
 .-mb-0 {
-  margin-bottom: 0
+  margin-bottom: calc(var(--cal-spacing-0) * -1);
 }
-
 .-mb-1 {
-  margin-bottom: -.25rem
+  margin-bottom: calc(var(--cal-spacing-1) * -1);
 }
-
 .-mb-2 {
-  margin-bottom: -.5rem
+  margin-bottom: calc(var(--cal-spacing-2) * -1);
 }
-
 .-mb-20 {
-  margin-bottom: -5rem
+  margin-bottom: calc(var(--cal-spacing-20) * -1);
 }
-
 .-mb-3 {
-  margin-bottom: -.75rem
+  margin-bottom: calc(var(--cal-spacing-3) * -1);
 }
-
 .-mb-4 {
-  margin-bottom: -1rem
+  margin-bottom: calc(var(--cal-spacing-4) * -1);
 }
-
 .-mb-6 {
-  margin-bottom: -1.5rem
+  margin-bottom: calc(var(--cal-spacing-6) * -1);
+}
+.-mb-9 {
+  margin-bottom: calc(var(--cal-spacing-9) * -1);
 }
-
 .-mb-px {
-  margin-bottom: -1px
+  margin-bottom: calc(var(--cal-spacing-px) * -1);
 }
-
 .-ml-0 {
-  margin-left: 0
+  margin-left: calc(var(--cal-spacing-0) * -1);
 }
-
 .-ml-0\.5 {
-  margin-left: -.125rem
+  margin-left: calc(var(--cal-spacing-0_5) * -1);
 }
-
 .-ml-1 {
-  margin-left: -.25rem
+  margin-left: calc(var(--cal-spacing-1) * -1);
+}
+.-ml-12 {
+  margin-left: calc(var(--cal-spacing-12) * -1);
 }
-
 .-ml-14 {
-  margin-left: -3.5rem
+  margin-left: calc(var(--cal-spacing-14) * -1);
 }
-
 .-ml-2 {
-  margin-left: -.5rem
+  margin-left: calc(var(--cal-spacing-2) * -1);
 }
-
 .-ml-3 {
-  margin-left: -.75rem
+  margin-left: calc(var(--cal-spacing-3) * -1);
 }
-
 .-ml-4 {
-  margin-left: -1rem
+  margin-left: calc(var(--cal-spacing-4) * -1);
 }
-
 .-ml-6 {
-  margin-left: -1.5rem
+  margin-left: calc(var(--cal-spacing-6) * -1);
 }
-
 .-ml-8 {
-  margin-left: -2rem
+  margin-left: calc(var(--cal-spacing-8) * -1);
 }
-
 .-ml-\[13px\] {
-  margin-left: -13px
+  margin-left: -13px;
 }
-
 .-ml-\[3px\] {
-  margin-left: -3px
+  margin-left: -3px;
 }
-
 .-ml-px {
-  margin-left: -1px
+  margin-left: calc(var(--cal-spacing-px) * -1);
 }
-
 .-mr-0 {
-  margin-right: 0
+  margin-right: calc(var(--cal-spacing-0) * -1);
 }
-
 .-mr-1 {
-  margin-right: -.25rem
+  margin-right: calc(var(--cal-spacing-1) * -1);
 }
-
 .-mr-2 {
-  margin-right: -.5rem
+  margin-right: calc(var(--cal-spacing-2) * -1);
 }
-
 .-mr-3 {
-  margin-right: -.75rem
+  margin-right: calc(var(--cal-spacing-3) * -1);
 }
-
 .-mr-4 {
-  margin-right: -1rem
+  margin-right: calc(var(--cal-spacing-4) * -1);
 }
-
 .-mr-6 {
-  margin-right: -1.5rem
+  margin-right: calc(var(--cal-spacing-6) * -1);
 }
-
 .-mr-px {
-  margin-right: -1px
+  margin-right: calc(var(--cal-spacing-px) * -1);
 }
-
 .-mt-0 {
-  margin-top: 0
+  margin-top: calc(var(--cal-spacing-0) * -1);
 }
-
 .-mt-0\.5 {
-  margin-top: -.125rem
+  margin-top: calc(var(--cal-spacing-0_5) * -1);
 }
-
 .-mt-1 {
-  margin-top: -.25rem
+  margin-top: calc(var(--cal-spacing-1) * -1);
 }
-
 .-mt-1\.5 {
-  margin-top: -.375rem
+  margin-top: calc(var(--cal-spacing-1_5) * -1);
 }
-
 .-mt-10 {
-  margin-top: -2.5rem
+  margin-top: calc(var(--cal-spacing-10) * -1);
 }
-
 .-mt-11 {
-  margin-top: -2.75rem
+  margin-top: calc(var(--cal-spacing-11) * -1);
 }
-
 .-mt-2 {
-  margin-top: -.5rem
+  margin-top: calc(var(--cal-spacing-2) * -1);
 }
-
 .-mt-2\.5 {
-  margin-top: -.625rem
+  margin-top: calc(var(--cal-spacing-2_5) * -1);
 }
-
 .-mt-3 {
-  margin-top: -.75rem
+  margin-top: calc(var(--cal-spacing-3) * -1);
 }
-
 .-mt-4 {
-  margin-top: -1rem
+  margin-top: calc(var(--cal-spacing-4) * -1);
 }
-
 .-mt-6 {
-  margin-top: -1.5rem
+  margin-top: calc(var(--cal-spacing-6) * -1);
 }
-
 .-mt-7 {
-  margin-top: -1.75rem
+  margin-top: calc(var(--cal-spacing-7) * -1);
 }
-
 .-mt-\[2px\] {
-  margin-top: -2px
+  margin-top: -2px;
 }
-
 .-mt-px {
-  margin-top: -1px
+  margin-top: calc(var(--cal-spacing-px) * -1);
 }
-
 .mb-0 {
-  margin-bottom: 0
+  margin-bottom: var(--cal-spacing-0);
 }
-
 .mb-0\.5 {
-  margin-bottom: .125rem
+  margin-bottom: var(--cal-spacing-0_5);
 }
-
 .mb-1 {
-  margin-bottom: .25rem
+  margin-bottom: var(--cal-spacing-1);
+}
+.mb-1\.5 {
+  margin-bottom: var(--cal-spacing-1_5);
 }
-
 .mb-10 {
-  margin-bottom: 2.5rem
+  margin-bottom: var(--cal-spacing-10);
+}
+.mb-11 {
+  margin-bottom: var(--cal-spacing-11);
 }
-
 .mb-16 {
-  margin-bottom: 4rem
+  margin-bottom: var(--cal-spacing-16);
 }
-
 .mb-2 {
-  margin-bottom: .5rem
+  margin-bottom: var(--cal-spacing-2);
 }
-
 .mb-2\.5 {
-  margin-bottom: .625rem
+  margin-bottom: var(--cal-spacing-2_5);
 }
-
 .mb-3 {
-  margin-bottom: .75rem
+  margin-bottom: var(--cal-spacing-3);
 }
-
 .mb-4 {
-  margin-bottom: 1rem
+  margin-bottom: var(--cal-spacing-4);
 }
-
 .mb-5 {
-  margin-bottom: 1.25rem
+  margin-bottom: var(--cal-spacing-5);
 }
-
 .mb-6 {
-  margin-bottom: 1.5rem
+  margin-bottom: var(--cal-spacing-6);
 }
-
 .mb-8 {
-  margin-bottom: 2rem
+  margin-bottom: var(--cal-spacing-8);
 }
-
 .mb-\[-1px\] {
-  margin-bottom: -1px
+  margin-bottom: -1px;
 }
-
 .mb-\[9px\] {
-  margin-bottom: 9px
+  margin-bottom: 9px;
 }
-
 .mb-auto {
-  margin-bottom: auto
+  margin-bottom: auto;
 }
-
 .mb-px {
-  margin-bottom: 1px
+  margin-bottom: var(--cal-spacing-px);
 }
-
 .me-1 {
-  -webkit-margin-end: .25rem;
-  margin-inline-end:.25rem}
-
+  -webkit-margin-end: var(--cal-spacing-1);
+          margin-inline-end: var(--cal-spacing-1);
+}
 .me-1\.5 {
-  -webkit-margin-end: .375rem;
-  margin-inline-end:.375rem}
-
+  -webkit-margin-end: var(--cal-spacing-1_5);
+          margin-inline-end: var(--cal-spacing-1_5);
+}
 .me-2 {
-  -webkit-margin-end: .5rem;
-  margin-inline-end:.5rem}
-
+  -webkit-margin-end: var(--cal-spacing-2);
+          margin-inline-end: var(--cal-spacing-2);
+}
 .me-3 {
-  -webkit-margin-end: .75rem;
-  margin-inline-end:.75rem}
-
+  -webkit-margin-end: var(--cal-spacing-3);
+          margin-inline-end: var(--cal-spacing-3);
+}
 .me-4 {
-  -webkit-margin-end: 1rem;
-  margin-inline-end:1rem}
-
+  -webkit-margin-end: var(--cal-spacing-4);
+          margin-inline-end: var(--cal-spacing-4);
+}
 .me-5 {
-  -webkit-margin-end: 1.25rem;
-  margin-inline-end:1.25rem}
-
+  -webkit-margin-end: var(--cal-spacing-5);
+          margin-inline-end: var(--cal-spacing-5);
+}
 .me-\[10px\] {
   -webkit-margin-end: 10px;
-  margin-inline-end:10px}
-
+          margin-inline-end: 10px;
+}
 .ml-0 {
-  margin-left: 0
+  margin-left: var(--cal-spacing-0);
 }
-
 .ml-1 {
-  margin-left: .25rem
+  margin-left: var(--cal-spacing-1);
 }
-
 .ml-1\.5 {
-  margin-left: .375rem
+  margin-left: var(--cal-spacing-1_5);
 }
-
 .ml-11 {
-  margin-left: 2.75rem
+  margin-left: var(--cal-spacing-11);
 }
-
 .ml-16 {
-  margin-left: 4rem
+  margin-left: var(--cal-spacing-16);
 }
-
 .ml-2 {
-  margin-left: .5rem
+  margin-left: var(--cal-spacing-2);
 }
-
 .ml-3 {
-  margin-left: .75rem
+  margin-left: var(--cal-spacing-3);
 }
-
 .ml-4 {
-  margin-left: 1rem
+  margin-left: var(--cal-spacing-4);
 }
-
 .ml-5 {
-  margin-left: 1.25rem
+  margin-left: var(--cal-spacing-5);
 }
-
 .ml-6 {
-  margin-left: 1.5rem
+  margin-left: var(--cal-spacing-6);
 }
-
 .ml-7 {
-  margin-left: 1.75rem
+  margin-left: var(--cal-spacing-7);
 }
-
 .ml-8 {
-  margin-left: 2rem
+  margin-left: var(--cal-spacing-8);
 }
-
 .ml-\[-1px\] {
-  margin-left: -1px
+  margin-left: -1px;
+}
+.ml-\[-4px\] {
+  margin-left: -4px;
 }
-
 .ml-auto {
-  margin-left: auto
+  margin-left: auto;
 }
-
 .ml-px {
-  margin-left: 1px
+  margin-left: var(--cal-spacing-px);
 }
-
 .mr-0 {
-  margin-right: 0
+  margin-right: var(--cal-spacing-0);
 }
-
 .mr-1 {
-  margin-right: .25rem
+  margin-right: var(--cal-spacing-1);
 }
-
 .mr-1\.5 {
-  margin-right: .375rem
+  margin-right: var(--cal-spacing-1_5);
 }
-
 .mr-12 {
-  margin-right: 3rem
+  margin-right: var(--cal-spacing-12);
 }
-
 .mr-2 {
-  margin-right: .5rem
+  margin-right: var(--cal-spacing-2);
 }
-
 .mr-3 {
-  margin-right: .75rem
+  margin-right: var(--cal-spacing-3);
 }
-
 .mr-4 {
-  margin-right: 1rem
+  margin-right: var(--cal-spacing-4);
 }
-
 .mr-5 {
-  margin-right: 1.25rem
+  margin-right: var(--cal-spacing-5);
 }
-
 .mr-6 {
-  margin-right: 1.5rem
+  margin-right: var(--cal-spacing-6);
 }
-
 .mr-7 {
-  margin-right: 1.75rem
+  margin-right: var(--cal-spacing-7);
 }
-
 .mr-8 {
-  margin-right: 2rem
+  margin-right: var(--cal-spacing-8);
 }
-
 .mr-\[11px\] {
-  margin-right: 11px
+  margin-right: 11px;
 }
-
 .mr-\[9px\] {
-  margin-right: 9px
+  margin-right: 9px;
 }
-
 .mr-auto {
-  margin-right: auto
+  margin-right: auto;
 }
-
 .mr-px {
-  margin-right: 1px
+  margin-right: var(--cal-spacing-px);
 }
-
 .ms-1 {
-  -webkit-margin-start: .25rem;
-  margin-inline-start:.25rem}
-
+  -webkit-margin-start: var(--cal-spacing-1);
+          margin-inline-start: var(--cal-spacing-1);
+}
 .ms-2 {
-  -webkit-margin-start: .5rem;
-  margin-inline-start:.5rem}
-
+  -webkit-margin-start: var(--cal-spacing-2);
+          margin-inline-start: var(--cal-spacing-2);
+}
 .ms-3 {
-  -webkit-margin-start: .75rem;
-  margin-inline-start:.75rem}
-
+  -webkit-margin-start: var(--cal-spacing-3);
+          margin-inline-start: var(--cal-spacing-3);
+}
 .ms-4 {
-  -webkit-margin-start: 1rem;
-  margin-inline-start:1rem}
-
+  -webkit-margin-start: var(--cal-spacing-4);
+          margin-inline-start: var(--cal-spacing-4);
+}
 .ms-auto {
   -webkit-margin-start: auto;
-  margin-inline-start:auto}
-
+          margin-inline-start: auto;
+}
 .mt-0 {
-  margin-top: 0
+  margin-top: var(--cal-spacing-0);
 }
-
 .mt-0\.5 {
-  margin-top: .125rem
+  margin-top: var(--cal-spacing-0_5);
 }
-
 .mt-1 {
-  margin-top: .25rem
+  margin-top: var(--cal-spacing-1);
 }
-
 .mt-1\.5 {
-  margin-top: .375rem
+  margin-top: var(--cal-spacing-1_5);
 }
-
 .mt-10 {
-  margin-top: 2.5rem
+  margin-top: var(--cal-spacing-10);
 }
-
 .mt-12 {
-  margin-top: 3rem
+  margin-top: var(--cal-spacing-12);
 }
-
 .mt-2 {
-  margin-top: .5rem
+  margin-top: var(--cal-spacing-2);
 }
-
 .mt-2\.5 {
-  margin-top: .625rem
+  margin-top: var(--cal-spacing-2_5);
 }
-
 .mt-24 {
-  margin-top: 6rem
+  margin-top: var(--cal-spacing-24);
 }
-
 .mt-3 {
-  margin-top: .75rem
+  margin-top: var(--cal-spacing-3);
 }
-
 .mt-4 {
-  margin-top: 1rem
+  margin-top: var(--cal-spacing-4);
 }
-
 .mt-5 {
-  margin-top: 1.25rem
+  margin-top: var(--cal-spacing-5);
 }
-
 .mt-6 {
-  margin-top: 1.5rem
+  margin-top: var(--cal-spacing-6);
 }
-
 .mt-7 {
-  margin-top: 1.75rem
+  margin-top: var(--cal-spacing-7);
 }
-
 .mt-8 {
-  margin-top: 2rem
+  margin-top: var(--cal-spacing-8);
 }
-
 .mt-9 {
-  margin-top: 2.25rem
+  margin-top: var(--cal-spacing-9);
 }
-
 .mt-\[22px\] {
-  margin-top: 22px
+  margin-top: 22px;
 }
-
 .mt-\[2px\] {
-  margin-top: 2px
+  margin-top: 2px;
 }
-
 .mt-\[3px\] {
-  margin-top: 3px
+  margin-top: 3px;
 }
-
 .mt-\[9px\] {
-  margin-top: 9px
+  margin-top: 9px;
 }
-
 .mt-auto {
-  margin-top: auto
+  margin-top: auto;
 }
-
 .mt-px {
-  margin-top: 1px
+  margin-top: var(--cal-spacing-px);
 }
-
 .box-border {
-  box-sizing: border-box
+  box-sizing: border-box;
 }
-
 .line-clamp-1 {
-  -webkit-line-clamp: 1
-}
-
-.line-clamp-1,.line-clamp-2 {
   overflow: hidden;
   display: -webkit-box;
-  -webkit-box-orient: vertical
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
 }
-
 .line-clamp-2 {
-  -webkit-line-clamp: 2
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
 }
-
 .line-clamp-3 {
-  -webkit-line-clamp: 3
-}
-
-.line-clamp-3,.line-clamp-4 {
   overflow: hidden;
   display: -webkit-box;
-  -webkit-box-orient: vertical
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
 }
-
 .line-clamp-4 {
-  -webkit-line-clamp: 4
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
 }
-
 .block {
-  display: block
+  display: block;
 }
-
 .inline-block {
-  display: inline-block
+  display: inline-block;
 }
-
 .inline {
-  display: inline
+  display: inline;
 }
-
 .\!flex {
-  display: flex!important
+  display: flex !important;
 }
-
 .flex {
-  display: flex
+  display: flex;
 }
-
 .inline-flex {
-  display: inline-flex
+  display: inline-flex;
 }
-
-.\!table {
-  display: table!important
-}
-
 .table {
-  display: table
+  display: table;
 }
-
 .inline-table {
-  display: inline-table
+  display: inline-table;
 }
-
 .table-caption {
-  display: table-caption
+  display: table-caption;
 }
-
 .table-cell {
-  display: table-cell
+  display: table-cell;
 }
-
 .table-column {
-  display: table-column
+  display: table-column;
 }
-
 .table-column-group {
-  display: table-column-group
+  display: table-column-group;
 }
-
 .table-footer-group {
-  display: table-footer-group
+  display: table-footer-group;
 }
-
 .table-header-group {
-  display: table-header-group
+  display: table-header-group;
 }
-
 .table-row-group {
-  display: table-row-group
+  display: table-row-group;
 }
-
 .table-row {
-  display: table-row
+  display: table-row;
 }
-
 .flow-root {
-  display: flow-root
+  display: flow-root;
 }
-
 .grid {
-  display: grid
+  display: grid;
 }
-
 .inline-grid {
-  display: inline-grid
+  display: inline-grid;
 }
-
 .contents {
-  display: contents
+  display: contents;
 }
-
 .list-item {
-  display: list-item
+  display: list-item;
+}
+.\!hidden {
+  display: none !important;
 }
-
 .hidden {
-  display: none
+  display: none;
 }
-
 .aspect-square {
-  aspect-ratio: 1/1
+  aspect-ratio: 1 / 1;
 }
-
 .aspect-video {
-  aspect-ratio: 16/9
+  aspect-ratio: 16 / 9;
 }
-
 .\!h-32 {
-  height: 8rem!important
+  height: var(--cal-spacing-32) !important;
 }
-
 .h-0 {
-  height: 0
+  height: var(--cal-spacing-0);
 }
-
 .h-0\.5 {
-  height: .125rem
+  height: var(--cal-spacing-0_5);
 }
-
 .h-1 {
-  height: .25rem
-}
-
-.h-1\/2 {
-  height: 50%
-}
-
-.h-1\/3 {
-  height: 33.333333%
-}
-
-.h-1\/4 {
-  height: 25%
+  height: var(--cal-spacing-1);
 }
-
 .h-10 {
-  height: 2.5rem
+  height: var(--cal-spacing-10);
 }
-
 .h-11 {
-  height: 2.75rem
+  height: var(--cal-spacing-11);
 }
-
 .h-12 {
-  height: 3rem
+  height: var(--cal-spacing-12);
 }
-
 .h-14 {
-  height: 3.5rem
+  height: var(--cal-spacing-14);
 }
-
 .h-16 {
-  height: 4rem
+  height: var(--cal-spacing-16);
 }
-
 .h-2 {
-  height: .5rem
+  height: var(--cal-spacing-2);
 }
-
 .h-2\.5 {
-  height: .625rem
+  height: var(--cal-spacing-2_5);
 }
-
 .h-20 {
-  height: 5rem
+  height: var(--cal-spacing-20);
 }
-
 .h-24 {
-  height: 6rem
+  height: var(--cal-spacing-24);
 }
-
 .h-3 {
-  height: .75rem
+  height: var(--cal-spacing-3);
 }
-
 .h-3\.5 {
-  height: .875rem
+  height: var(--cal-spacing-3_5);
 }
-
 .h-32 {
-  height: 8rem
+  height: var(--cal-spacing-32);
 }
-
 .h-4 {
-  height: 1rem
+  height: var(--cal-spacing-4);
 }
-
 .h-40 {
-  height: 10rem
+  height: var(--cal-spacing-40);
 }
-
 .h-44 {
-  height: 11rem
+  height: var(--cal-spacing-44);
 }
-
 .h-5 {
-  height: 1.25rem
+  height: var(--cal-spacing-5);
 }
-
-.h-5\/6 {
-  height: 83.333333%
+.h-52 {
+  height: var(--cal-spacing-52);
 }
-
 .h-6 {
-  height: 1.5rem
+  height: var(--cal-spacing-6);
 }
-
 .h-60 {
-  height: 15rem
+  height: var(--cal-spacing-60);
 }
-
 .h-64 {
-  height: 16rem
+  height: var(--cal-spacing-64);
 }
-
 .h-7 {
-  height: 1.75rem
+  height: var(--cal-spacing-7);
 }
-
 .h-8 {
-  height: 2rem
+  height: var(--cal-spacing-8);
 }
-
 .h-80 {
-  height: 20rem
+  height: var(--cal-spacing-80);
 }
-
 .h-9 {
-  height: 2.25rem
+  height: var(--cal-spacing-9);
 }
-
 .h-\[--calendar-offset-top\] {
-  height: var(--calendar-offset-top)
+  height: var(--calendar-offset-top);
 }
-
 .h-\[100vh\] {
-  height: 100vh
+  height: 100vh;
+}
+.h-\[102px\] {
+  height: 102px;
 }
-
 .h-\[10px\] {
-  height: 10px
+  height: 10px;
 }
-
 .h-\[110px\] {
-  height: 110px
+  height: 110px;
+}
+.h-\[12px\] {
+  height: 12px;
 }
-
 .h-\[14px\] {
-  height: 14px
+  height: 14px;
+}
+.h-\[150px\] {
+  height: 150px;
 }
-
 .h-\[16px\] {
-  height: 16px
+  height: 16px;
 }
-
 .h-\[1px\] {
-  height: 1px
+  height: 1px;
 }
-
 .h-\[200px\] {
-  height: 200px
+  height: 200px;
 }
-
 .h-\[20px\] {
-  height: 20px
+  height: 20px;
 }
-
 .h-\[212px\] {
-  height: 212px
+  height: 212px;
+}
+.h-\[216px\] {
+  height: 216px;
 }
-
 .h-\[26px\] {
-  height: 26px
+  height: 26px;
 }
-
 .h-\[28px\] {
-  height: 28px
+  height: 28px;
 }
-
 .h-\[34px\] {
-  height: 34px
+  height: 34px;
 }
-
 .h-\[36px\] {
-  height: 36px
+  height: 36px;
 }
-
 .h-\[38px\] {
-  height: 38px
+  height: 38px;
 }
-
 .h-\[400px\] {
-  height: 400px
+  height: 400px;
 }
-
 .h-\[40px\] {
-  height: 40px
+  height: 40px;
 }
-
 .h-\[414px\] {
-  height: 414px
+  height: 414px;
 }
-
 .h-\[54px\] {
-  height: 54px
+  height: 54px;
 }
-
 .h-\[55vh\] {
-  height: 55vh
+  height: 55vh;
 }
-
 .h-\[5px\] {
-  height: 5px
+  height: 5px;
+}
+.h-\[70\%\] {
+  height: 70%;
 }
-
 .h-\[70px\] {
-  height: 70px
+  height: 70px;
 }
-
 .h-\[72px\] {
-  height: 72px
+  height: 72px;
+}
+.h-\[75dvh\] {
+  height: 75dvh;
+}
+.h-\[80dvh\] {
+  height: 80dvh;
 }
-
 .h-\[90px\] {
-  height: 90px
+  height: 90px;
 }
-
-.h-\[90vh\] {
-  height: 90vh
+.h-\[95vh\] {
+  height: 95vh;
 }
-
 .h-\[calc\(100\%-50px\)\] {
-  height: calc(100% - 50px)
-}
-
-.h-\[calc\(100vh-2rem\)\] {
-  height: calc(100vh - 2rem)
+  height: calc(100% - 50px);
 }
-
 .h-auto {
-  height: auto
+  height: auto;
 }
-
 .h-fit {
   height: -moz-fit-content;
-  height: fit-content
+  height: fit-content;
 }
-
 .h-full {
-  height: 100%
+  height: 100%;
 }
-
 .h-min {
   height: -moz-min-content;
-  height: min-content
+  height: min-content;
 }
-
 .h-px {
-  height: 1px
+  height: var(--cal-spacing-px);
 }
-
 .h-screen {
-  height: 100vh
+  height: 100vh;
 }
-
 .max-h-20 {
-  max-height: 5rem
+  max-height: var(--cal-spacing-20);
 }
-
 .max-h-24 {
-  max-height: 6rem
+  max-height: var(--cal-spacing-24);
 }
-
 .max-h-4 {
-  max-height: 1rem
+  max-height: var(--cal-spacing-4);
 }
-
 .max-h-40 {
-  max-height: 10rem
+  max-height: var(--cal-spacing-40);
 }
-
 .max-h-48 {
-  max-height: 12rem
+  max-height: var(--cal-spacing-48);
 }
-
 .max-h-6 {
-  max-height: 1.5rem
+  max-height: var(--cal-spacing-6);
 }
-
 .max-h-64 {
-  max-height: 16rem
+  max-height: var(--cal-spacing-64);
 }
-
 .max-h-72 {
-  max-height: 18rem
+  max-height: var(--cal-spacing-72);
 }
-
 .max-h-80 {
-  max-height: 20rem
+  max-height: var(--cal-spacing-80);
 }
-
 .max-h-9 {
-  max-height: 2.25rem
+  max-height: var(--cal-spacing-9);
+}
+.max-h-97 {
+  max-height: 25rem;
 }
-
 .max-h-\[180px\] {
-  max-height: 180px
+  max-height: 180px;
 }
-
 .max-h-\[300px\] {
-  max-height: 300px
+  max-height: 300px;
 }
-
 .max-h-\[390px\] {
-  max-height: 390px
+  max-height: 390px;
+}
+.max-h-\[3em\] {
+  max-height: 3em;
 }
-
 .max-h-\[400px\] {
-  max-height: 400px
+  max-height: 400px;
 }
-
 .max-h-\[45vh\] {
-  max-height: 45vh
+  max-height: 45vh;
 }
-
 .max-h-\[500px\] {
-  max-height: 500px
+  max-height: 500px;
+}
+.max-h-\[80dvh\] {
+  max-height: 80dvh;
 }
-
 .max-h-\[80vh\] {
-  max-height: 80vh
+  max-height: 80vh;
 }
-
 .max-h-\[85vh\] {
-  max-height: 85vh
+  max-height: 85vh;
 }
-
 .max-h-\[95vh\] {
-  max-height: 95vh
+  max-height: 95vh;
 }
-
-.max-h-\[calc\(100vh-2rem\)\] {
-  max-height: calc(100vh - 2rem)
-}
-
 .max-h-fit {
   max-height: -moz-fit-content;
-  max-height: fit-content
+  max-height: fit-content;
 }
-
 .max-h-full {
-  max-height: 100%
+  max-height: 100%;
 }
-
 .max-h-none {
-  max-height: none
+  max-height: none;
 }
-
 .max-h-screen {
-  max-height: 100vh
+  max-height: 100vh;
 }
-
 .\!min-h-0 {
-  min-height: 0!important
+  min-height: var(--cal-spacing-0) !important;
 }
-
 .\!min-h-9 {
-  min-height: 2.25rem!important
+  min-height: var(--cal-spacing-9) !important;
 }
-
 .\!min-h-\[36px\] {
-  min-height: 36px!important
+  min-height: 36px !important;
 }
-
 .min-h-10 {
-  min-height: 2.5rem
+  min-height: var(--cal-spacing-10);
+}
+.min-h-14 {
+  min-height: var(--cal-spacing-14);
 }
-
 .min-h-16 {
-  min-height: 4rem
+  min-height: var(--cal-spacing-16);
+}
+.min-h-20 {
+  min-height: var(--cal-spacing-20);
 }
-
 .min-h-24 {
-  min-height: 6rem
+  min-height: var(--cal-spacing-24);
 }
-
 .min-h-3 {
-  min-height: .75rem
+  min-height: var(--cal-spacing-3);
 }
-
 .min-h-3\.5 {
-  min-height: .875rem
+  min-height: var(--cal-spacing-3_5);
+}
+.min-h-32 {
+  min-height: var(--cal-spacing-32);
 }
-
 .min-h-36 {
-  min-height: 9rem
+  min-height: var(--cal-spacing-36);
 }
-
 .min-h-4 {
-  min-height: 1rem
+  min-height: var(--cal-spacing-4);
 }
-
 .min-h-48 {
-  min-height: 12rem
+  min-height: var(--cal-spacing-48);
 }
-
 .min-h-5 {
-  min-height: 1.25rem
-}
-
-.min-h-52 {
-  min-height: 13rem
+  min-height: var(--cal-spacing-5);
 }
-
 .min-h-6 {
-  min-height: 1.5rem
+  min-height: var(--cal-spacing-6);
+}
+.min-h-7 {
+  min-height: var(--cal-spacing-7);
 }
-
 .min-h-8 {
-  min-height: 2rem
+  min-height: var(--cal-spacing-8);
 }
-
 .min-h-80 {
-  min-height: 20rem
+  min-height: var(--cal-spacing-80);
 }
-
 .min-h-9 {
-  min-height: 2.25rem
+  min-height: var(--cal-spacing-9);
 }
-
-.min-h-\[100dvh\] {
-  min-height: 100dvh
+.min-h-\[150px\] {
+  min-height: 150px;
 }
-
 .min-h-\[180px\] {
-  min-height: 180px
+  min-height: 180px;
 }
-
 .min-h-\[200px\] {
-  min-height: 200px
+  min-height: 200px;
 }
-
 .min-h-\[295px\] {
-  min-height: 295px
+  min-height: 295px;
 }
-
 .min-h-\[315px\] {
-  min-height: 315px
+  min-height: 315px;
 }
-
 .min-h-\[36px\] {
-  min-height: 36px
+  min-height: 36px;
 }
-
 .min-h-\[450px\] {
-  min-height: 450px
+  min-height: 450px;
+}
+.min-h-\[80px\] {
+  min-height: 80px;
 }
-
 .min-h-\[calc\(100dvh\)\] {
-  min-height: calc(100dvh)
+  min-height: calc(100dvh);
 }
-
 .min-h-full {
-  min-height: 100%
+  min-height: 100%;
 }
-
 .min-h-screen {
-  min-height: 100vh
+  min-height: 100vh;
 }
-
 .\!w-32 {
-  width: 8rem!important
+  width: var(--cal-spacing-32) !important;
 }
-
 .\!w-48 {
-  width: 12rem!important
+  width: var(--cal-spacing-48) !important;
 }
-
 .\!w-64 {
-  width: 16rem!important
+  width: var(--cal-spacing-64) !important;
 }
-
 .\!w-auto {
-  width: auto!important
+  width: auto !important;
 }
-
 .w-0 {
-  width: 0
+  width: var(--cal-spacing-0);
+}
+.w-0\.5 {
+  width: var(--cal-spacing-0_5);
 }
-
 .w-1 {
-  width: .25rem
+  width: var(--cal-spacing-1);
 }
-
 .w-1\/12 {
-  width: 8.333333%
+  width: 8.333333%;
 }
-
 .w-1\/2 {
-  width: 50%
+  width: 50%;
 }
-
 .w-1\/3 {
-  width: 33.333333%
+  width: 33.333333%;
 }
-
 .w-1\/4 {
-  width: 25%
+  width: 25%;
+}
+.w-1\/5 {
+  width: 20%;
 }
-
 .w-1\/6 {
-  width: 16.666667%
+  width: 16.666667%;
 }
-
 .w-10 {
-  width: 2.5rem
+  width: var(--cal-spacing-10);
 }
-
 .w-10\/12 {
-  width: 83.333333%
+  width: 83.333333%;
 }
-
 .w-11 {
-  width: 2.75rem
+  width: var(--cal-spacing-11);
 }
-
 .w-12 {
-  width: 3rem
+  width: var(--cal-spacing-12);
 }
-
 .w-14 {
-  width: 3.5rem
+  width: var(--cal-spacing-14);
 }
-
 .w-16 {
-  width: 4rem
+  width: var(--cal-spacing-16);
 }
-
 .w-2 {
-  width: .5rem
+  width: var(--cal-spacing-2);
 }
-
 .w-2\.5 {
-  width: .625rem
+  width: var(--cal-spacing-2_5);
 }
-
 .w-2\/3 {
-  width: 66.666667%
+  width: 66.666667%;
 }
-
 .w-20 {
-  width: 5rem
+  width: var(--cal-spacing-20);
 }
-
 .w-24 {
-  width: 6rem
+  width: var(--cal-spacing-24);
 }
-
 .w-28 {
-  width: 7rem
+  width: var(--cal-spacing-28);
 }
-
 .w-3 {
-  width: .75rem
+  width: var(--cal-spacing-3);
 }
-
 .w-3\.5 {
-  width: .875rem
+  width: var(--cal-spacing-3_5);
 }
-
 .w-3\/4 {
-  width: 75%
+  width: 75%;
+}
+.w-3\/5 {
+  width: 60%;
 }
-
 .w-32 {
-  width: 8rem
+  width: var(--cal-spacing-32);
 }
-
 .w-36 {
-  width: 9rem
+  width: var(--cal-spacing-36);
 }
-
 .w-4 {
-  width: 1rem
+  width: var(--cal-spacing-4);
 }
-
 .w-4\/5 {
-  width: 80%
+  width: 80%;
 }
-
 .w-40 {
-  width: 10rem
+  width: var(--cal-spacing-40);
 }
-
 .w-44 {
-  width: 11rem
+  width: var(--cal-spacing-44);
 }
-
 .w-48 {
-  width: 12rem
+  width: var(--cal-spacing-48);
 }
-
 .w-5 {
-  width: 1.25rem
+  width: var(--cal-spacing-5);
 }
-
-.w-5\/6 {
-  width: 83.333333%
-}
-
 .w-52 {
-  width: 13rem
+  width: var(--cal-spacing-52);
 }
-
 .w-56 {
-  width: 14rem
+  width: var(--cal-spacing-56);
 }
-
 .w-6 {
-  width: 1.5rem
+  width: var(--cal-spacing-6);
 }
-
 .w-60 {
-  width: 15rem
+  width: var(--cal-spacing-60);
 }
-
 .w-64 {
-  width: 16rem
+  width: var(--cal-spacing-64);
 }
-
 .w-7 {
-  width: 1.75rem
+  width: var(--cal-spacing-7);
 }
-
 .w-72 {
-  width: 18rem
+  width: var(--cal-spacing-72);
 }
-
 .w-8 {
-  width: 2rem
+  width: var(--cal-spacing-8);
 }
-
 .w-80 {
-  width: 20rem
+  width: var(--cal-spacing-80);
 }
-
 .w-9 {
-  width: 2.25rem
+  width: var(--cal-spacing-9);
+}
+.w-\[100\%\] {
+  width: 100%;
 }
-
 .w-\[100px\] {
-  width: 100px
+  width: 100px;
 }
-
 .w-\[106px\] {
-  width: 106px
+  width: 106px;
+}
+.w-\[10px\] {
+  width: 10px;
+}
+.w-\[110px\] {
+  width: 110px;
 }
-
 .w-\[120px\] {
-  width: 120px
+  width: 120px;
+}
+.w-\[12px\] {
+  width: 12px;
 }
-
 .w-\[130px\] {
-  width: 130px
+  width: 130px;
 }
-
 .w-\[14px\] {
-  width: 14px
+  width: 14px;
 }
-
 .w-\[16px\] {
-  width: 16px
+  width: 16px;
+}
+.w-\[1px\] {
+  width: 1px;
 }
-
 .w-\[20\%\] {
-  width: 20%
+  width: 20%;
 }
-
 .w-\[200px\] {
-  width: 200px
+  width: 200px;
 }
-
 .w-\[20px\] {
-  width: 20px
+  width: 20px;
+}
+.w-\[220px\] {
+  width: 220px;
+}
+.w-\[250px\] {
+  width: 250px;
 }
-
 .w-\[276px\] {
-  width: 276px
+  width: 276px;
+}
+.w-\[27px\] {
+  width: 27px;
+}
+.w-\[28px\] {
+  width: 28px;
 }
-
 .w-\[30rem\] {
-  width: 30rem
+  width: 30rem;
 }
-
 .w-\[34px\] {
-  width: 34px
+  width: 34px;
 }
-
 .w-\[36px\] {
-  width: 36px
+  width: 36px;
+}
+.w-\[40rem\] {
+  width: 40rem;
 }
-
 .w-\[42px\] {
-  width: 42px
+  width: 42px;
 }
-
 .w-\[46px\] {
-  width: 46px
+  width: 46px;
 }
-
 .w-\[49px\] {
-  width: 49px
+  width: 49px;
 }
-
 .w-\[5px\] {
-  width: 5px
+  width: 5px;
 }
-
 .w-\[70px\] {
-  width: 70px
+  width: 70px;
 }
-
 .w-\[72px\] {
-  width: 72px
+  width: 72px;
+}
+.w-\[80vw\] {
+  width: 80vw;
+}
+.w-\[90\%\] {
+  width: 90%;
 }
-
 .w-\[90px\] {
-  width: 90px
+  width: 90px;
+}
+.w-\[95vw\] {
+  width: 95vw;
 }
-
 .w-\[calc\(100\%\+16px\)\] {
-  width: calc(100% + 16px)
+  width: calc(100% + 16px);
 }
-
 .w-\[calc\(100\%-1px\)\] {
-  width: calc(100% - 1px)
-}
-
-.w-\[calc\(100\%-2rem\)\] {
-  width: calc(100% - 2rem)
+  width: calc(100% - 1px);
 }
-
 .w-\[var\(--booker-timeslots-width\)\] {
-  width: var(--booker-timeslots-width)
+  width: var(--booker-timeslots-width);
 }
-
 .w-auto {
-  width: auto
+  width: auto;
 }
-
 .w-fit {
   width: -moz-fit-content;
-  width: fit-content
+  width: fit-content;
 }
-
 .w-full {
-  width: 100%
+  width: 100%;
 }
-
 .w-max {
   width: -moz-max-content;
-  width: max-content
+  width: max-content;
 }
-
 .w-px {
-  width: 1px
+  width: var(--cal-spacing-px);
 }
-
 .w-screen {
-  width: 100vw
+  width: 100vw;
 }
-
 .min-w-0 {
-  min-width: 0
+  min-width: var(--cal-spacing-0);
 }
-
 .min-w-10 {
-  min-width: 2.5rem
+  min-width: var(--cal-spacing-10);
 }
-
 .min-w-16 {
-  min-width: 4rem
+  min-width: var(--cal-spacing-16);
 }
-
 .min-w-24 {
-  min-width: 6rem
+  min-width: var(--cal-spacing-24);
 }
-
 .min-w-3 {
-  min-width: .75rem
+  min-width: var(--cal-spacing-3);
 }
-
 .min-w-3\.5 {
-  min-width: .875rem
+  min-width: var(--cal-spacing-3_5);
 }
-
 .min-w-32 {
-  min-width: 8rem
+  min-width: var(--cal-spacing-32);
 }
-
 .min-w-4 {
-  min-width: 1rem
+  min-width: var(--cal-spacing-4);
 }
-
 .min-w-40 {
-  min-width: 10rem
+  min-width: var(--cal-spacing-40);
 }
-
 .min-w-48 {
-  min-width: 12rem
+  min-width: var(--cal-spacing-48);
 }
-
 .min-w-5 {
-  min-width: 1.25rem
+  min-width: var(--cal-spacing-5);
 }
-
 .min-w-56 {
-  min-width: 14rem
+  min-width: var(--cal-spacing-56);
 }
-
 .min-w-6 {
-  min-width: 1.5rem
+  min-width: var(--cal-spacing-6);
 }
-
 .min-w-60 {
-  min-width: 15rem
+  min-width: var(--cal-spacing-60);
 }
-
 .min-w-8 {
-  min-width: 2rem
+  min-width: var(--cal-spacing-8);
 }
-
 .min-w-80 {
-  min-width: 20rem
+  min-width: var(--cal-spacing-80);
 }
-
 .min-w-9 {
-  min-width: 2.25rem
+  min-width: var(--cal-spacing-9);
 }
-
 .min-w-\[10rem\] {
-  min-width: 10rem
+  min-width: 10rem;
 }
-
 .min-w-\[150px\] {
-  min-width: 150px
+  min-width: 150px;
 }
-
-.min-w-\[34px\] {
-  min-width: 34px
+.min-w-\[180px\] {
+  min-width: 180px;
+}
+.min-w-\[200px\] {
+  min-width: 200px;
 }
-
 .min-w-\[36px\] {
-  min-width: 36px
+  min-width: 36px;
 }
-
 .min-w-\[40px\] {
-  min-width: 40px
+  min-width: 40px;
 }
-
 .min-w-\[42px\] {
-  min-width: 42px
+  min-width: 42px;
 }
-
 .min-w-\[88px\] {
-  min-width: 88px
+  min-width: 88px;
 }
-
 .min-w-\[90\%\] {
-  min-width: 90%
+  min-width: 90%;
 }
-
 .min-w-fit {
   min-width: -moz-fit-content;
-  min-width: fit-content
+  min-width: fit-content;
 }
-
 .min-w-full {
-  min-width: 100%
+  min-width: 100%;
 }
-
 .min-w-max {
   min-width: -moz-max-content;
-  min-width: max-content
+  min-width: max-content;
 }
-
 .min-w-min {
   min-width: -moz-min-content;
-  min-width: min-content
+  min-width: min-content;
+}
+.max-w-24 {
+  max-width: var(--cal-spacing-24);
 }
-
 .max-w-28 {
-  max-width: 7rem
+  max-width: var(--cal-spacing-28);
 }
-
 .max-w-2xl {
-  max-width: 42rem
+  max-width: 42rem;
 }
-
 .max-w-36 {
-  max-width: 9rem
+  max-width: var(--cal-spacing-36);
 }
-
 .max-w-3xl {
-  max-width: 48rem
+  max-width: 48rem;
 }
-
 .max-w-44 {
-  max-width: 11rem
+  max-width: var(--cal-spacing-44);
 }
-
 .max-w-4xl {
-  max-width: 56rem
+  max-width: 56rem;
 }
-
 .max-w-52 {
-  max-width: 13rem
+  max-width: var(--cal-spacing-52);
 }
-
 .max-w-56 {
-  max-width: 14rem
+  max-width: var(--cal-spacing-56);
 }
-
 .max-w-5xl {
-  max-width: 64rem
+  max-width: 64rem;
 }
-
 .max-w-60 {
-  max-width: 15rem
+  max-width: var(--cal-spacing-60);
 }
-
 .max-w-64 {
-  max-width: 16rem
+  max-width: var(--cal-spacing-64);
 }
-
 .max-w-7xl {
-  max-width: 80rem
+  max-width: 80rem;
 }
-
 .max-w-80 {
-  max-width: 20rem
-}
-
-.max-w-96 {
-  max-width: 24rem
+  max-width: var(--cal-spacing-80);
 }
-
 .max-w-\[1440px\] {
-  max-width: 1440px
+  max-width: 1440px;
 }
-
 .max-w-\[2000px\] {
-  max-width: 2000px
+  max-width: 2000px;
+}
+.max-w-\[200px\] {
+  max-width: 200px;
 }
-
 .max-w-\[22rem\] {
-  max-width: 22rem
+  max-width: 22rem;
 }
-
 .max-w-\[250px\] {
-  max-width: 250px
+  max-width: 250px;
 }
-
 .max-w-\[280px\] {
-  max-width: 280px
+  max-width: 280px;
 }
-
 .max-w-\[420px\] {
-  max-width: 420px
+  max-width: 420px;
 }
-
 .max-w-\[43em\] {
-  max-width: 43em
+  max-width: 43em;
+}
+.max-w-\[450px\] {
+  max-width: 450px;
 }
-
 .max-w-\[500px\] {
-  max-width: 500px
+  max-width: 500px;
 }
-
 .max-w-\[50ch\] {
-  max-width: 50ch
+  max-width: 50ch;
 }
-
 .max-w-\[600px\] {
-  max-width: 600px
+  max-width: 600px;
 }
-
 .max-w-\[90\%\] {
-  max-width: 90%
+  max-width: 90%;
 }
-
 .max-w-\[90vw\] {
-  max-width: 90vw
+  max-width: 90vw;
 }
-
 .max-w-full {
-  max-width: 100%
+  max-width: 100%;
+}
+.max-w-lg {
+  max-width: 32rem;
 }
-
 .max-w-md {
-  max-width: 28rem
+  max-width: 28rem;
 }
-
 .max-w-none {
-  max-width: none
+  max-width: none;
 }
-
 .max-w-screen {
-  max-width: 100vw
+  max-width: 100vw;
 }
-
 .max-w-screen-lg {
-  max-width: 1024px
+  max-width: 1024px;
 }
-
 .max-w-screen-sm {
-  max-width: 640px
+  max-width: 640px;
 }
-
 .max-w-sm {
-  max-width: 24rem
+  max-width: 24rem;
 }
-
 .max-w-xl {
-  max-width: 36rem
+  max-width: 36rem;
 }
-
 .max-w-xs {
-  max-width: 20rem
+  max-width: 20rem;
 }
-
 .flex-1 {
-  flex: 1 1 0%
+  flex: 1 1 0%;
 }
-
 .flex-auto {
-  flex: 1 1 auto
+  flex: 1 1 auto;
 }
-
 .flex-none {
-  flex: none
+  flex: none;
 }
-
 .flex-shrink {
-  flex-shrink: 1
+  flex-shrink: 1;
 }
-
 .flex-shrink-0 {
-  flex-shrink: 0
+  flex-shrink: 0;
 }
-
 .shrink {
-  flex-shrink: 1
+  flex-shrink: 1;
 }
-
 .shrink-0 {
-  flex-shrink: 0
+  flex-shrink: 0;
 }
-
 .flex-grow {
-  flex-grow: 1
+  flex-grow: 1;
 }
-
 .flex-grow-0 {
-  flex-grow: 0
+  flex-grow: 0;
 }
-
 .grow {
-  flex-grow: 1
+  flex-grow: 1;
+}
+.basis-1\/3 {
+  flex-basis: 33.333333%;
 }
-
 .basis-1\/5 {
-  flex-basis: 20%
+  flex-basis: 20%;
+}
+.basis-2\/3 {
+  flex-basis: 66.666667%;
 }
-
 .basis-2\/5 {
-  flex-basis: 40%
+  flex-basis: 40%;
 }
-
 .basis-3\/5 {
-  flex-basis: 60%
+  flex-basis: 60%;
 }
-
 .table-fixed {
-  table-layout: fixed
+  table-layout: fixed;
 }
-
 .caption-bottom {
-  caption-side: bottom
+  caption-side: bottom;
 }
-
 .border-collapse {
-  border-collapse: collapse
+  border-collapse: collapse;
 }
-
 .border-separate {
-  border-collapse: separate
+  border-collapse: separate;
 }
-
 .border-spacing-0 {
-  --tw-border-spacing-x: 0px;
-  --tw-border-spacing-y: 0px;
-  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
+  --tw-border-spacing-x: var(--cal-spacing-0);
+  --tw-border-spacing-y: var(--cal-spacing-0);
+  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
 }
-
 .origin-center {
-  transform-origin: center
+  transform-origin: center;
 }
-
 .origin-top-right {
-  transform-origin: top right
+  transform-origin: top right;
 }
-
 .-translate-x-0 {
-  --tw-translate-x: -0px
-}
-
-.-translate-x-0,.-translate-x-0\.5 {
-  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+  --tw-translate-x: calc(var(--cal-spacing-0) * -1);
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .-translate-x-0\.5 {
-  --tw-translate-x: -0.125rem
+  --tw-translate-x: calc(var(--cal-spacing-0_5) * -1);
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .-translate-x-1\/2 {
-  --tw-translate-x: -50%
-}
-
-.-translate-x-1\/2,.-translate-x-\[228px\] {
-  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+  --tw-translate-x: -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));
 }
-
 .-translate-x-\[228px\] {
-  --tw-translate-x: -228px
+  --tw-translate-x: -228px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .-translate-x-\[232px\] {
-  --tw-translate-x: -232px
-}
-
-.-translate-x-\[232px\],.-translate-x-full {
-  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+  --tw-translate-x: -232px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .-translate-x-full {
-  --tw-translate-x: -100%
+  --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-1\/2 {
-  --tw-translate-y: -50%
-}
-
-.-translate-y-1\/2,.translate-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))
+  --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));
 }
-
 .translate-x-0 {
-  --tw-translate-x: 0px
+  --tw-translate-x: var(--cal-spacing-0);
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .translate-x-1\/2 {
-  --tw-translate-x: 50%
+  --tw-translate-x: 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));
 }
-
-.translate-x-1\/2,.translate-x-full {
-  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+.translate-x-\[-50\%\] {
+  --tw-translate-x: -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));
 }
-
 .translate-x-full {
-  --tw-translate-x: 100%
+  --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-\[2px\] {
-  --tw-translate-y: 2px
+.translate-y-\[-50\%\] {
+  --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));
 }
-
-.translate-y-\[2px\],.translate-y-\[8px\] {
-  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-\[2px\] {
+  --tw-translate-y: 2px;
+  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-\[8px\] {
-  --tw-translate-y: 8px
+  --tw-translate-y: 8px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .-rotate-180 {
-  --tw-rotate: -180deg
+  --tw-rotate: -180deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
-.-rotate-180,.rotate-180 {
-  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
+.-rotate-\[24deg\] {
+  --tw-rotate: -24deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .rotate-180 {
-  --tw-rotate: 180deg
+  --tw-rotate: 180deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .rotate-45 {
-  --tw-rotate: 45deg
+  --tw-rotate: 45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
-.rotate-45,.scale-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))
+.rotate-\[24deg\] {
+  --tw-rotate: 24deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.rotate-\[56deg\] {
+  --tw-rotate: 56deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
 .scale-0 {
   --tw-scale-x: 0;
-  --tw-scale-y: 0
-}
-
-.scale-100 {
-  --tw-scale-x: 1;
-  --tw-scale-y: 1
+  --tw-scale-y: 0;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-
-.scale-100,.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 {
+  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));
 }
-
 @keyframes fade-in-up {
-  0% {
-      opacity: 0;
-      transform: translateY(10px)
+
+  from {
+    opacity: 0;
+    transform: translateY(10px);
   }
 
   to {
-      opacity: 1;
-      transform: none
+    opacity: 1;
+    transform: none;
   }
 }
-
 .animate-fade-in-up {
-  animation: fade-in-up .6s var(--animation-delay,0ms) cubic-bezier(.21,1.02,.73,1) forwards
+  animation: fade-in-up 600ms var(--animation-delay, 0ms) cubic-bezier(.21,1.02,.73,1) forwards;
 }
+@keyframes pulse {
 
+  50% {
+    opacity: .5;
+  }
+}
 .animate-pulse {
-  animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
-
 @keyframes spin {
+
   to {
-      transform: rotate(1turn)
+    transform: rotate(360deg);
   }
 }
-
 .animate-spin {
-  animation: spin 1s linear infinite
+  animation: spin 1s linear infinite;
 }
-
 @keyframes spinning {
-  to {
-      transform: rotate(1turn)
+
+  100% {
+    transform: rotate(360deg);
   }
 }
-
 .animate-spinning {
-  animation: spinning .75s linear infinite
+  animation: spinning 0.75s linear infinite;
 }
-
 .\!cursor-pointer {
-  cursor: pointer!important
+  cursor: pointer !important;
+}
+.cursor-col-resize {
+  cursor: col-resize;
 }
-
 .cursor-default {
-  cursor: default
+  cursor: default;
+}
+.cursor-none {
+  cursor: none;
 }
-
 .cursor-not-allowed {
-  cursor: not-allowed
+  cursor: not-allowed;
 }
-
 .cursor-pointer {
-  cursor: pointer
+  cursor: pointer;
 }
-
 .cursor-text {
-  cursor: text
+  cursor: text;
 }
-
 .cursor-wait {
-  cursor: wait
+  cursor: wait;
+}
+.touch-none {
+  touch-action: none;
 }
-
 .select-none {
   -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none
+     -moz-user-select: none;
+          user-select: none;
 }
-
 .resize {
-  resize: both
+  resize: both;
 }
-
 .snap-x {
-  scroll-snap-type: x var(--tw-scroll-snap-strictness)
+  scroll-snap-type: x var(--tw-scroll-snap-strictness);
 }
-
 .snap-mandatory {
-  --tw-scroll-snap-strictness: mandatory
+  --tw-scroll-snap-strictness: mandatory;
 }
-
 .snap-center {
-  scroll-snap-align: center
+  scroll-snap-align: center;
 }
-
 .list-decimal {
-  list-style-type: decimal
+  list-style-type: decimal;
 }
-
 .list-disc {
-  list-style-type: disc
+  list-style-type: disc;
+}
+.list-none {
+  list-style-type: none;
 }
-
 .appearance-none {
   -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none
+     -moz-appearance: none;
+          appearance: none;
+}
+.columns-3 {
+  -moz-columns: 3;
+       columns: 3;
 }
-
 .auto-cols-auto {
-  grid-auto-columns: auto
+  grid-auto-columns: auto;
 }
-
 .auto-cols-fr {
-  grid-auto-columns: minmax(0,1fr)
+  grid-auto-columns: minmax(0, 1fr);
 }
-
 .grid-cols-1 {
-  grid-template-columns: repeat(1,minmax(0,1fr))
+  grid-template-columns: repeat(1, minmax(0, 1fr));
 }
-
 .grid-cols-10 {
-  grid-template-columns: repeat(10,minmax(0,1fr))
+  grid-template-columns: repeat(10, minmax(0, 1fr));
 }
-
 .grid-cols-11 {
-  grid-template-columns: repeat(11,minmax(0,1fr))
+  grid-template-columns: repeat(11, minmax(0, 1fr));
 }
-
 .grid-cols-12 {
-  grid-template-columns: repeat(12,minmax(0,1fr))
+  grid-template-columns: repeat(12, minmax(0, 1fr));
 }
-
 .grid-cols-2 {
-  grid-template-columns: repeat(2,minmax(0,1fr))
+  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
-
 .grid-cols-3 {
-  grid-template-columns: repeat(3,minmax(0,1fr))
+  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
-
 .grid-cols-4 {
-  grid-template-columns: repeat(4,minmax(0,1fr))
+  grid-template-columns: repeat(4, minmax(0, 1fr));
 }
-
 .grid-cols-5 {
-  grid-template-columns: repeat(5,minmax(0,1fr))
+  grid-template-columns: repeat(5, minmax(0, 1fr));
 }
-
 .grid-cols-6 {
-  grid-template-columns: repeat(6,minmax(0,1fr))
+  grid-template-columns: repeat(6, minmax(0, 1fr));
 }
-
 .grid-cols-7 {
-  grid-template-columns: repeat(7,minmax(0,1fr))
+  grid-template-columns: repeat(7, minmax(0, 1fr));
 }
-
 .grid-cols-8 {
-  grid-template-columns: repeat(8,minmax(0,1fr))
+  grid-template-columns: repeat(8, minmax(0, 1fr));
 }
-
 .grid-cols-9 {
-  grid-template-columns: repeat(9,minmax(0,1fr))
+  grid-template-columns: repeat(9, minmax(0, 1fr));
 }
-
 .grid-cols-none {
-  grid-template-columns: none
+  grid-template-columns: none;
 }
-
 .grid-rows-1 {
-  grid-template-rows: repeat(1,minmax(0,1fr))
+  grid-template-rows: repeat(1, minmax(0, 1fr));
 }
-
 .grid-rows-2 {
-  grid-template-rows: repeat(2,minmax(0,1fr))
+  grid-template-rows: repeat(2, minmax(0, 1fr));
+}
+.grid-rows-6 {
+  grid-template-rows: repeat(6, minmax(0, 1fr));
 }
-
 .flex-row {
-  flex-direction: row
+  flex-direction: row;
 }
-
 .flex-row-reverse {
-  flex-direction: row-reverse
+  flex-direction: row-reverse;
 }
-
 .flex-col {
-  flex-direction: column
+  flex-direction: column;
 }
-
 .flex-col-reverse {
-  flex-direction: column-reverse
+  flex-direction: column-reverse;
 }
-
 .flex-wrap {
-  flex-wrap: wrap
+  flex-wrap: wrap;
 }
-
 .flex-nowrap {
-  flex-wrap: nowrap
+  flex-wrap: nowrap;
+}
+.place-items-center {
+  place-items: center;
 }
-
 .content-center {
-  align-content: center
+  align-content: center;
 }
-
 .items-start {
-  align-items: flex-start
+  align-items: flex-start;
 }
-
 .items-end {
-  align-items: flex-end
+  align-items: flex-end;
 }
-
 .items-center {
-  align-items: center
+  align-items: center;
 }
-
 .items-baseline {
-  align-items: baseline
+  align-items: baseline;
 }
-
 .items-stretch {
-  align-items: stretch
+  align-items: stretch;
 }
-
 .justify-start {
-  justify-content: flex-start
+  justify-content: flex-start;
 }
-
 .justify-end {
-  justify-content: flex-end
+  justify-content: flex-end;
 }
-
 .justify-center {
-  justify-content: center
+  justify-content: center;
 }
-
 .justify-between {
-  justify-content: space-between
+  justify-content: space-between;
 }
-
 .justify-around {
-  justify-content: space-around
+  justify-content: space-around;
 }
-
 .justify-evenly {
-  justify-content: space-evenly
+  justify-content: space-evenly;
 }
-
 .justify-items-center {
-  justify-items: center
+  justify-items: center;
 }
-
 .gap-0 {
-  gap: 0
+  gap: var(--cal-spacing-0);
 }
-
 .gap-0\.5 {
-  gap: .125rem
+  gap: var(--cal-spacing-0_5);
 }
-
 .gap-1 {
-  gap: .25rem;
+  gap: var(--cal-spacing-1);
+}
+.gap-1\.5 {
+  gap: var(--cal-spacing-1_5);
 }
-
 .gap-2 {
-  gap: .5rem
+  gap: var(--cal-spacing-2);
 }
-
 .gap-3 {
-  gap: .75rem
+  gap: var(--cal-spacing-3);
 }
-
 .gap-4 {
-  gap: 1rem
+  gap: var(--cal-spacing-4);
 }
-
 .gap-5 {
-  gap: 1.25rem
+  gap: var(--cal-spacing-5);
 }
-
 .gap-6 {
-  gap: 1.5rem
+  gap: var(--cal-spacing-6);
 }
-
 .gap-8 {
-  gap: 2rem
+  gap: var(--cal-spacing-8);
 }
-
 .gap-x-1 {
-  -moz-column-gap: .25rem;
-  column-gap: .25rem
+  -moz-column-gap: var(--cal-spacing-1);
+       column-gap: var(--cal-spacing-1);
 }
-
 .gap-x-2 {
-  -moz-column-gap: .5rem;
-  column-gap: .5rem
+  -moz-column-gap: var(--cal-spacing-2);
+       column-gap: var(--cal-spacing-2);
 }
-
 .gap-x-3 {
-  -moz-column-gap: .75rem;
-  column-gap: .75rem
+  -moz-column-gap: var(--cal-spacing-3);
+       column-gap: var(--cal-spacing-3);
 }
-
 .gap-x-4 {
-  -moz-column-gap: 1rem;
-  column-gap: 1rem
+  -moz-column-gap: var(--cal-spacing-4);
+       column-gap: var(--cal-spacing-4);
+}
+.gap-x-5 {
+  -moz-column-gap: var(--cal-spacing-5);
+       column-gap: var(--cal-spacing-5);
 }
-
 .gap-x-6 {
-  -moz-column-gap: 1.5rem;
-  column-gap: 1.5rem
+  -moz-column-gap: var(--cal-spacing-6);
+       column-gap: var(--cal-spacing-6);
 }
-
 .gap-y-1 {
-  row-gap: .25rem
+  row-gap: var(--cal-spacing-1);
 }
-
 .gap-y-2 {
-  row-gap: .5rem
+  row-gap: var(--cal-spacing-2);
 }
-
 .gap-y-3 {
-  row-gap: .75rem
+  row-gap: var(--cal-spacing-3);
 }
-
 .gap-y-4 {
-  row-gap: 1rem
+  row-gap: var(--cal-spacing-4);
 }
-
 .gap-y-6 {
-  row-gap: 1.5rem
+  row-gap: var(--cal-spacing-6);
 }
-
 .gap-y-8 {
-  row-gap: 2rem
+  row-gap: var(--cal-spacing-8);
 }
-
-.space-x-0>:not([hidden])~:not([hidden]) {
+.space-x-0 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
-  margin-right: calc(0px * var(--tw-space-x-reverse));
-  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)))
+  margin-right: calc(var(--cal-spacing-0) * var(--tw-space-x-reverse));
+  margin-left: calc(var(--cal-spacing-0) * calc(1 - var(--tw-space-x-reverse)));
 }
-
-.space-x-1>:not([hidden])~:not([hidden]) {
+.space-x-0\.5 > :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)))
+  margin-right: calc(var(--cal-spacing-0_5) * var(--tw-space-x-reverse));
+  margin-left: calc(var(--cal-spacing-0_5) * calc(1 - var(--tw-space-x-reverse)));
 }
-
-.space-x-11>:not([hidden])~:not([hidden]) {
+.space-x-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
-  margin-right: calc(2.75rem * var(--tw-space-x-reverse));
-  margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)))
+  margin-right: calc(var(--cal-spacing-1) * var(--tw-space-x-reverse));
+  margin-left: calc(var(--cal-spacing-1) * calc(1 - var(--tw-space-x-reverse)));
 }
-
-.space-x-2>:not([hidden])~:not([hidden]) {
+.space-x-1\.5 > :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)))
+  margin-right: calc(var(--cal-spacing-1_5) * var(--tw-space-x-reverse));
+  margin-left: calc(var(--cal-spacing-1_5) * calc(1 - var(--tw-space-x-reverse)));
 }
-
-.space-x-2\.5>:not([hidden])~:not([hidden]) {
+.space-x-11 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
-  margin-right: calc(.625rem * var(--tw-space-x-reverse));
-  margin-left: calc(.625rem * calc(1 - var(--tw-space-x-reverse)))
+  margin-right: calc(var(--cal-spacing-11) * var(--tw-space-x-reverse));
+  margin-left: calc(var(--cal-spacing-11) * calc(1 - var(--tw-space-x-reverse)));
 }
-
-.space-x-3>:not([hidden])~:not([hidden]) {
+.space-x-2 > :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)))
+  margin-right: calc(var(--cal-spacing-2) * var(--tw-space-x-reverse));
+  margin-left: calc(var(--cal-spacing-2) * calc(1 - var(--tw-space-x-reverse)));
 }
-
-.space-x-3\.5>:not([hidden])~:not([hidden]) {
+.space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
-  margin-right: calc(.875rem * var(--tw-space-x-reverse));
-  margin-left: calc(.875rem * calc(1 - var(--tw-space-x-reverse)))
+  margin-right: calc(var(--cal-spacing-2_5) * var(--tw-space-x-reverse));
+  margin-left: calc(var(--cal-spacing-2_5) * calc(1 - var(--tw-space-x-reverse)));
 }
-
-.space-x-4>:not([hidden])~:not([hidden]) {
+.space-x-3 > :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)))
+  margin-right: calc(var(--cal-spacing-3) * var(--tw-space-x-reverse));
+  margin-left: calc(var(--cal-spacing-3) * calc(1 - var(--tw-space-x-reverse)));
 }
-
-.space-x-5>:not([hidden])~:not([hidden]) {
+.space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
-  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
+  margin-right: calc(var(--cal-spacing-3_5) * var(--tw-space-x-reverse));
+  margin-left: calc(var(--cal-spacing-3_5) * calc(1 - var(--tw-space-x-reverse)));
 }
-
-.space-x-6>:not([hidden])~:not([hidden]) {
+.space-x-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
-  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
+  margin-right: calc(var(--cal-spacing-4) * var(--tw-space-x-reverse));
+  margin-left: calc(var(--cal-spacing-4) * calc(1 - var(--tw-space-x-reverse)));
 }
-
-.space-x-8>:not([hidden])~:not([hidden]) {
+.space-x-5 > :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)))
+  margin-right: calc(var(--cal-spacing-5) * var(--tw-space-x-reverse));
+  margin-left: calc(var(--cal-spacing-5) * calc(1 - var(--tw-space-x-reverse)));
 }
-
-.space-x-px>:not([hidden])~:not([hidden]) {
+.space-x-6 > :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)))
+  margin-right: calc(var(--cal-spacing-6) * var(--tw-space-x-reverse));
+  margin-left: calc(var(--cal-spacing-6) * calc(1 - var(--tw-space-x-reverse)));
 }
-
-.space-y-0>:not([hidden])~:not([hidden]) {
+.space-x-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(var(--cal-spacing-8) * var(--tw-space-x-reverse));
+  margin-left: calc(var(--cal-spacing-8) * calc(1 - var(--tw-space-x-reverse)));
+}
+.space-x-px > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(var(--cal-spacing-px) * var(--tw-space-x-reverse));
+  margin-left: calc(var(--cal-spacing-px) * calc(1 - var(--tw-space-x-reverse)));
+}
+.space-y-0 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
-  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0px * var(--tw-space-y-reverse))
+  margin-top: calc(var(--cal-spacing-0) * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(var(--cal-spacing-0) * var(--tw-space-y-reverse));
 }
-
-.space-y-0\.5>:not([hidden])~:not([hidden]) {
+.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
-  margin-top: calc(.125rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(.125rem * var(--tw-space-y-reverse))
+  margin-top: calc(var(--cal-spacing-0_5) * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(var(--cal-spacing-0_5) * var(--tw-space-y-reverse));
 }
-
-.space-y-1>:not([hidden])~:not([hidden]) {
+.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))
+  margin-top: calc(var(--cal-spacing-1) * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(var(--cal-spacing-1) * var(--tw-space-y-reverse));
 }
-
-.space-y-2>:not([hidden])~:not([hidden]) {
+.space-y-1\.5 > :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))
+  margin-top: calc(var(--cal-spacing-1_5) * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(var(--cal-spacing-1_5) * var(--tw-space-y-reverse));
 }
-
-.space-y-3>:not([hidden])~:not([hidden]) {
+.space-y-2 > :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))
+  margin-top: calc(var(--cal-spacing-2) * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(var(--cal-spacing-2) * var(--tw-space-y-reverse));
 }
-
-.space-y-4>:not([hidden])~:not([hidden]) {
+.space-y-3 > :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))
+  margin-top: calc(var(--cal-spacing-3) * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(var(--cal-spacing-3) * var(--tw-space-y-reverse));
 }
-
-.space-y-5>:not([hidden])~:not([hidden]) {
+.space-y-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
-  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
+  margin-top: calc(var(--cal-spacing-4) * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(var(--cal-spacing-4) * var(--tw-space-y-reverse));
 }
-
-.space-y-6>:not([hidden])~:not([hidden]) {
+.space-y-5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
-  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
+  margin-top: calc(var(--cal-spacing-5) * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(var(--cal-spacing-5) * var(--tw-space-y-reverse));
 }
-
-.space-y-reverse>:not([hidden])~:not([hidden]) {
-  --tw-space-y-reverse: 1
+.space-y-6 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(var(--cal-spacing-6) * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(var(--cal-spacing-6) * var(--tw-space-y-reverse));
 }
-
-.space-x-reverse>:not([hidden])~:not([hidden]) {
-  --tw-space-x-reverse: 1
+.space-y-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(var(--cal-spacing-8) * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(var(--cal-spacing-8) * var(--tw-space-y-reverse));
 }
-
-.divide-x>:not([hidden])~:not([hidden]) {
+.space-y-\[1px\] > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1px * var(--tw-space-y-reverse));
+}
+.space-y-px > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(var(--cal-spacing-px) * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(var(--cal-spacing-px) * 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)))
+  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
 }
-
-.divide-y>:not([hidden])~:not([hidden]) {
+.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))
+  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
 }
-
-.divide-y-2>:not([hidden])~:not([hidden]) {
+.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-y-reverse: 0;
   border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
-  border-bottom-width: calc(2px * var(--tw-divide-y-reverse))
+  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
 }
-
-.divide-y-reverse>:not([hidden])~:not([hidden]) {
-  --tw-divide-y-reverse: 1
+.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-x-reverse > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-x-reverse: 1;
 }
-
-.divide-amber-100>:not([hidden])~:not([hidden]) {
+.divide-amber-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(254 243 199/var(--tw-divide-opacity))
+  border-color: rgb(254 243 199 / var(--tw-divide-opacity));
 }
-
-.divide-amber-200>:not([hidden])~:not([hidden]) {
+.divide-amber-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(253 230 138/var(--tw-divide-opacity))
+  border-color: rgb(253 230 138 / var(--tw-divide-opacity));
 }
-
-.divide-amber-300>:not([hidden])~:not([hidden]) {
+.divide-amber-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(252 211 77/var(--tw-divide-opacity))
+  border-color: rgb(252 211 77 / var(--tw-divide-opacity));
 }
-
-.divide-amber-400>:not([hidden])~:not([hidden]) {
+.divide-amber-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(251 191 36/var(--tw-divide-opacity))
+  border-color: rgb(251 191 36 / var(--tw-divide-opacity));
 }
-
-.divide-amber-50>:not([hidden])~:not([hidden]) {
+.divide-amber-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(255 251 235/var(--tw-divide-opacity))
+  border-color: rgb(255 251 235 / var(--tw-divide-opacity));
 }
-
-.divide-amber-500>:not([hidden])~:not([hidden]) {
+.divide-amber-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(245 158 11/var(--tw-divide-opacity))
+  border-color: rgb(245 158 11 / var(--tw-divide-opacity));
 }
-
-.divide-amber-600>:not([hidden])~:not([hidden]) {
+.divide-amber-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(217 119 6/var(--tw-divide-opacity))
+  border-color: rgb(217 119 6 / var(--tw-divide-opacity));
 }
-
-.divide-amber-700>:not([hidden])~:not([hidden]) {
+.divide-amber-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(180 83 9/var(--tw-divide-opacity))
+  border-color: rgb(180 83 9 / var(--tw-divide-opacity));
 }
-
-.divide-amber-800>:not([hidden])~:not([hidden]) {
+.divide-amber-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(146 64 14/var(--tw-divide-opacity))
+  border-color: rgb(146 64 14 / var(--tw-divide-opacity));
 }
-
-.divide-amber-900>:not([hidden])~:not([hidden]) {
+.divide-amber-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(120 53 15/var(--tw-divide-opacity))
+  border-color: rgb(120 53 15 / var(--tw-divide-opacity));
 }
-
-.divide-black>:not([hidden])~:not([hidden]) {
+.divide-black > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(17 17 17/var(--tw-divide-opacity))
+  border-color: rgb(17 17 17 / var(--tw-divide-opacity));
 }
-
-.divide-blue-100>:not([hidden])~:not([hidden]) {
+.divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(219 234 254/var(--tw-divide-opacity))
+  border-color: rgb(219 234 254 / var(--tw-divide-opacity));
 }
-
-.divide-blue-200>:not([hidden])~:not([hidden]) {
+.divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(191 219 254/var(--tw-divide-opacity))
+  border-color: rgb(191 219 254 / var(--tw-divide-opacity));
 }
-
-.divide-blue-300>:not([hidden])~:not([hidden]) {
+.divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(147 197 253/var(--tw-divide-opacity))
+  border-color: rgb(147 197 253 / var(--tw-divide-opacity));
 }
-
-.divide-blue-400>:not([hidden])~:not([hidden]) {
+.divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(96 165 250/var(--tw-divide-opacity))
+  border-color: rgb(96 165 250 / var(--tw-divide-opacity));
 }
-
-.divide-blue-50>:not([hidden])~:not([hidden]) {
+.divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(239 246 255/var(--tw-divide-opacity))
+  border-color: rgb(239 246 255 / var(--tw-divide-opacity));
 }
-
-.divide-blue-500>:not([hidden])~:not([hidden]) {
+.divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(59 130 246/var(--tw-divide-opacity))
+  border-color: rgb(59 130 246 / var(--tw-divide-opacity));
 }
-
-.divide-blue-600>:not([hidden])~:not([hidden]) {
+.divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(37 99 235/var(--tw-divide-opacity))
+  border-color: rgb(37 99 235 / var(--tw-divide-opacity));
 }
-
-.divide-blue-700>:not([hidden])~:not([hidden]) {
+.divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(29 78 216/var(--tw-divide-opacity))
+  border-color: rgb(29 78 216 / var(--tw-divide-opacity));
 }
-
-.divide-blue-800>:not([hidden])~:not([hidden]) {
+.divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(30 64 175/var(--tw-divide-opacity))
+  border-color: rgb(30 64 175 / var(--tw-divide-opacity));
 }
-
-.divide-blue-900>:not([hidden])~:not([hidden]) {
+.divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(30 58 138/var(--tw-divide-opacity))
+  border-color: rgb(30 58 138 / var(--tw-divide-opacity));
 }
-
-.divide-cyan-100>:not([hidden])~:not([hidden]) {
+.divide-cyan-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(207 250 254/var(--tw-divide-opacity))
+  border-color: rgb(207 250 254 / var(--tw-divide-opacity));
 }
-
-.divide-cyan-200>:not([hidden])~:not([hidden]) {
+.divide-cyan-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(165 243 252/var(--tw-divide-opacity))
+  border-color: rgb(165 243 252 / var(--tw-divide-opacity));
 }
-
-.divide-cyan-300>:not([hidden])~:not([hidden]) {
+.divide-cyan-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(103 232 249/var(--tw-divide-opacity))
+  border-color: rgb(103 232 249 / var(--tw-divide-opacity));
 }
-
-.divide-cyan-400>:not([hidden])~:not([hidden]) {
+.divide-cyan-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(34 211 238/var(--tw-divide-opacity))
+  border-color: rgb(34 211 238 / var(--tw-divide-opacity));
 }
-
-.divide-cyan-50>:not([hidden])~:not([hidden]) {
+.divide-cyan-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(236 254 255/var(--tw-divide-opacity))
+  border-color: rgb(236 254 255 / var(--tw-divide-opacity));
 }
-
-.divide-cyan-500>:not([hidden])~:not([hidden]) {
+.divide-cyan-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(6 182 212/var(--tw-divide-opacity))
+  border-color: rgb(6 182 212 / var(--tw-divide-opacity));
 }
-
-.divide-cyan-600>:not([hidden])~:not([hidden]) {
+.divide-cyan-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(8 145 178/var(--tw-divide-opacity))
+  border-color: rgb(8 145 178 / var(--tw-divide-opacity));
 }
-
-.divide-cyan-700>:not([hidden])~:not([hidden]) {
+.divide-cyan-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(14 116 144/var(--tw-divide-opacity))
+  border-color: rgb(14 116 144 / var(--tw-divide-opacity));
 }
-
-.divide-cyan-800>:not([hidden])~:not([hidden]) {
+.divide-cyan-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(21 94 117/var(--tw-divide-opacity))
+  border-color: rgb(21 94 117 / var(--tw-divide-opacity));
 }
-
-.divide-cyan-900>:not([hidden])~:not([hidden]) {
+.divide-cyan-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(22 78 99/var(--tw-divide-opacity))
+  border-color: rgb(22 78 99 / var(--tw-divide-opacity));
 }
-
-.divide-default>:not([hidden])~:not([hidden]) {
-  border-color: var(--cal-border,#d1d5db)
+.divide-default > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--cal-border);
 }
-
-.divide-emerald-100>:not([hidden])~:not([hidden]) {
+.divide-emerald-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(209 250 229/var(--tw-divide-opacity))
+  border-color: rgb(209 250 229 / var(--tw-divide-opacity));
 }
-
-.divide-emerald-200>:not([hidden])~:not([hidden]) {
+.divide-emerald-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(167 243 208/var(--tw-divide-opacity))
+  border-color: rgb(167 243 208 / var(--tw-divide-opacity));
 }
-
-.divide-emerald-300>:not([hidden])~:not([hidden]) {
+.divide-emerald-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(110 231 183/var(--tw-divide-opacity))
+  border-color: rgb(110 231 183 / var(--tw-divide-opacity));
 }
-
-.divide-emerald-400>:not([hidden])~:not([hidden]) {
+.divide-emerald-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(52 211 153/var(--tw-divide-opacity))
+  border-color: rgb(52 211 153 / var(--tw-divide-opacity));
 }
-
-.divide-emerald-50>:not([hidden])~:not([hidden]) {
+.divide-emerald-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(236 253 245/var(--tw-divide-opacity))
+  border-color: rgb(236 253 245 / var(--tw-divide-opacity));
 }
-
-.divide-emerald-500>:not([hidden])~:not([hidden]) {
+.divide-emerald-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(16 185 129/var(--tw-divide-opacity))
+  border-color: rgb(16 185 129 / var(--tw-divide-opacity));
 }
-
-.divide-emerald-600>:not([hidden])~:not([hidden]) {
+.divide-emerald-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(5 150 105/var(--tw-divide-opacity))
+  border-color: rgb(5 150 105 / var(--tw-divide-opacity));
 }
-
-.divide-emerald-700>:not([hidden])~:not([hidden]) {
+.divide-emerald-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(4 120 87/var(--tw-divide-opacity))
+  border-color: rgb(4 120 87 / var(--tw-divide-opacity));
 }
-
-.divide-emerald-800>:not([hidden])~:not([hidden]) {
+.divide-emerald-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(6 95 70/var(--tw-divide-opacity))
+  border-color: rgb(6 95 70 / var(--tw-divide-opacity));
 }
-
-.divide-emerald-900>:not([hidden])~:not([hidden]) {
+.divide-emerald-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(6 78 59/var(--tw-divide-opacity))
+  border-color: rgb(6 78 59 / var(--tw-divide-opacity));
 }
-
-.divide-fuchsia-100>:not([hidden])~:not([hidden]) {
+.divide-fuchsia-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(250 232 255/var(--tw-divide-opacity))
+  border-color: rgb(250 232 255 / var(--tw-divide-opacity));
 }
-
-.divide-fuchsia-200>:not([hidden])~:not([hidden]) {
+.divide-fuchsia-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(245 208 254/var(--tw-divide-opacity))
+  border-color: rgb(245 208 254 / var(--tw-divide-opacity));
 }
-
-.divide-fuchsia-300>:not([hidden])~:not([hidden]) {
+.divide-fuchsia-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(240 171 252/var(--tw-divide-opacity))
+  border-color: rgb(240 171 252 / var(--tw-divide-opacity));
 }
-
-.divide-fuchsia-400>:not([hidden])~:not([hidden]) {
+.divide-fuchsia-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(232 121 249/var(--tw-divide-opacity))
+  border-color: rgb(232 121 249 / var(--tw-divide-opacity));
 }
-
-.divide-fuchsia-50>:not([hidden])~:not([hidden]) {
+.divide-fuchsia-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(253 244 255/var(--tw-divide-opacity))
+  border-color: rgb(253 244 255 / var(--tw-divide-opacity));
 }
-
-.divide-fuchsia-500>:not([hidden])~:not([hidden]) {
+.divide-fuchsia-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(217 70 239/var(--tw-divide-opacity))
+  border-color: rgb(217 70 239 / var(--tw-divide-opacity));
 }
-
-.divide-fuchsia-600>:not([hidden])~:not([hidden]) {
+.divide-fuchsia-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(192 38 211/var(--tw-divide-opacity))
+  border-color: rgb(192 38 211 / var(--tw-divide-opacity));
 }
-
-.divide-fuchsia-700>:not([hidden])~:not([hidden]) {
+.divide-fuchsia-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(162 28 175/var(--tw-divide-opacity))
+  border-color: rgb(162 28 175 / var(--tw-divide-opacity));
 }
-
-.divide-fuchsia-800>:not([hidden])~:not([hidden]) {
+.divide-fuchsia-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(134 25 143/var(--tw-divide-opacity))
+  border-color: rgb(134 25 143 / var(--tw-divide-opacity));
 }
-
-.divide-fuchsia-900>:not([hidden])~:not([hidden]) {
+.divide-fuchsia-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(112 26 117/var(--tw-divide-opacity))
+  border-color: rgb(112 26 117 / var(--tw-divide-opacity));
 }
-
-.divide-gray-100>:not([hidden])~:not([hidden]) {
+.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(243 244 246/var(--tw-divide-opacity))
+  border-color: rgb(243 244 246 / var(--tw-divide-opacity));
 }
-
-.divide-gray-200>:not([hidden])~:not([hidden]) {
+.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(229 231 235/var(--tw-divide-opacity))
+  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
 }
-
-.divide-gray-300>:not([hidden])~:not([hidden]) {
+.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(209 213 219/var(--tw-divide-opacity))
+  border-color: rgb(209 213 219 / var(--tw-divide-opacity));
 }
-
-.divide-gray-400>:not([hidden])~:not([hidden]) {
+.divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(156 163 175/var(--tw-divide-opacity))
+  border-color: rgb(156 163 175 / var(--tw-divide-opacity));
 }
-
-.divide-gray-50>:not([hidden])~:not([hidden]) {
+.divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(249 250 251/var(--tw-divide-opacity))
+  border-color: rgb(249 250 251 / var(--tw-divide-opacity));
 }
-
-.divide-gray-500>:not([hidden])~:not([hidden]) {
+.divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(107 114 128/var(--tw-divide-opacity))
+  border-color: rgb(107 114 128 / var(--tw-divide-opacity));
 }
-
-.divide-gray-600>:not([hidden])~:not([hidden]) {
+.divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(75 85 99/var(--tw-divide-opacity))
+  border-color: rgb(75 85 99 / var(--tw-divide-opacity));
 }
-
-.divide-gray-700>:not([hidden])~:not([hidden]) {
+.divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(55 65 81/var(--tw-divide-opacity))
+  border-color: rgb(55 65 81 / var(--tw-divide-opacity));
 }
-
-.divide-gray-800>:not([hidden])~:not([hidden]) {
+.divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(31 41 55/var(--tw-divide-opacity))
+  border-color: rgb(31 41 55 / var(--tw-divide-opacity));
 }
-
-.divide-gray-900>:not([hidden])~:not([hidden]) {
+.divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(17 24 39/var(--tw-divide-opacity))
+  border-color: rgb(17 24 39 / var(--tw-divide-opacity));
 }
-
-.divide-green-100>:not([hidden])~:not([hidden]) {
+.divide-green-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(220 252 231/var(--tw-divide-opacity))
+  border-color: rgb(220 252 231 / var(--tw-divide-opacity));
 }
-
-.divide-green-200>:not([hidden])~:not([hidden]) {
+.divide-green-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(187 247 208/var(--tw-divide-opacity))
+  border-color: rgb(187 247 208 / var(--tw-divide-opacity));
 }
-
-.divide-green-300>:not([hidden])~:not([hidden]) {
+.divide-green-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(134 239 172/var(--tw-divide-opacity))
+  border-color: rgb(134 239 172 / var(--tw-divide-opacity));
 }
-
-.divide-green-400>:not([hidden])~:not([hidden]) {
+.divide-green-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(74 222 128/var(--tw-divide-opacity))
+  border-color: rgb(74 222 128 / var(--tw-divide-opacity));
 }
-
-.divide-green-50>:not([hidden])~:not([hidden]) {
+.divide-green-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(240 253 244/var(--tw-divide-opacity))
+  border-color: rgb(240 253 244 / var(--tw-divide-opacity));
 }
-
-.divide-green-500>:not([hidden])~:not([hidden]) {
+.divide-green-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(34 197 94/var(--tw-divide-opacity))
+  border-color: rgb(34 197 94 / var(--tw-divide-opacity));
 }
-
-.divide-green-600>:not([hidden])~:not([hidden]) {
+.divide-green-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(22 163 74/var(--tw-divide-opacity))
+  border-color: rgb(22 163 74 / var(--tw-divide-opacity));
 }
-
-.divide-green-700>:not([hidden])~:not([hidden]) {
+.divide-green-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(21 128 61/var(--tw-divide-opacity))
+  border-color: rgb(21 128 61 / var(--tw-divide-opacity));
 }
-
-.divide-green-800>:not([hidden])~:not([hidden]) {
+.divide-green-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(22 101 52/var(--tw-divide-opacity))
+  border-color: rgb(22 101 52 / var(--tw-divide-opacity));
 }
-
-.divide-green-900>:not([hidden])~:not([hidden]) {
+.divide-green-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(20 83 45/var(--tw-divide-opacity))
+  border-color: rgb(20 83 45 / var(--tw-divide-opacity));
 }
-
-.divide-indigo-100>:not([hidden])~:not([hidden]) {
+.divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(224 231 255/var(--tw-divide-opacity))
+  border-color: rgb(224 231 255 / var(--tw-divide-opacity));
 }
-
-.divide-indigo-200>:not([hidden])~:not([hidden]) {
+.divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(199 210 254/var(--tw-divide-opacity))
+  border-color: rgb(199 210 254 / var(--tw-divide-opacity));
 }
-
-.divide-indigo-300>:not([hidden])~:not([hidden]) {
+.divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(165 180 252/var(--tw-divide-opacity))
+  border-color: rgb(165 180 252 / var(--tw-divide-opacity));
 }
-
-.divide-indigo-400>:not([hidden])~:not([hidden]) {
+.divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(129 140 248/var(--tw-divide-opacity))
+  border-color: rgb(129 140 248 / var(--tw-divide-opacity));
 }
-
-.divide-indigo-50>:not([hidden])~:not([hidden]) {
+.divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(238 242 255/var(--tw-divide-opacity))
+  border-color: rgb(238 242 255 / var(--tw-divide-opacity));
 }
-
-.divide-indigo-500>:not([hidden])~:not([hidden]) {
+.divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(99 102 241/var(--tw-divide-opacity))
+  border-color: rgb(99 102 241 / var(--tw-divide-opacity));
 }
-
-.divide-indigo-600>:not([hidden])~:not([hidden]) {
+.divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(79 70 229/var(--tw-divide-opacity))
+  border-color: rgb(79 70 229 / var(--tw-divide-opacity));
 }
-
-.divide-indigo-700>:not([hidden])~:not([hidden]) {
+.divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(67 56 202/var(--tw-divide-opacity))
+  border-color: rgb(67 56 202 / var(--tw-divide-opacity));
 }
-
-.divide-indigo-800>:not([hidden])~:not([hidden]) {
+.divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(55 48 163/var(--tw-divide-opacity))
+  border-color: rgb(55 48 163 / var(--tw-divide-opacity));
 }
-
-.divide-indigo-900>:not([hidden])~:not([hidden]) {
+.divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(49 46 129/var(--tw-divide-opacity))
+  border-color: rgb(49 46 129 / var(--tw-divide-opacity));
 }
-
-.divide-lime-100>:not([hidden])~:not([hidden]) {
+.divide-lime-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(236 252 203/var(--tw-divide-opacity))
+  border-color: rgb(236 252 203 / var(--tw-divide-opacity));
 }
-
-.divide-lime-200>:not([hidden])~:not([hidden]) {
+.divide-lime-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(217 249 157/var(--tw-divide-opacity))
+  border-color: rgb(217 249 157 / var(--tw-divide-opacity));
 }
-
-.divide-lime-300>:not([hidden])~:not([hidden]) {
+.divide-lime-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(190 242 100/var(--tw-divide-opacity))
+  border-color: rgb(190 242 100 / var(--tw-divide-opacity));
 }
-
-.divide-lime-400>:not([hidden])~:not([hidden]) {
+.divide-lime-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(163 230 53/var(--tw-divide-opacity))
+  border-color: rgb(163 230 53 / var(--tw-divide-opacity));
 }
-
-.divide-lime-50>:not([hidden])~:not([hidden]) {
+.divide-lime-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(247 254 231/var(--tw-divide-opacity))
+  border-color: rgb(247 254 231 / var(--tw-divide-opacity));
 }
-
-.divide-lime-500>:not([hidden])~:not([hidden]) {
+.divide-lime-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(132 204 22/var(--tw-divide-opacity))
+  border-color: rgb(132 204 22 / var(--tw-divide-opacity));
 }
-
-.divide-lime-600>:not([hidden])~:not([hidden]) {
+.divide-lime-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(101 163 13/var(--tw-divide-opacity))
+  border-color: rgb(101 163 13 / var(--tw-divide-opacity));
 }
-
-.divide-lime-700>:not([hidden])~:not([hidden]) {
+.divide-lime-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(77 124 15/var(--tw-divide-opacity))
+  border-color: rgb(77 124 15 / var(--tw-divide-opacity));
 }
-
-.divide-lime-800>:not([hidden])~:not([hidden]) {
+.divide-lime-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(63 98 18/var(--tw-divide-opacity))
+  border-color: rgb(63 98 18 / var(--tw-divide-opacity));
 }
-
-.divide-lime-900>:not([hidden])~:not([hidden]) {
+.divide-lime-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(54 83 20/var(--tw-divide-opacity))
+  border-color: rgb(54 83 20 / var(--tw-divide-opacity));
 }
-
-.divide-neutral-100>:not([hidden])~:not([hidden]) {
+.divide-muted > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--cal-border-muted);
+}
+.divide-neutral-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(245 245 245/var(--tw-divide-opacity))
+  border-color: rgb(245 245 245 / var(--tw-divide-opacity));
 }
-
-.divide-neutral-200>:not([hidden])~:not([hidden]) {
+.divide-neutral-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(229 229 229/var(--tw-divide-opacity))
+  border-color: rgb(229 229 229 / var(--tw-divide-opacity));
 }
-
-.divide-neutral-300>:not([hidden])~:not([hidden]) {
+.divide-neutral-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(212 212 212/var(--tw-divide-opacity))
+  border-color: rgb(212 212 212 / var(--tw-divide-opacity));
 }
-
-.divide-neutral-400>:not([hidden])~:not([hidden]) {
+.divide-neutral-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(163 163 163/var(--tw-divide-opacity))
+  border-color: rgb(163 163 163 / var(--tw-divide-opacity));
 }
-
-.divide-neutral-50>:not([hidden])~:not([hidden]) {
+.divide-neutral-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(250 250 250/var(--tw-divide-opacity))
+  border-color: rgb(250 250 250 / var(--tw-divide-opacity));
 }
-
-.divide-neutral-500>:not([hidden])~:not([hidden]) {
+.divide-neutral-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(115 115 115/var(--tw-divide-opacity))
+  border-color: rgb(115 115 115 / var(--tw-divide-opacity));
 }
-
-.divide-neutral-600>:not([hidden])~:not([hidden]) {
+.divide-neutral-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(82 82 82/var(--tw-divide-opacity))
+  border-color: rgb(82 82 82 / var(--tw-divide-opacity));
 }
-
-.divide-neutral-700>:not([hidden])~:not([hidden]) {
+.divide-neutral-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(64 64 64/var(--tw-divide-opacity))
+  border-color: rgb(64 64 64 / var(--tw-divide-opacity));
 }
-
-.divide-neutral-800>:not([hidden])~:not([hidden]) {
+.divide-neutral-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(38 38 38/var(--tw-divide-opacity))
+  border-color: rgb(38 38 38 / var(--tw-divide-opacity));
 }
-
-.divide-neutral-900>:not([hidden])~:not([hidden]) {
+.divide-neutral-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(23 23 23/var(--tw-divide-opacity))
+  border-color: rgb(23 23 23 / var(--tw-divide-opacity));
 }
-
-.divide-orange-100>:not([hidden])~:not([hidden]) {
+.divide-orange-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(255 237 213/var(--tw-divide-opacity))
+  border-color: rgb(255 237 213 / var(--tw-divide-opacity));
 }
-
-.divide-orange-200>:not([hidden])~:not([hidden]) {
+.divide-orange-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(254 215 170/var(--tw-divide-opacity))
+  border-color: rgb(254 215 170 / var(--tw-divide-opacity));
 }
-
-.divide-orange-300>:not([hidden])~:not([hidden]) {
+.divide-orange-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(253 186 116/var(--tw-divide-opacity))
+  border-color: rgb(253 186 116 / var(--tw-divide-opacity));
 }
-
-.divide-orange-400>:not([hidden])~:not([hidden]) {
+.divide-orange-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(251 146 60/var(--tw-divide-opacity))
+  border-color: rgb(251 146 60 / var(--tw-divide-opacity));
 }
-
-.divide-orange-50>:not([hidden])~:not([hidden]) {
+.divide-orange-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(255 247 237/var(--tw-divide-opacity))
+  border-color: rgb(255 247 237 / var(--tw-divide-opacity));
 }
-
-.divide-orange-500>:not([hidden])~:not([hidden]) {
+.divide-orange-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(249 115 22/var(--tw-divide-opacity))
+  border-color: rgb(249 115 22 / var(--tw-divide-opacity));
 }
-
-.divide-orange-600>:not([hidden])~:not([hidden]) {
+.divide-orange-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(234 88 12/var(--tw-divide-opacity))
+  border-color: rgb(234 88 12 / var(--tw-divide-opacity));
 }
-
-.divide-orange-700>:not([hidden])~:not([hidden]) {
+.divide-orange-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(194 65 12/var(--tw-divide-opacity))
+  border-color: rgb(194 65 12 / var(--tw-divide-opacity));
 }
-
-.divide-orange-800>:not([hidden])~:not([hidden]) {
+.divide-orange-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(154 52 18/var(--tw-divide-opacity))
+  border-color: rgb(154 52 18 / var(--tw-divide-opacity));
 }
-
-.divide-orange-900>:not([hidden])~:not([hidden]) {
+.divide-orange-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(124 45 18/var(--tw-divide-opacity))
+  border-color: rgb(124 45 18 / var(--tw-divide-opacity));
 }
-
-.divide-pink-100>:not([hidden])~:not([hidden]) {
+.divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(252 231 243/var(--tw-divide-opacity))
+  border-color: rgb(252 231 243 / var(--tw-divide-opacity));
 }
-
-.divide-pink-200>:not([hidden])~:not([hidden]) {
+.divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(251 207 232/var(--tw-divide-opacity))
+  border-color: rgb(251 207 232 / var(--tw-divide-opacity));
 }
-
-.divide-pink-300>:not([hidden])~:not([hidden]) {
+.divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(249 168 212/var(--tw-divide-opacity))
+  border-color: rgb(249 168 212 / var(--tw-divide-opacity));
 }
-
-.divide-pink-400>:not([hidden])~:not([hidden]) {
+.divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(244 114 182/var(--tw-divide-opacity))
+  border-color: rgb(244 114 182 / var(--tw-divide-opacity));
 }
-
-.divide-pink-50>:not([hidden])~:not([hidden]) {
+.divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(253 242 248/var(--tw-divide-opacity))
+  border-color: rgb(253 242 248 / var(--tw-divide-opacity));
 }
-
-.divide-pink-500>:not([hidden])~:not([hidden]) {
+.divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(236 72 153/var(--tw-divide-opacity))
+  border-color: rgb(236 72 153 / var(--tw-divide-opacity));
 }
-
-.divide-pink-600>:not([hidden])~:not([hidden]) {
+.divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(219 39 119/var(--tw-divide-opacity))
+  border-color: rgb(219 39 119 / var(--tw-divide-opacity));
 }
-
-.divide-pink-700>:not([hidden])~:not([hidden]) {
+.divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(190 24 93/var(--tw-divide-opacity))
+  border-color: rgb(190 24 93 / var(--tw-divide-opacity));
 }
-
-.divide-pink-900>:not([hidden])~:not([hidden]) {
+.divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(131 24 67/var(--tw-divide-opacity))
+  border-color: rgb(131 24 67 / var(--tw-divide-opacity));
 }
-
-.divide-purple-100>:not([hidden])~:not([hidden]) {
+.divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(243 232 255/var(--tw-divide-opacity))
+  border-color: rgb(243 232 255 / var(--tw-divide-opacity));
 }
-
-.divide-purple-200>:not([hidden])~:not([hidden]) {
+.divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(233 213 255/var(--tw-divide-opacity))
+  border-color: rgb(233 213 255 / var(--tw-divide-opacity));
 }
-
-.divide-purple-300>:not([hidden])~:not([hidden]) {
+.divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(216 180 254/var(--tw-divide-opacity))
+  border-color: rgb(216 180 254 / var(--tw-divide-opacity));
 }
-
-.divide-purple-400>:not([hidden])~:not([hidden]) {
+.divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(192 132 252/var(--tw-divide-opacity))
+  border-color: rgb(192 132 252 / var(--tw-divide-opacity));
 }
-
-.divide-purple-50>:not([hidden])~:not([hidden]) {
+.divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(250 245 255/var(--tw-divide-opacity))
+  border-color: rgb(250 245 255 / var(--tw-divide-opacity));
 }
-
-.divide-purple-500>:not([hidden])~:not([hidden]) {
+.divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(168 85 247/var(--tw-divide-opacity))
+  border-color: rgb(168 85 247 / var(--tw-divide-opacity));
 }
-
-.divide-purple-600>:not([hidden])~:not([hidden]) {
+.divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(147 51 234/var(--tw-divide-opacity))
+  border-color: rgb(147 51 234 / var(--tw-divide-opacity));
 }
-
-.divide-purple-700>:not([hidden])~:not([hidden]) {
+.divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(126 34 206/var(--tw-divide-opacity))
+  border-color: rgb(126 34 206 / var(--tw-divide-opacity));
 }
-
-.divide-purple-800>:not([hidden])~:not([hidden]) {
+.divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(107 33 168/var(--tw-divide-opacity))
+  border-color: rgb(107 33 168 / var(--tw-divide-opacity));
 }
-
-.divide-purple-900>:not([hidden])~:not([hidden]) {
+.divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(88 28 135/var(--tw-divide-opacity))
+  border-color: rgb(88 28 135 / var(--tw-divide-opacity));
 }
-
-.divide-red-100>:not([hidden])~:not([hidden]) {
+.divide-red-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(254 226 226/var(--tw-divide-opacity))
+  border-color: rgb(254 226 226 / var(--tw-divide-opacity));
 }
-
-.divide-red-200>:not([hidden])~:not([hidden]) {
+.divide-red-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(254 202 202/var(--tw-divide-opacity))
+  border-color: rgb(254 202 202 / var(--tw-divide-opacity));
 }
-
-.divide-red-300>:not([hidden])~:not([hidden]) {
+.divide-red-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(252 165 165/var(--tw-divide-opacity))
+  border-color: rgb(252 165 165 / var(--tw-divide-opacity));
 }
-
-.divide-red-400>:not([hidden])~:not([hidden]) {
+.divide-red-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(248 113 113/var(--tw-divide-opacity))
+  border-color: rgb(248 113 113 / var(--tw-divide-opacity));
 }
-
-.divide-red-50>:not([hidden])~:not([hidden]) {
+.divide-red-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(254 242 242/var(--tw-divide-opacity))
+  border-color: rgb(254 242 242 / var(--tw-divide-opacity));
 }
-
-.divide-red-500>:not([hidden])~:not([hidden]) {
+.divide-red-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(239 68 68/var(--tw-divide-opacity))
+  border-color: rgb(239 68 68 / var(--tw-divide-opacity));
 }
-
-.divide-red-600>:not([hidden])~:not([hidden]) {
+.divide-red-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(220 38 38/var(--tw-divide-opacity))
+  border-color: rgb(220 38 38 / var(--tw-divide-opacity));
 }
-
-.divide-red-700>:not([hidden])~:not([hidden]) {
+.divide-red-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(185 28 28/var(--tw-divide-opacity))
+  border-color: rgb(185 28 28 / var(--tw-divide-opacity));
 }
-
-.divide-red-800>:not([hidden])~:not([hidden]) {
+.divide-red-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(153 27 27/var(--tw-divide-opacity))
+  border-color: rgb(153 27 27 / var(--tw-divide-opacity));
 }
-
-.divide-red-900>:not([hidden])~:not([hidden]) {
+.divide-red-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(127 29 29/var(--tw-divide-opacity))
+  border-color: rgb(127 29 29 / var(--tw-divide-opacity));
 }
-
-.divide-rose-100>:not([hidden])~:not([hidden]) {
+.divide-rose-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(255 228 230/var(--tw-divide-opacity))
+  border-color: rgb(255 228 230 / var(--tw-divide-opacity));
 }
-
-.divide-rose-200>:not([hidden])~:not([hidden]) {
+.divide-rose-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(254 205 211/var(--tw-divide-opacity))
+  border-color: rgb(254 205 211 / var(--tw-divide-opacity));
 }
-
-.divide-rose-300>:not([hidden])~:not([hidden]) {
+.divide-rose-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(253 164 175/var(--tw-divide-opacity))
+  border-color: rgb(253 164 175 / var(--tw-divide-opacity));
 }
-
-.divide-rose-400>:not([hidden])~:not([hidden]) {
+.divide-rose-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(251 113 133/var(--tw-divide-opacity))
+  border-color: rgb(251 113 133 / var(--tw-divide-opacity));
 }
-
-.divide-rose-50>:not([hidden])~:not([hidden]) {
+.divide-rose-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(255 241 242/var(--tw-divide-opacity))
+  border-color: rgb(255 241 242 / var(--tw-divide-opacity));
 }
-
-.divide-rose-500>:not([hidden])~:not([hidden]) {
+.divide-rose-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(244 63 94/var(--tw-divide-opacity))
+  border-color: rgb(244 63 94 / var(--tw-divide-opacity));
 }
-
-.divide-rose-600>:not([hidden])~:not([hidden]) {
+.divide-rose-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(225 29 72/var(--tw-divide-opacity))
+  border-color: rgb(225 29 72 / var(--tw-divide-opacity));
 }
-
-.divide-rose-700>:not([hidden])~:not([hidden]) {
+.divide-rose-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(190 18 60/var(--tw-divide-opacity))
+  border-color: rgb(190 18 60 / var(--tw-divide-opacity));
 }
-
-.divide-rose-800>:not([hidden])~:not([hidden]) {
+.divide-rose-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(159 18 57/var(--tw-divide-opacity))
+  border-color: rgb(159 18 57 / var(--tw-divide-opacity));
 }
-
-.divide-rose-900>:not([hidden])~:not([hidden]) {
+.divide-rose-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(136 19 55/var(--tw-divide-opacity))
+  border-color: rgb(136 19 55 / var(--tw-divide-opacity));
 }
-
-.divide-sky-100>:not([hidden])~:not([hidden]) {
+.divide-sky-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(224 242 254/var(--tw-divide-opacity))
+  border-color: rgb(224 242 254 / var(--tw-divide-opacity));
 }
-
-.divide-sky-200>:not([hidden])~:not([hidden]) {
+.divide-sky-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(186 230 253/var(--tw-divide-opacity))
+  border-color: rgb(186 230 253 / var(--tw-divide-opacity));
 }
-
-.divide-sky-300>:not([hidden])~:not([hidden]) {
+.divide-sky-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(125 211 252/var(--tw-divide-opacity))
+  border-color: rgb(125 211 252 / var(--tw-divide-opacity));
 }
-
-.divide-sky-400>:not([hidden])~:not([hidden]) {
+.divide-sky-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(56 189 248/var(--tw-divide-opacity))
+  border-color: rgb(56 189 248 / var(--tw-divide-opacity));
 }
-
-.divide-sky-50>:not([hidden])~:not([hidden]) {
+.divide-sky-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(240 249 255/var(--tw-divide-opacity))
+  border-color: rgb(240 249 255 / var(--tw-divide-opacity));
 }
-
-.divide-sky-500>:not([hidden])~:not([hidden]) {
+.divide-sky-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(14 165 233/var(--tw-divide-opacity))
+  border-color: rgb(14 165 233 / var(--tw-divide-opacity));
 }
-
-.divide-sky-600>:not([hidden])~:not([hidden]) {
+.divide-sky-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(2 132 199/var(--tw-divide-opacity))
+  border-color: rgb(2 132 199 / var(--tw-divide-opacity));
 }
-
-.divide-sky-700>:not([hidden])~:not([hidden]) {
+.divide-sky-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(3 105 161/var(--tw-divide-opacity))
+  border-color: rgb(3 105 161 / var(--tw-divide-opacity));
 }
-
-.divide-sky-800>:not([hidden])~:not([hidden]) {
+.divide-sky-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(7 89 133/var(--tw-divide-opacity))
+  border-color: rgb(7 89 133 / var(--tw-divide-opacity));
 }
-
-.divide-sky-900>:not([hidden])~:not([hidden]) {
+.divide-sky-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(12 74 110/var(--tw-divide-opacity))
+  border-color: rgb(12 74 110 / var(--tw-divide-opacity));
 }
-
-.divide-slate-100>:not([hidden])~:not([hidden]) {
+.divide-slate-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(241 245 249/var(--tw-divide-opacity))
+  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
 }
-
-.divide-slate-200>:not([hidden])~:not([hidden]) {
+.divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(226 232 240/var(--tw-divide-opacity))
+  border-color: rgb(226 232 240 / var(--tw-divide-opacity));
 }
-
-.divide-slate-300>:not([hidden])~:not([hidden]) {
+.divide-slate-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(203 213 225/var(--tw-divide-opacity))
+  border-color: rgb(203 213 225 / var(--tw-divide-opacity));
 }
-
-.divide-slate-400>:not([hidden])~:not([hidden]) {
+.divide-slate-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(148 163 184/var(--tw-divide-opacity))
+  border-color: rgb(148 163 184 / var(--tw-divide-opacity));
 }
-
-.divide-slate-50>:not([hidden])~:not([hidden]) {
+.divide-slate-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(248 250 252/var(--tw-divide-opacity))
+  border-color: rgb(248 250 252 / var(--tw-divide-opacity));
 }
-
-.divide-slate-500>:not([hidden])~:not([hidden]) {
+.divide-slate-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(100 116 139/var(--tw-divide-opacity))
+  border-color: rgb(100 116 139 / var(--tw-divide-opacity));
 }
-
-.divide-slate-600>:not([hidden])~:not([hidden]) {
+.divide-slate-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(71 85 105/var(--tw-divide-opacity))
+  border-color: rgb(71 85 105 / var(--tw-divide-opacity));
 }
-
-.divide-slate-700>:not([hidden])~:not([hidden]) {
+.divide-slate-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(51 65 85/var(--tw-divide-opacity))
+  border-color: rgb(51 65 85 / var(--tw-divide-opacity));
 }
-
-.divide-slate-800>:not([hidden])~:not([hidden]) {
+.divide-slate-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(30 41 59/var(--tw-divide-opacity))
+  border-color: rgb(30 41 59 / var(--tw-divide-opacity));
 }
-
-.divide-slate-900>:not([hidden])~:not([hidden]) {
+.divide-slate-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(15 23 42/var(--tw-divide-opacity))
+  border-color: rgb(15 23 42 / var(--tw-divide-opacity));
 }
-
-.divide-stone-100>:not([hidden])~:not([hidden]) {
+.divide-stone-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(245 245 244/var(--tw-divide-opacity))
+  border-color: rgb(245 245 244 / var(--tw-divide-opacity));
 }
-
-.divide-stone-200>:not([hidden])~:not([hidden]) {
+.divide-stone-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(231 229 228/var(--tw-divide-opacity))
+  border-color: rgb(231 229 228 / var(--tw-divide-opacity));
 }
-
-.divide-stone-300>:not([hidden])~:not([hidden]) {
+.divide-stone-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(214 211 209/var(--tw-divide-opacity))
+  border-color: rgb(214 211 209 / var(--tw-divide-opacity));
 }
-
-.divide-stone-400>:not([hidden])~:not([hidden]) {
+.divide-stone-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(168 162 158/var(--tw-divide-opacity))
+  border-color: rgb(168 162 158 / var(--tw-divide-opacity));
 }
-
-.divide-stone-50>:not([hidden])~:not([hidden]) {
+.divide-stone-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(250 250 249/var(--tw-divide-opacity))
+  border-color: rgb(250 250 249 / var(--tw-divide-opacity));
 }
-
-.divide-stone-500>:not([hidden])~:not([hidden]) {
+.divide-stone-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(120 113 108/var(--tw-divide-opacity))
+  border-color: rgb(120 113 108 / var(--tw-divide-opacity));
 }
-
-.divide-stone-600>:not([hidden])~:not([hidden]) {
+.divide-stone-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(87 83 78/var(--tw-divide-opacity))
+  border-color: rgb(87 83 78 / var(--tw-divide-opacity));
 }
-
-.divide-stone-700>:not([hidden])~:not([hidden]) {
+.divide-stone-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(68 64 60/var(--tw-divide-opacity))
+  border-color: rgb(68 64 60 / var(--tw-divide-opacity));
 }
-
-.divide-stone-800>:not([hidden])~:not([hidden]) {
+.divide-stone-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(41 37 36/var(--tw-divide-opacity))
+  border-color: rgb(41 37 36 / var(--tw-divide-opacity));
 }
-
-.divide-stone-900>:not([hidden])~:not([hidden]) {
+.divide-stone-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(28 25 23/var(--tw-divide-opacity))
+  border-color: rgb(28 25 23 / var(--tw-divide-opacity));
 }
-
-.divide-subtle>:not([hidden])~:not([hidden]) {
-  border-color: var(--cal-border-subtle,#e5e7eb)
+.divide-subtle > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--cal-border-subtle);
 }
-
-.divide-teal-100>:not([hidden])~:not([hidden]) {
+.divide-teal-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(204 251 241/var(--tw-divide-opacity))
+  border-color: rgb(204 251 241 / var(--tw-divide-opacity));
 }
-
-.divide-teal-200>:not([hidden])~:not([hidden]) {
+.divide-teal-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(153 246 228/var(--tw-divide-opacity))
+  border-color: rgb(153 246 228 / var(--tw-divide-opacity));
 }
-
-.divide-teal-300>:not([hidden])~:not([hidden]) {
+.divide-teal-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(94 234 212/var(--tw-divide-opacity))
+  border-color: rgb(94 234 212 / var(--tw-divide-opacity));
 }
-
-.divide-teal-400>:not([hidden])~:not([hidden]) {
+.divide-teal-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(45 212 191/var(--tw-divide-opacity))
+  border-color: rgb(45 212 191 / var(--tw-divide-opacity));
 }
-
-.divide-teal-50>:not([hidden])~:not([hidden]) {
+.divide-teal-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(240 253 250/var(--tw-divide-opacity))
+  border-color: rgb(240 253 250 / var(--tw-divide-opacity));
 }
-
-.divide-teal-500>:not([hidden])~:not([hidden]) {
+.divide-teal-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(20 184 166/var(--tw-divide-opacity))
+  border-color: rgb(20 184 166 / var(--tw-divide-opacity));
 }
-
-.divide-teal-600>:not([hidden])~:not([hidden]) {
+.divide-teal-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(13 148 136/var(--tw-divide-opacity))
+  border-color: rgb(13 148 136 / var(--tw-divide-opacity));
 }
-
-.divide-teal-700>:not([hidden])~:not([hidden]) {
+.divide-teal-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(15 118 110/var(--tw-divide-opacity))
+  border-color: rgb(15 118 110 / var(--tw-divide-opacity));
 }
-
-.divide-teal-800>:not([hidden])~:not([hidden]) {
+.divide-teal-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(17 94 89/var(--tw-divide-opacity))
+  border-color: rgb(17 94 89 / var(--tw-divide-opacity));
 }
-
-.divide-teal-900>:not([hidden])~:not([hidden]) {
+.divide-teal-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(19 78 74/var(--tw-divide-opacity))
+  border-color: rgb(19 78 74 / var(--tw-divide-opacity));
 }
-
-.divide-transparent>:not([hidden])~:not([hidden]) {
-  border-color: transparent
+.divide-transparent > :not([hidden]) ~ :not([hidden]) {
+  border-color: transparent;
 }
-
-.divide-violet-100>:not([hidden])~:not([hidden]) {
+.divide-violet-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(237 233 254/var(--tw-divide-opacity))
+  border-color: rgb(237 233 254 / var(--tw-divide-opacity));
 }
-
-.divide-violet-200>:not([hidden])~:not([hidden]) {
+.divide-violet-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(221 214 254/var(--tw-divide-opacity))
+  border-color: rgb(221 214 254 / var(--tw-divide-opacity));
 }
-
-.divide-violet-300>:not([hidden])~:not([hidden]) {
+.divide-violet-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(196 181 253/var(--tw-divide-opacity))
+  border-color: rgb(196 181 253 / var(--tw-divide-opacity));
 }
-
-.divide-violet-400>:not([hidden])~:not([hidden]) {
+.divide-violet-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(167 139 250/var(--tw-divide-opacity))
+  border-color: rgb(167 139 250 / var(--tw-divide-opacity));
 }
-
-.divide-violet-50>:not([hidden])~:not([hidden]) {
+.divide-violet-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(245 243 255/var(--tw-divide-opacity))
+  border-color: rgb(245 243 255 / var(--tw-divide-opacity));
 }
-
-.divide-violet-500>:not([hidden])~:not([hidden]) {
+.divide-violet-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(139 92 246/var(--tw-divide-opacity))
+  border-color: rgb(139 92 246 / var(--tw-divide-opacity));
 }
-
-.divide-violet-600>:not([hidden])~:not([hidden]) {
+.divide-violet-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(124 58 237/var(--tw-divide-opacity))
+  border-color: rgb(124 58 237 / var(--tw-divide-opacity));
 }
-
-.divide-violet-700>:not([hidden])~:not([hidden]) {
+.divide-violet-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(109 40 217/var(--tw-divide-opacity))
+  border-color: rgb(109 40 217 / var(--tw-divide-opacity));
 }
-
-.divide-violet-800>:not([hidden])~:not([hidden]) {
+.divide-violet-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(91 33 182/var(--tw-divide-opacity))
+  border-color: rgb(91 33 182 / var(--tw-divide-opacity));
 }
-
-.divide-violet-900>:not([hidden])~:not([hidden]) {
+.divide-violet-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(76 29 149/var(--tw-divide-opacity))
+  border-color: rgb(76 29 149 / var(--tw-divide-opacity));
 }
-
-.divide-white>:not([hidden])~:not([hidden]) {
+.divide-white > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(255 255 255/var(--tw-divide-opacity))
+  border-color: rgb(255 255 255 / var(--tw-divide-opacity));
 }
-
-.divide-yellow-100>:not([hidden])~:not([hidden]) {
+.divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(254 249 195/var(--tw-divide-opacity))
+  border-color: rgb(254 249 195 / var(--tw-divide-opacity));
 }
-
-.divide-yellow-200>:not([hidden])~:not([hidden]) {
+.divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(254 240 138/var(--tw-divide-opacity))
+  border-color: rgb(254 240 138 / var(--tw-divide-opacity));
 }
-
-.divide-yellow-300>:not([hidden])~:not([hidden]) {
+.divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(253 224 71/var(--tw-divide-opacity))
+  border-color: rgb(253 224 71 / var(--tw-divide-opacity));
 }
-
-.divide-yellow-400>:not([hidden])~:not([hidden]) {
+.divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(250 204 21/var(--tw-divide-opacity))
+  border-color: rgb(250 204 21 / var(--tw-divide-opacity));
 }
-
-.divide-yellow-50>:not([hidden])~:not([hidden]) {
+.divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(254 252 232/var(--tw-divide-opacity))
+  border-color: rgb(254 252 232 / var(--tw-divide-opacity));
 }
-
-.divide-yellow-500>:not([hidden])~:not([hidden]) {
+.divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(234 179 8/var(--tw-divide-opacity))
+  border-color: rgb(234 179 8 / var(--tw-divide-opacity));
 }
-
-.divide-yellow-600>:not([hidden])~:not([hidden]) {
+.divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(202 138 4/var(--tw-divide-opacity))
+  border-color: rgb(202 138 4 / var(--tw-divide-opacity));
 }
-
-.divide-yellow-700>:not([hidden])~:not([hidden]) {
+.divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(161 98 7/var(--tw-divide-opacity))
+  border-color: rgb(161 98 7 / var(--tw-divide-opacity));
 }
-
-.divide-yellow-800>:not([hidden])~:not([hidden]) {
+.divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(133 77 14/var(--tw-divide-opacity))
+  border-color: rgb(133 77 14 / var(--tw-divide-opacity));
 }
-
-.divide-yellow-900>:not([hidden])~:not([hidden]) {
+.divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(113 63 18/var(--tw-divide-opacity))
+  border-color: rgb(113 63 18 / var(--tw-divide-opacity));
 }
-
-.divide-zinc-100>:not([hidden])~:not([hidden]) {
+.divide-zinc-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(244 244 245/var(--tw-divide-opacity))
+  border-color: rgb(244 244 245 / var(--tw-divide-opacity));
 }
-
-.divide-zinc-200>:not([hidden])~:not([hidden]) {
+.divide-zinc-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(228 228 231/var(--tw-divide-opacity))
+  border-color: rgb(228 228 231 / var(--tw-divide-opacity));
 }
-
-.divide-zinc-300>:not([hidden])~:not([hidden]) {
+.divide-zinc-300 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(212 212 216/var(--tw-divide-opacity))
+  border-color: rgb(212 212 216 / var(--tw-divide-opacity));
 }
-
-.divide-zinc-400>:not([hidden])~:not([hidden]) {
+.divide-zinc-400 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(161 161 170/var(--tw-divide-opacity))
+  border-color: rgb(161 161 170 / var(--tw-divide-opacity));
 }
-
-.divide-zinc-50>:not([hidden])~:not([hidden]) {
+.divide-zinc-50 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(250 250 250/var(--tw-divide-opacity))
+  border-color: rgb(250 250 250 / var(--tw-divide-opacity));
 }
-
-.divide-zinc-500>:not([hidden])~:not([hidden]) {
+.divide-zinc-500 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(113 113 122/var(--tw-divide-opacity))
+  border-color: rgb(113 113 122 / var(--tw-divide-opacity));
 }
-
-.divide-zinc-600>:not([hidden])~:not([hidden]) {
+.divide-zinc-600 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(82 82 91/var(--tw-divide-opacity))
+  border-color: rgb(82 82 91 / var(--tw-divide-opacity));
 }
-
-.divide-zinc-700>:not([hidden])~:not([hidden]) {
+.divide-zinc-700 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(63 63 70/var(--tw-divide-opacity))
+  border-color: rgb(63 63 70 / var(--tw-divide-opacity));
 }
-
-.divide-zinc-800>:not([hidden])~:not([hidden]) {
+.divide-zinc-800 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(39 39 42/var(--tw-divide-opacity))
+  border-color: rgb(39 39 42 / var(--tw-divide-opacity));
 }
-
-.divide-zinc-900>:not([hidden])~:not([hidden]) {
+.divide-zinc-900 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
-  border-color: rgb(24 24 27/var(--tw-divide-opacity))
+  border-color: rgb(24 24 27 / var(--tw-divide-opacity));
+}
+.place-self-end {
+  place-self: end;
 }
-
 .place-self-center {
-  place-self: center
+  place-self: center;
 }
-
 .self-start {
-  align-self: flex-start
+  align-self: flex-start;
 }
-
 .self-end {
-  align-self: flex-end
+  align-self: flex-end;
 }
-
 .self-center {
-  align-self: center
+  align-self: center;
 }
-
 .self-stretch {
-  align-self: stretch
+  align-self: stretch;
+}
+.justify-self-start {
+  justify-self: start;
 }
-
 .justify-self-end {
-  justify-self: end
+  justify-self: end;
 }
-
 .overflow-auto {
-  overflow: auto
+  overflow: auto;
 }
-
 .overflow-hidden {
-  overflow: hidden
+  overflow: hidden;
 }
-
 .overflow-clip {
-  overflow: clip
+  overflow: clip;
 }
-
 .overflow-visible {
-  overflow: visible
+  overflow: visible;
 }
-
 .overflow-scroll {
-  overflow: scroll
+  overflow: scroll;
 }
-
 .overflow-x-auto {
-  overflow-x: auto
+  overflow-x: auto;
 }
-
 .overflow-y-auto {
-  overflow-y: auto
+  overflow-y: auto;
 }
-
 .overflow-x-hidden {
-  overflow-x: hidden
+  overflow-x: hidden;
 }
-
 .overflow-y-hidden {
-  overflow-y: hidden
+  overflow-y: hidden;
 }
-
 .overflow-x-clip {
-  overflow-x: clip
+  overflow-x: clip;
 }
-
 .overflow-x-scroll {
-  overflow-x: scroll
+  overflow-x: scroll;
 }
-
 .\!overflow-y-scroll {
-  overflow-y: scroll!important
+  overflow-y: scroll !important;
 }
-
 .overflow-y-scroll {
-  overflow-y: scroll
+  overflow-y: scroll;
 }
-
 .scroll-auto {
-  scroll-behavior: auto
+  scroll-behavior: auto;
 }
-
 .truncate {
   overflow: hidden;
-  white-space: nowrap
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-
-.overflow-ellipsis,.text-ellipsis,.truncate {
-  text-overflow: ellipsis
+.overflow-ellipsis {
+  text-overflow: ellipsis;
+}
+.text-ellipsis {
+  text-overflow: ellipsis;
 }
-
 .text-clip {
-  text-overflow: clip
+  text-overflow: clip;
 }
-
 .whitespace-normal {
-  white-space: normal
+  white-space: normal;
 }
-
 .whitespace-nowrap {
-  white-space: nowrap
+  white-space: nowrap;
 }
-
 .whitespace-pre {
-  white-space: pre
+  white-space: pre;
+}
+.whitespace-pre-line {
+  white-space: pre-line;
 }
-
 .whitespace-pre-wrap {
-  white-space: pre-wrap
+  white-space: pre-wrap;
 }
-
 .break-words {
-  overflow-wrap: break-word
+  overflow-wrap: break-word;
 }
-
 .break-all {
-  word-break: break-all
+  word-break: break-all;
 }
-
 .rounded {
-  border-radius: .25rem
+  border-radius: var(--cal-radius);
 }
-
 .rounded-2xl {
-  border-radius: 1rem
+  border-radius: var(--cal-radius-2xl);
 }
-
 .rounded-3xl {
-  border-radius: 1.5rem
+  border-radius: var(--cal-radius-3xl);
+}
+.rounded-\[10px\] {
+  border-radius: 10px;
 }
-
 .rounded-\[1px\] {
-  border-radius: 1px
+  border-radius: 1px;
 }
-
 .rounded-\[32px\] {
-  border-radius: 32px
+  border-radius: 32px;
 }
-
 .rounded-\[4px\] {
-  border-radius: 4px
+  border-radius: 4px;
 }
-
 .rounded-\[5px\] {
-  border-radius: 5px
+  border-radius: 5px;
 }
-
 .rounded-\[6px\] {
-  border-radius: 6px
+  border-radius: 6px;
 }
-
 .rounded-full {
-  border-radius: 9999px
+  border-radius: var(--cal-radius-full);
 }
-
 .rounded-lg {
-  border-radius: .5rem
+  border-radius: var(--cal-radius-lg);
 }
-
 .rounded-md {
-  border-radius: .375rem
+  border-radius: var(--cal-radius-md);
 }
-
 .rounded-none {
-  border-radius: 0
+  border-radius: var(--cal-radius-none);
 }
-
 .rounded-sm {
-  border-radius: .125rem
+  border-radius: var(--cal-radius-sm);
 }
-
 .rounded-xl {
-  border-radius: .75rem
+  border-radius: var(--cal-radius-xl);
 }
-
 .rounded-b {
-  border-bottom-right-radius: .25rem;
-  border-bottom-left-radius: .25rem
+  border-bottom-right-radius: var(--cal-radius);
+  border-bottom-left-radius: var(--cal-radius);
+}
+.rounded-b-2xl {
+  border-bottom-right-radius: var(--cal-radius-2xl);
+  border-bottom-left-radius: var(--cal-radius-2xl);
 }
-
 .rounded-b-full {
-  border-bottom-right-radius: 9999px;
-  border-bottom-left-radius: 9999px
+  border-bottom-right-radius: var(--cal-radius-full);
+  border-bottom-left-radius: var(--cal-radius-full);
 }
-
 .rounded-b-lg {
-  border-bottom-right-radius: .5rem;
-  border-bottom-left-radius: .5rem
+  border-bottom-right-radius: var(--cal-radius-lg);
+  border-bottom-left-radius: var(--cal-radius-lg);
 }
-
 .rounded-b-md {
-  border-bottom-right-radius: .375rem;
-  border-bottom-left-radius: .375rem
+  border-bottom-right-radius: var(--cal-radius-md);
+  border-bottom-left-radius: var(--cal-radius-md);
 }
-
 .rounded-b-none {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0
+  border-bottom-right-radius: var(--cal-radius-none);
+  border-bottom-left-radius: var(--cal-radius-none);
 }
-
 .rounded-b-xl {
-  border-bottom-right-radius: .75rem;
-  border-bottom-left-radius: .75rem
+  border-bottom-right-radius: var(--cal-radius-xl);
+  border-bottom-left-radius: var(--cal-radius-xl);
+}
+.rounded-e {
+  border-start-end-radius: var(--cal-radius);
+  border-end-end-radius: var(--cal-radius);
 }
-
 .rounded-l {
-  border-top-left-radius: .25rem;
-  border-bottom-left-radius: .25rem
+  border-top-left-radius: var(--cal-radius);
+  border-bottom-left-radius: var(--cal-radius);
 }
-
 .rounded-l-2xl {
-  border-top-left-radius: 1rem;
-  border-bottom-left-radius: 1rem
+  border-top-left-radius: var(--cal-radius-2xl);
+  border-bottom-left-radius: var(--cal-radius-2xl);
 }
-
 .rounded-l-full {
-  border-top-left-radius: 9999px;
-  border-bottom-left-radius: 9999px
+  border-top-left-radius: var(--cal-radius-full);
+  border-bottom-left-radius: var(--cal-radius-full);
 }
-
 .rounded-l-lg {
-  border-top-left-radius: .5rem;
-  border-bottom-left-radius: .5rem
+  border-top-left-radius: var(--cal-radius-lg);
+  border-bottom-left-radius: var(--cal-radius-lg);
 }
-
 .rounded-l-md {
-  border-top-left-radius: .375rem;
-  border-bottom-left-radius: .375rem
+  border-top-left-radius: var(--cal-radius-md);
+  border-bottom-left-radius: var(--cal-radius-md);
 }
-
 .rounded-l-none {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0
+  border-top-left-radius: var(--cal-radius-none);
+  border-bottom-left-radius: var(--cal-radius-none);
 }
-
 .rounded-l-sm {
-  border-top-left-radius: .125rem;
-  border-bottom-left-radius: .125rem
+  border-top-left-radius: var(--cal-radius-sm);
+  border-bottom-left-radius: var(--cal-radius-sm);
 }
-
 .rounded-r {
-  border-top-right-radius: .25rem;
-  border-bottom-right-radius: .25rem
+  border-top-right-radius: var(--cal-radius);
+  border-bottom-right-radius: var(--cal-radius);
 }
-
 .rounded-r-full {
-  border-top-right-radius: 9999px;
-  border-bottom-right-radius: 9999px
+  border-top-right-radius: var(--cal-radius-full);
+  border-bottom-right-radius: var(--cal-radius-full);
 }
-
 .rounded-r-lg {
-  border-top-right-radius: .5rem;
-  border-bottom-right-radius: .5rem
+  border-top-right-radius: var(--cal-radius-lg);
+  border-bottom-right-radius: var(--cal-radius-lg);
 }
-
 .rounded-r-md {
-  border-top-right-radius: .375rem;
-  border-bottom-right-radius: .375rem
+  border-top-right-radius: var(--cal-radius-md);
+  border-bottom-right-radius: var(--cal-radius-md);
 }
-
 .rounded-r-none {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0
+  border-top-right-radius: var(--cal-radius-none);
+  border-bottom-right-radius: var(--cal-radius-none);
 }
-
 .rounded-r-sm {
-  border-top-right-radius: .125rem;
-  border-bottom-right-radius: .125rem
+  border-top-right-radius: var(--cal-radius-sm);
+  border-bottom-right-radius: var(--cal-radius-sm);
+}
+.rounded-s {
+  border-start-start-radius: var(--cal-radius);
+  border-end-start-radius: var(--cal-radius);
 }
-
 .rounded-t {
-  border-top-left-radius: .25rem;
-  border-top-right-radius: .25rem
+  border-top-left-radius: var(--cal-radius);
+  border-top-right-radius: var(--cal-radius);
 }
-
 .rounded-t-full {
-  border-top-left-radius: 9999px;
-  border-top-right-radius: 9999px
+  border-top-left-radius: var(--cal-radius-full);
+  border-top-right-radius: var(--cal-radius-full);
 }
-
 .rounded-t-lg {
-  border-top-left-radius: .5rem;
-  border-top-right-radius: .5rem
+  border-top-left-radius: var(--cal-radius-lg);
+  border-top-right-radius: var(--cal-radius-lg);
 }
-
 .rounded-t-md {
-  border-top-left-radius: .375rem;
-  border-top-right-radius: .375rem
+  border-top-left-radius: var(--cal-radius-md);
+  border-top-right-radius: var(--cal-radius-md);
 }
-
 .rounded-t-none {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0
+  border-top-left-radius: var(--cal-radius-none);
+  border-top-right-radius: var(--cal-radius-none);
 }
-
 .rounded-t-xl {
-  border-top-left-radius: .75rem;
-  border-top-right-radius: .75rem
+  border-top-left-radius: var(--cal-radius-xl);
+  border-top-right-radius: var(--cal-radius-xl);
 }
-
 .rounded-bl {
-  border-bottom-left-radius: .25rem
+  border-bottom-left-radius: var(--cal-radius);
 }
-
 .rounded-bl-2xl {
-  border-bottom-left-radius: 1rem
+  border-bottom-left-radius: var(--cal-radius-2xl);
 }
-
 .rounded-bl-md {
-  border-bottom-left-radius: .375rem
+  border-bottom-left-radius: var(--cal-radius-md);
 }
-
 .rounded-br {
-  border-bottom-right-radius: .25rem
+  border-bottom-right-radius: var(--cal-radius);
 }
-
 .rounded-br-md {
-  border-bottom-right-radius: .375rem
+  border-bottom-right-radius: var(--cal-radius-md);
 }
-
 .rounded-br-none {
-  border-bottom-right-radius: 0
+  border-bottom-right-radius: var(--cal-radius-none);
 }
-
-.rounded-tl {
-  border-top-left-radius: .25rem
+.rounded-ee {
+  border-end-end-radius: var(--cal-radius);
 }
-
-.rounded-tl-2xl {
-  border-top-left-radius: 1rem
+.rounded-es {
+  border-end-start-radius: var(--cal-radius);
 }
-
-.rounded-tl-lg {
-  border-top-left-radius: .5rem
+.rounded-se {
+  border-start-end-radius: var(--cal-radius);
 }
-
-.rounded-tr {
-  border-top-right-radius: .25rem
+.rounded-ss {
+  border-start-start-radius: var(--cal-radius);
 }
-
-.rounded-tr-lg {
-  border-top-right-radius: .5rem
+.rounded-tl {
+  border-top-left-radius: var(--cal-radius);
 }
-
-.\!border-0 {
-  border-width: 0!important
+.rounded-tl-2xl {
+  border-top-left-radius: var(--cal-radius-2xl);
+}
+.rounded-tr {
+  border-top-right-radius: var(--cal-radius);
 }
-
 .border {
-  border-width: 1px
+  border-width: 1px;
 }
-
 .border-0 {
-  border-width: 0
+  border-width: 0px;
 }
-
 .border-2 {
-  border-width: 2px
+  border-width: 2px;
 }
-
 .border-4 {
-  border-width: 4px
+  border-width: 4px;
+}
+.border-8 {
+  border-width: 8px;
 }
-
 .border-\[1\.5px\] {
-  border-width: 1.5px
+  border-width: 1.5px;
 }
-
 .border-\[1px\] {
-  border-width: 1px
+  border-width: 1px;
 }
-
 .border-booker-width {
-  border-width: var(--cal-border-booker-width,1px)
+  border-width: var(--cal-border-booker-width, 1px);
 }
-
 .border-x {
   border-left-width: 1px;
-  border-right-width: 1px
+  border-right-width: 1px;
 }
-
 .border-y {
   border-top-width: 1px;
-  border-bottom-width: 1px
+  border-bottom-width: 1px;
 }
-
 .border-y-0 {
-  border-top-width: 0;
-  border-bottom-width: 0
+  border-top-width: 0px;
+  border-bottom-width: 0px;
 }
-
 .border-b {
-  border-bottom-width: 1px
+  border-bottom-width: 1px;
 }
-
 .border-b-0 {
-  border-bottom-width: 0
+  border-bottom-width: 0px;
 }
-
 .border-b-2 {
-  border-bottom-width: 2px
+  border-bottom-width: 2px;
 }
-
 .border-b-4 {
-  border-bottom-width: 4px
+  border-bottom-width: 4px;
+}
+.border-b-\[1px\] {
+  border-bottom-width: 1px;
+}
+.border-e {
+  border-inline-end-width: 1px;
 }
-
 .border-l {
-  border-left-width: 1px
+  border-left-width: 1px;
 }
-
 .border-l-0 {
-  border-left-width: 0
+  border-left-width: 0px;
 }
-
 .border-l-2 {
-  border-left-width: 2px
+  border-left-width: 2px;
 }
-
 .border-l-4 {
-  border-left-width: 4px
+  border-left-width: 4px;
 }
-
 .border-r {
-  border-right-width: 1px
+  border-right-width: 1px;
 }
-
 .border-r-0 {
-  border-right-width: 0
+  border-right-width: 0px;
 }
-
 .border-r-2 {
-  border-right-width: 2px
+  border-right-width: 2px;
 }
-
 .border-r-4 {
-  border-right-width: 4px
+  border-right-width: 4px;
+}
+.border-s {
+  border-inline-start-width: 1px;
 }
-
 .border-t {
-  border-top-width: 1px
+  border-top-width: 1px;
 }
-
 .border-t-0 {
-  border-top-width: 0
+  border-top-width: 0px;
 }
-
 .border-t-2 {
-  border-top-width: 2px
+  border-top-width: 2px;
 }
-
 .border-t-4 {
-  border-top-width: 4px
+  border-top-width: 4px;
 }
-
 .border-solid {
-  border-style: solid
+  border-style: solid;
 }
-
 .border-dashed {
-  border-style: dashed
+  border-style: dashed;
 }
-
 .border-none {
-  border-style: none
+  border-style: none;
 }
-
 .\!border-muted {
-  border-color: var(--cal-border-muted,#f3f4f6)!important
+  border-color: var(--cal-border-muted) !important;
 }
-
 .\!border-red-700 {
-  --tw-border-opacity: 1!important;
-  border-color: rgb(185 28 28/var(--tw-border-opacity))!important
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(185 28 28 / var(--tw-border-opacity)) !important;
+}
+.border-\[\#e5e7eb\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity));
 }
-
 .border-amber-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(254 243 199/var(--tw-border-opacity))
+  border-color: rgb(254 243 199 / var(--tw-border-opacity));
 }
-
 .border-amber-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(253 230 138/var(--tw-border-opacity))
+  border-color: rgb(253 230 138 / var(--tw-border-opacity));
 }
-
 .border-amber-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(252 211 77/var(--tw-border-opacity))
+  border-color: rgb(252 211 77 / var(--tw-border-opacity));
 }
-
 .border-amber-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(251 191 36/var(--tw-border-opacity))
+  border-color: rgb(251 191 36 / var(--tw-border-opacity));
 }
-
 .border-amber-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(255 251 235/var(--tw-border-opacity))
+  border-color: rgb(255 251 235 / var(--tw-border-opacity));
 }
-
 .border-amber-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(245 158 11/var(--tw-border-opacity))
+  border-color: rgb(245 158 11 / var(--tw-border-opacity));
 }
-
 .border-amber-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(217 119 6/var(--tw-border-opacity))
+  border-color: rgb(217 119 6 / var(--tw-border-opacity));
 }
-
 .border-amber-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(180 83 9/var(--tw-border-opacity))
+  border-color: rgb(180 83 9 / var(--tw-border-opacity));
 }
-
 .border-amber-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(146 64 14/var(--tw-border-opacity))
+  border-color: rgb(146 64 14 / var(--tw-border-opacity));
 }
-
 .border-amber-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(120 53 15/var(--tw-border-opacity))
+  border-color: rgb(120 53 15 / var(--tw-border-opacity));
 }
-
 .border-black {
   --tw-border-opacity: 1;
-  border-color: rgb(17 17 17/var(--tw-border-opacity))
+  border-color: rgb(17 17 17 / var(--tw-border-opacity));
 }
-
 .border-blue-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(219 234 254/var(--tw-border-opacity))
+  border-color: rgb(219 234 254 / var(--tw-border-opacity));
 }
-
 .border-blue-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(191 219 254/var(--tw-border-opacity))
+  border-color: rgb(191 219 254 / var(--tw-border-opacity));
 }
-
 .border-blue-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(147 197 253/var(--tw-border-opacity))
+  border-color: rgb(147 197 253 / var(--tw-border-opacity));
 }
-
 .border-blue-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(96 165 250/var(--tw-border-opacity))
+  border-color: rgb(96 165 250 / var(--tw-border-opacity));
 }
-
 .border-blue-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(239 246 255/var(--tw-border-opacity))
+  border-color: rgb(239 246 255 / var(--tw-border-opacity));
 }
-
 .border-blue-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(59 130 246/var(--tw-border-opacity))
+  border-color: rgb(59 130 246 / var(--tw-border-opacity));
 }
-
 .border-blue-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(37 99 235/var(--tw-border-opacity))
+  border-color: rgb(37 99 235 / var(--tw-border-opacity));
 }
-
 .border-blue-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(29 78 216/var(--tw-border-opacity))
+  border-color: rgb(29 78 216 / var(--tw-border-opacity));
 }
-
 .border-blue-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(30 64 175/var(--tw-border-opacity))
+  border-color: rgb(30 64 175 / var(--tw-border-opacity));
 }
-
 .border-blue-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(30 58 138/var(--tw-border-opacity))
+  border-color: rgb(30 58 138 / var(--tw-border-opacity));
 }
-
 .border-booker {
-  border-color: var(--cal-border-booker,#e5e7eb)
+  border-color: var(--cal-border-booker, #E5E7EB);
 }
-
 .border-brand-default {
-  border-color: var(--cal-brand,#111827)
+  border-color: var(--cal-brand,#111827);
+}
+.border-cal-bg {
+  border-color: var(--cal-bg);
 }
-
 .border-cyan-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(207 250 254/var(--tw-border-opacity))
+  border-color: rgb(207 250 254 / var(--tw-border-opacity));
 }
-
 .border-cyan-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(165 243 252/var(--tw-border-opacity))
+  border-color: rgb(165 243 252 / var(--tw-border-opacity));
 }
-
 .border-cyan-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(103 232 249/var(--tw-border-opacity))
+  border-color: rgb(103 232 249 / var(--tw-border-opacity));
 }
-
 .border-cyan-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(34 211 238/var(--tw-border-opacity))
+  border-color: rgb(34 211 238 / var(--tw-border-opacity));
 }
-
 .border-cyan-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(236 254 255/var(--tw-border-opacity))
+  border-color: rgb(236 254 255 / var(--tw-border-opacity));
 }
-
 .border-cyan-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(6 182 212/var(--tw-border-opacity))
+  border-color: rgb(6 182 212 / var(--tw-border-opacity));
 }
-
 .border-cyan-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(8 145 178/var(--tw-border-opacity))
+  border-color: rgb(8 145 178 / var(--tw-border-opacity));
 }
-
 .border-cyan-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(14 116 144/var(--tw-border-opacity))
+  border-color: rgb(14 116 144 / var(--tw-border-opacity));
 }
-
 .border-cyan-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(21 94 117/var(--tw-border-opacity))
+  border-color: rgb(21 94 117 / var(--tw-border-opacity));
 }
-
 .border-cyan-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(22 78 99/var(--tw-border-opacity))
+  border-color: rgb(22 78 99 / var(--tw-border-opacity));
 }
-
 .border-default {
-  border-color: var(--cal-border,#d1d5db)
+  border-color: var(--cal-border);
 }
-
 .border-emerald-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(209 250 229/var(--tw-border-opacity))
+  border-color: rgb(209 250 229 / var(--tw-border-opacity));
 }
-
 .border-emerald-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(167 243 208/var(--tw-border-opacity))
+  border-color: rgb(167 243 208 / var(--tw-border-opacity));
 }
-
 .border-emerald-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(110 231 183/var(--tw-border-opacity))
+  border-color: rgb(110 231 183 / var(--tw-border-opacity));
 }
-
 .border-emerald-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(52 211 153/var(--tw-border-opacity))
+  border-color: rgb(52 211 153 / var(--tw-border-opacity));
 }
-
 .border-emerald-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(236 253 245/var(--tw-border-opacity))
+  border-color: rgb(236 253 245 / var(--tw-border-opacity));
 }
-
 .border-emerald-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(16 185 129/var(--tw-border-opacity))
+  border-color: rgb(16 185 129 / var(--tw-border-opacity));
 }
-
 .border-emerald-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(5 150 105/var(--tw-border-opacity))
+  border-color: rgb(5 150 105 / var(--tw-border-opacity));
 }
-
 .border-emerald-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(4 120 87/var(--tw-border-opacity))
+  border-color: rgb(4 120 87 / var(--tw-border-opacity));
 }
-
 .border-emerald-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(6 95 70/var(--tw-border-opacity))
+  border-color: rgb(6 95 70 / var(--tw-border-opacity));
 }
-
 .border-emerald-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(6 78 59/var(--tw-border-opacity))
+  border-color: rgb(6 78 59 / var(--tw-border-opacity));
 }
-
 .border-emphasis {
-  border-color: var(--cal-border-emphasis,#9ca3af)
+  border-color: var(--cal-border-emphasis);
 }
-
 .border-error {
-  border-color: var(--cal-border-error,#aa2e26)
+  border-color: var(--cal-border-error);
 }
-
 .border-fuchsia-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(250 232 255/var(--tw-border-opacity))
+  border-color: rgb(250 232 255 / var(--tw-border-opacity));
 }
-
 .border-fuchsia-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(245 208 254/var(--tw-border-opacity))
+  border-color: rgb(245 208 254 / var(--tw-border-opacity));
 }
-
 .border-fuchsia-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(240 171 252/var(--tw-border-opacity))
+  border-color: rgb(240 171 252 / var(--tw-border-opacity));
 }
-
 .border-fuchsia-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(232 121 249/var(--tw-border-opacity))
+  border-color: rgb(232 121 249 / var(--tw-border-opacity));
 }
-
 .border-fuchsia-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(253 244 255/var(--tw-border-opacity))
+  border-color: rgb(253 244 255 / var(--tw-border-opacity));
 }
-
 .border-fuchsia-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(217 70 239/var(--tw-border-opacity))
+  border-color: rgb(217 70 239 / var(--tw-border-opacity));
 }
-
 .border-fuchsia-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(192 38 211/var(--tw-border-opacity))
+  border-color: rgb(192 38 211 / var(--tw-border-opacity));
 }
-
 .border-fuchsia-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(162 28 175/var(--tw-border-opacity))
+  border-color: rgb(162 28 175 / var(--tw-border-opacity));
 }
-
 .border-fuchsia-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(134 25 143/var(--tw-border-opacity))
+  border-color: rgb(134 25 143 / var(--tw-border-opacity));
 }
-
 .border-fuchsia-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(112 26 117/var(--tw-border-opacity))
+  border-color: rgb(112 26 117 / var(--tw-border-opacity));
 }
-
 .border-gray-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(243 244 246/var(--tw-border-opacity))
+  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-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-color: rgb(209 213 219 / var(--tw-border-opacity));
 }
-
 .border-gray-300\/20 {
-  border-color: rgba(209,213,219,.2)
+  border-color: rgb(209 213 219 / 0.2);
 }
-
 .border-gray-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(156 163 175/var(--tw-border-opacity))
+  border-color: rgb(156 163 175 / var(--tw-border-opacity));
 }
-
 .border-gray-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(249 250 251/var(--tw-border-opacity))
+  border-color: rgb(249 250 251 / var(--tw-border-opacity));
 }
-
 .border-gray-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(107 114 128/var(--tw-border-opacity))
+  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-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-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-color: rgb(31 41 55 / var(--tw-border-opacity));
 }
-
 .border-gray-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(17 24 39/var(--tw-border-opacity))
+  border-color: rgb(17 24 39 / var(--tw-border-opacity));
 }
-
 .border-green-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(220 252 231/var(--tw-border-opacity))
+  border-color: rgb(220 252 231 / var(--tw-border-opacity));
 }
-
 .border-green-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(187 247 208/var(--tw-border-opacity))
+  border-color: rgb(187 247 208 / var(--tw-border-opacity));
 }
-
 .border-green-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(134 239 172/var(--tw-border-opacity))
+  border-color: rgb(134 239 172 / var(--tw-border-opacity));
 }
-
 .border-green-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(74 222 128/var(--tw-border-opacity))
+  border-color: rgb(74 222 128 / var(--tw-border-opacity));
 }
-
 .border-green-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(240 253 244/var(--tw-border-opacity))
+  border-color: rgb(240 253 244 / var(--tw-border-opacity));
 }
-
 .border-green-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(34 197 94/var(--tw-border-opacity))
+  border-color: rgb(34 197 94 / var(--tw-border-opacity));
 }
-
 .border-green-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(22 163 74/var(--tw-border-opacity))
+  border-color: rgb(22 163 74 / var(--tw-border-opacity));
 }
-
 .border-green-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(21 128 61/var(--tw-border-opacity))
+  border-color: rgb(21 128 61 / var(--tw-border-opacity));
 }
-
 .border-green-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(22 101 52/var(--tw-border-opacity))
+  border-color: rgb(22 101 52 / var(--tw-border-opacity));
 }
-
 .border-green-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(20 83 45/var(--tw-border-opacity))
+  border-color: rgb(20 83 45 / var(--tw-border-opacity));
 }
-
 .border-indigo-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(224 231 255/var(--tw-border-opacity))
+  border-color: rgb(224 231 255 / var(--tw-border-opacity));
 }
-
 .border-indigo-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(199 210 254/var(--tw-border-opacity))
+  border-color: rgb(199 210 254 / var(--tw-border-opacity));
 }
-
 .border-indigo-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(165 180 252/var(--tw-border-opacity))
+  border-color: rgb(165 180 252 / var(--tw-border-opacity));
 }
-
 .border-indigo-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(129 140 248/var(--tw-border-opacity))
+  border-color: rgb(129 140 248 / var(--tw-border-opacity));
 }
-
 .border-indigo-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(238 242 255/var(--tw-border-opacity))
+  border-color: rgb(238 242 255 / var(--tw-border-opacity));
 }
-
 .border-indigo-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(99 102 241/var(--tw-border-opacity))
+  border-color: rgb(99 102 241 / var(--tw-border-opacity));
 }
-
 .border-indigo-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(79 70 229/var(--tw-border-opacity))
+  border-color: rgb(79 70 229 / var(--tw-border-opacity));
 }
-
 .border-indigo-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(67 56 202/var(--tw-border-opacity))
+  border-color: rgb(67 56 202 / var(--tw-border-opacity));
 }
-
 .border-indigo-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(55 48 163/var(--tw-border-opacity))
+  border-color: rgb(55 48 163 / var(--tw-border-opacity));
 }
-
 .border-indigo-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(49 46 129/var(--tw-border-opacity))
+  border-color: rgb(49 46 129 / var(--tw-border-opacity));
 }
-
 .border-inverted {
-  border-color: var(--cal-bg-inverted)
+  border-color: var(--cal-bg-inverted);
 }
-
 .border-lime-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(236 252 203/var(--tw-border-opacity))
+  border-color: rgb(236 252 203 / var(--tw-border-opacity));
 }
-
 .border-lime-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(217 249 157/var(--tw-border-opacity))
+  border-color: rgb(217 249 157 / var(--tw-border-opacity));
 }
-
 .border-lime-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(190 242 100/var(--tw-border-opacity))
+  border-color: rgb(190 242 100 / var(--tw-border-opacity));
 }
-
 .border-lime-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(163 230 53/var(--tw-border-opacity))
+  border-color: rgb(163 230 53 / var(--tw-border-opacity));
 }
-
 .border-lime-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(247 254 231/var(--tw-border-opacity))
+  border-color: rgb(247 254 231 / var(--tw-border-opacity));
 }
-
 .border-lime-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(132 204 22/var(--tw-border-opacity))
+  border-color: rgb(132 204 22 / var(--tw-border-opacity));
 }
-
 .border-lime-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(101 163 13/var(--tw-border-opacity))
+  border-color: rgb(101 163 13 / var(--tw-border-opacity));
 }
-
 .border-lime-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(77 124 15/var(--tw-border-opacity))
+  border-color: rgb(77 124 15 / var(--tw-border-opacity));
 }
-
 .border-lime-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(63 98 18/var(--tw-border-opacity))
+  border-color: rgb(63 98 18 / var(--tw-border-opacity));
 }
-
 .border-lime-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(54 83 20/var(--tw-border-opacity))
+  border-color: rgb(54 83 20 / var(--tw-border-opacity));
 }
-
 .border-muted {
-  border-color: var(--cal-border-muted,#f3f4f6)
+  border-color: var(--cal-border-muted);
 }
-
 .border-neutral-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(245 245 245/var(--tw-border-opacity))
+  border-color: rgb(245 245 245 / var(--tw-border-opacity));
 }
-
 .border-neutral-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(229 229 229/var(--tw-border-opacity))
+  border-color: rgb(229 229 229 / var(--tw-border-opacity));
 }
-
 .border-neutral-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(212 212 212/var(--tw-border-opacity))
+  border-color: rgb(212 212 212 / var(--tw-border-opacity));
 }
-
 .border-neutral-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(163 163 163/var(--tw-border-opacity))
+  border-color: rgb(163 163 163 / var(--tw-border-opacity));
 }
-
 .border-neutral-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(250 250 250/var(--tw-border-opacity))
+  border-color: rgb(250 250 250 / var(--tw-border-opacity));
 }
-
 .border-neutral-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(115 115 115/var(--tw-border-opacity))
+  border-color: rgb(115 115 115 / var(--tw-border-opacity));
 }
-
 .border-neutral-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(82 82 82/var(--tw-border-opacity))
+  border-color: rgb(82 82 82 / var(--tw-border-opacity));
 }
-
 .border-neutral-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(64 64 64/var(--tw-border-opacity))
+  border-color: rgb(64 64 64 / var(--tw-border-opacity));
 }
-
 .border-neutral-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(38 38 38/var(--tw-border-opacity))
+  border-color: rgb(38 38 38 / var(--tw-border-opacity));
 }
-
 .border-neutral-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(23 23 23/var(--tw-border-opacity))
+  border-color: rgb(23 23 23 / var(--tw-border-opacity));
 }
-
 .border-orange-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(255 237 213/var(--tw-border-opacity))
+  border-color: rgb(255 237 213 / var(--tw-border-opacity));
 }
-
 .border-orange-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(254 215 170/var(--tw-border-opacity))
+  border-color: rgb(254 215 170 / var(--tw-border-opacity));
 }
-
 .border-orange-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(253 186 116/var(--tw-border-opacity))
+  border-color: rgb(253 186 116 / var(--tw-border-opacity));
 }
-
 .border-orange-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(251 146 60/var(--tw-border-opacity))
+  border-color: rgb(251 146 60 / var(--tw-border-opacity));
 }
-
 .border-orange-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(255 247 237/var(--tw-border-opacity))
+  border-color: rgb(255 247 237 / var(--tw-border-opacity));
 }
-
 .border-orange-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(249 115 22/var(--tw-border-opacity))
+  border-color: rgb(249 115 22 / var(--tw-border-opacity));
 }
-
 .border-orange-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(234 88 12/var(--tw-border-opacity))
+  border-color: rgb(234 88 12 / var(--tw-border-opacity));
 }
-
 .border-orange-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(194 65 12/var(--tw-border-opacity))
+  border-color: rgb(194 65 12 / var(--tw-border-opacity));
 }
-
 .border-orange-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(154 52 18/var(--tw-border-opacity))
+  border-color: rgb(154 52 18 / var(--tw-border-opacity));
 }
-
 .border-orange-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(124 45 18/var(--tw-border-opacity))
+  border-color: rgb(124 45 18 / var(--tw-border-opacity));
 }
-
 .border-pink-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(252 231 243/var(--tw-border-opacity))
+  border-color: rgb(252 231 243 / var(--tw-border-opacity));
 }
-
 .border-pink-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(251 207 232/var(--tw-border-opacity))
+  border-color: rgb(251 207 232 / var(--tw-border-opacity));
 }
-
 .border-pink-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(249 168 212/var(--tw-border-opacity))
+  border-color: rgb(249 168 212 / var(--tw-border-opacity));
 }
-
 .border-pink-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(244 114 182/var(--tw-border-opacity))
+  border-color: rgb(244 114 182 / var(--tw-border-opacity));
 }
-
 .border-pink-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(253 242 248/var(--tw-border-opacity))
+  border-color: rgb(253 242 248 / var(--tw-border-opacity));
 }
-
 .border-pink-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(236 72 153/var(--tw-border-opacity))
+  border-color: rgb(236 72 153 / var(--tw-border-opacity));
 }
-
 .border-pink-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(219 39 119/var(--tw-border-opacity))
+  border-color: rgb(219 39 119 / var(--tw-border-opacity));
 }
-
 .border-pink-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(190 24 93/var(--tw-border-opacity))
+  border-color: rgb(190 24 93 / var(--tw-border-opacity));
 }
-
 .border-pink-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(131 24 67/var(--tw-border-opacity))
+  border-color: rgb(131 24 67 / var(--tw-border-opacity));
 }
-
 .border-purple-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(243 232 255/var(--tw-border-opacity))
+  border-color: rgb(243 232 255 / var(--tw-border-opacity));
 }
-
 .border-purple-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(233 213 255/var(--tw-border-opacity))
+  border-color: rgb(233 213 255 / var(--tw-border-opacity));
 }
-
 .border-purple-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(216 180 254/var(--tw-border-opacity))
+  border-color: rgb(216 180 254 / var(--tw-border-opacity));
 }
-
 .border-purple-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(192 132 252/var(--tw-border-opacity))
+  border-color: rgb(192 132 252 / var(--tw-border-opacity));
 }
-
 .border-purple-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(250 245 255/var(--tw-border-opacity))
+  border-color: rgb(250 245 255 / var(--tw-border-opacity));
 }
-
 .border-purple-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(168 85 247/var(--tw-border-opacity))
+  border-color: rgb(168 85 247 / var(--tw-border-opacity));
 }
-
 .border-purple-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(147 51 234/var(--tw-border-opacity))
+  border-color: rgb(147 51 234 / var(--tw-border-opacity));
 }
-
 .border-purple-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(126 34 206/var(--tw-border-opacity))
+  border-color: rgb(126 34 206 / var(--tw-border-opacity));
 }
-
 .border-purple-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(107 33 168/var(--tw-border-opacity))
+  border-color: rgb(107 33 168 / var(--tw-border-opacity));
 }
-
 .border-purple-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(88 28 135/var(--tw-border-opacity))
+  border-color: rgb(88 28 135 / var(--tw-border-opacity));
 }
-
 .border-red-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(254 226 226/var(--tw-border-opacity))
+  border-color: rgb(254 226 226 / var(--tw-border-opacity));
 }
-
 .border-red-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(254 202 202/var(--tw-border-opacity))
+  border-color: rgb(254 202 202 / var(--tw-border-opacity));
 }
-
 .border-red-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(252 165 165/var(--tw-border-opacity))
+  border-color: rgb(252 165 165 / var(--tw-border-opacity));
 }
-
 .border-red-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(248 113 113/var(--tw-border-opacity))
+  border-color: rgb(248 113 113 / var(--tw-border-opacity));
 }
-
 .border-red-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(254 242 242/var(--tw-border-opacity))
+  border-color: rgb(254 242 242 / var(--tw-border-opacity));
 }
-
 .border-red-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(239 68 68/var(--tw-border-opacity))
+  border-color: rgb(239 68 68 / var(--tw-border-opacity));
 }
-
 .border-red-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(220 38 38/var(--tw-border-opacity))
+  border-color: rgb(220 38 38 / var(--tw-border-opacity));
 }
-
 .border-red-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(185 28 28/var(--tw-border-opacity))
+  border-color: rgb(185 28 28 / var(--tw-border-opacity));
 }
-
 .border-red-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(153 27 27/var(--tw-border-opacity))
+  border-color: rgb(153 27 27 / var(--tw-border-opacity));
 }
-
 .border-red-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(127 29 29/var(--tw-border-opacity))
+  border-color: rgb(127 29 29 / var(--tw-border-opacity));
 }
-
 .border-rose-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(255 228 230/var(--tw-border-opacity))
+  border-color: rgb(255 228 230 / var(--tw-border-opacity));
 }
-
 .border-rose-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(254 205 211/var(--tw-border-opacity))
+  border-color: rgb(254 205 211 / var(--tw-border-opacity));
 }
-
 .border-rose-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(253 164 175/var(--tw-border-opacity))
+  border-color: rgb(253 164 175 / var(--tw-border-opacity));
 }
-
 .border-rose-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(251 113 133/var(--tw-border-opacity))
+  border-color: rgb(251 113 133 / var(--tw-border-opacity));
 }
-
 .border-rose-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(255 241 242/var(--tw-border-opacity))
+  border-color: rgb(255 241 242 / var(--tw-border-opacity));
 }
-
 .border-rose-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(244 63 94/var(--tw-border-opacity))
+  border-color: rgb(244 63 94 / var(--tw-border-opacity));
 }
-
 .border-rose-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(225 29 72/var(--tw-border-opacity))
+  border-color: rgb(225 29 72 / var(--tw-border-opacity));
 }
-
 .border-rose-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(190 18 60/var(--tw-border-opacity))
+  border-color: rgb(190 18 60 / var(--tw-border-opacity));
 }
-
 .border-rose-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(159 18 57/var(--tw-border-opacity))
+  border-color: rgb(159 18 57 / var(--tw-border-opacity));
 }
-
 .border-rose-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(136 19 55/var(--tw-border-opacity))
+  border-color: rgb(136 19 55 / var(--tw-border-opacity));
+}
+.border-semantic-attention-subtle {
+  border-color: var(--cal-border-semantic-attention-subtle);
+}
+.border-semantic-error-subtle {
+  border-color: var(--cal-border-semantic-error-subtle);
 }
-
 .border-sky-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(224 242 254/var(--tw-border-opacity))
+  border-color: rgb(224 242 254 / var(--tw-border-opacity));
 }
-
 .border-sky-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(186 230 253/var(--tw-border-opacity))
+  border-color: rgb(186 230 253 / var(--tw-border-opacity));
 }
-
 .border-sky-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(125 211 252/var(--tw-border-opacity))
+  border-color: rgb(125 211 252 / var(--tw-border-opacity));
 }
-
 .border-sky-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(56 189 248/var(--tw-border-opacity))
+  border-color: rgb(56 189 248 / var(--tw-border-opacity));
 }
-
 .border-sky-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(240 249 255/var(--tw-border-opacity))
+  border-color: rgb(240 249 255 / var(--tw-border-opacity));
 }
-
 .border-sky-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(14 165 233/var(--tw-border-opacity))
+  border-color: rgb(14 165 233 / var(--tw-border-opacity));
 }
-
 .border-sky-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(2 132 199/var(--tw-border-opacity))
+  border-color: rgb(2 132 199 / var(--tw-border-opacity));
 }
-
 .border-sky-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(3 105 161/var(--tw-border-opacity))
+  border-color: rgb(3 105 161 / var(--tw-border-opacity));
 }
-
 .border-sky-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(7 89 133/var(--tw-border-opacity))
+  border-color: rgb(7 89 133 / var(--tw-border-opacity));
 }
-
 .border-sky-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(12 74 110/var(--tw-border-opacity))
+  border-color: rgb(12 74 110 / var(--tw-border-opacity));
 }
-
 .border-slate-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(241 245 249/var(--tw-border-opacity))
+  border-color: rgb(241 245 249 / var(--tw-border-opacity));
 }
-
 .border-slate-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(226 232 240/var(--tw-border-opacity))
+  border-color: rgb(226 232 240 / var(--tw-border-opacity));
 }
-
 .border-slate-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(203 213 225/var(--tw-border-opacity))
+  border-color: rgb(203 213 225 / var(--tw-border-opacity));
 }
-
 .border-slate-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(148 163 184/var(--tw-border-opacity))
+  border-color: rgb(148 163 184 / var(--tw-border-opacity));
 }
-
 .border-slate-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(248 250 252/var(--tw-border-opacity))
+  border-color: rgb(248 250 252 / var(--tw-border-opacity));
 }
-
 .border-slate-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(100 116 139/var(--tw-border-opacity))
+  border-color: rgb(100 116 139 / var(--tw-border-opacity));
 }
-
 .border-slate-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(71 85 105/var(--tw-border-opacity))
+  border-color: rgb(71 85 105 / var(--tw-border-opacity));
 }
-
 .border-slate-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(51 65 85/var(--tw-border-opacity))
+  border-color: rgb(51 65 85 / var(--tw-border-opacity));
 }
-
 .border-slate-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(30 41 59/var(--tw-border-opacity))
+  border-color: rgb(30 41 59 / var(--tw-border-opacity));
 }
-
 .border-slate-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(15 23 42/var(--tw-border-opacity))
+  border-color: rgb(15 23 42 / var(--tw-border-opacity));
 }
-
 .border-stone-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(245 245 244/var(--tw-border-opacity))
+  border-color: rgb(245 245 244 / var(--tw-border-opacity));
 }
-
 .border-stone-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(231 229 228/var(--tw-border-opacity))
+  border-color: rgb(231 229 228 / var(--tw-border-opacity));
 }
-
 .border-stone-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(214 211 209/var(--tw-border-opacity))
+  border-color: rgb(214 211 209 / var(--tw-border-opacity));
 }
-
 .border-stone-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(168 162 158/var(--tw-border-opacity))
+  border-color: rgb(168 162 158 / var(--tw-border-opacity));
 }
-
 .border-stone-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(250 250 249/var(--tw-border-opacity))
+  border-color: rgb(250 250 249 / var(--tw-border-opacity));
 }
-
 .border-stone-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(120 113 108/var(--tw-border-opacity))
+  border-color: rgb(120 113 108 / var(--tw-border-opacity));
 }
-
 .border-stone-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(87 83 78/var(--tw-border-opacity))
+  border-color: rgb(87 83 78 / var(--tw-border-opacity));
 }
-
 .border-stone-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(68 64 60/var(--tw-border-opacity))
+  border-color: rgb(68 64 60 / var(--tw-border-opacity));
 }
-
 .border-stone-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(41 37 36/var(--tw-border-opacity))
+  border-color: rgb(41 37 36 / var(--tw-border-opacity));
 }
-
 .border-stone-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(28 25 23/var(--tw-border-opacity))
+  border-color: rgb(28 25 23 / var(--tw-border-opacity));
 }
-
 .border-subtle {
-  border-color: var(--cal-border-subtle,#e5e7eb)
+  border-color: var(--cal-border-subtle);
 }
-
 .border-teal-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(204 251 241/var(--tw-border-opacity))
+  border-color: rgb(204 251 241 / var(--tw-border-opacity));
 }
-
 .border-teal-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(153 246 228/var(--tw-border-opacity))
+  border-color: rgb(153 246 228 / var(--tw-border-opacity));
 }
-
 .border-teal-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(94 234 212/var(--tw-border-opacity))
+  border-color: rgb(94 234 212 / var(--tw-border-opacity));
 }
-
 .border-teal-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(45 212 191/var(--tw-border-opacity))
+  border-color: rgb(45 212 191 / var(--tw-border-opacity));
 }
-
 .border-teal-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(240 253 250/var(--tw-border-opacity))
+  border-color: rgb(240 253 250 / var(--tw-border-opacity));
 }
-
 .border-teal-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(20 184 166/var(--tw-border-opacity))
+  border-color: rgb(20 184 166 / var(--tw-border-opacity));
 }
-
 .border-teal-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(13 148 136/var(--tw-border-opacity))
+  border-color: rgb(13 148 136 / var(--tw-border-opacity));
 }
-
 .border-teal-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(15 118 110/var(--tw-border-opacity))
+  border-color: rgb(15 118 110 / var(--tw-border-opacity));
 }
-
 .border-teal-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(17 94 89/var(--tw-border-opacity))
+  border-color: rgb(17 94 89 / var(--tw-border-opacity));
 }
-
 .border-teal-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(19 78 74/var(--tw-border-opacity))
+  border-color: rgb(19 78 74 / var(--tw-border-opacity));
 }
-
 .border-transparent {
-  border-color: transparent
+  border-color: transparent;
 }
-
 .border-violet-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(237 233 254/var(--tw-border-opacity))
+  border-color: rgb(237 233 254 / var(--tw-border-opacity));
 }
-
 .border-violet-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(221 214 254/var(--tw-border-opacity))
+  border-color: rgb(221 214 254 / var(--tw-border-opacity));
 }
-
 .border-violet-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(196 181 253/var(--tw-border-opacity))
+  border-color: rgb(196 181 253 / var(--tw-border-opacity));
 }
-
 .border-violet-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(167 139 250/var(--tw-border-opacity))
+  border-color: rgb(167 139 250 / var(--tw-border-opacity));
 }
-
 .border-violet-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(245 243 255/var(--tw-border-opacity))
+  border-color: rgb(245 243 255 / var(--tw-border-opacity));
 }
-
 .border-violet-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(139 92 246/var(--tw-border-opacity))
+  border-color: rgb(139 92 246 / var(--tw-border-opacity));
 }
-
 .border-violet-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(124 58 237/var(--tw-border-opacity))
+  border-color: rgb(124 58 237 / var(--tw-border-opacity));
 }
-
 .border-violet-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(109 40 217/var(--tw-border-opacity))
+  border-color: rgb(109 40 217 / var(--tw-border-opacity));
 }
-
 .border-violet-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(91 33 182/var(--tw-border-opacity))
+  border-color: rgb(91 33 182 / var(--tw-border-opacity));
 }
-
 .border-violet-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(76 29 149/var(--tw-border-opacity))
+  border-color: rgb(76 29 149 / var(--tw-border-opacity));
 }
-
 .border-white {
   --tw-border-opacity: 1;
-  border-color: rgb(255 255 255/var(--tw-border-opacity))
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
-
 .border-yellow-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(254 249 195/var(--tw-border-opacity))
+  border-color: rgb(254 249 195 / var(--tw-border-opacity));
 }
-
 .border-yellow-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(254 240 138/var(--tw-border-opacity))
+  border-color: rgb(254 240 138 / var(--tw-border-opacity));
 }
-
 .border-yellow-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(253 224 71/var(--tw-border-opacity))
+  border-color: rgb(253 224 71 / var(--tw-border-opacity));
 }
-
 .border-yellow-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(250 204 21/var(--tw-border-opacity))
+  border-color: rgb(250 204 21 / var(--tw-border-opacity));
 }
-
 .border-yellow-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(254 252 232/var(--tw-border-opacity))
+  border-color: rgb(254 252 232 / var(--tw-border-opacity));
 }
-
 .border-yellow-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(234 179 8/var(--tw-border-opacity))
+  border-color: rgb(234 179 8 / var(--tw-border-opacity));
 }
-
 .border-yellow-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(202 138 4/var(--tw-border-opacity))
+  border-color: rgb(202 138 4 / var(--tw-border-opacity));
 }
-
 .border-yellow-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(161 98 7/var(--tw-border-opacity))
+  border-color: rgb(161 98 7 / var(--tw-border-opacity));
 }
-
 .border-yellow-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(133 77 14/var(--tw-border-opacity))
+  border-color: rgb(133 77 14 / var(--tw-border-opacity));
 }
-
 .border-yellow-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(113 63 18/var(--tw-border-opacity))
+  border-color: rgb(113 63 18 / var(--tw-border-opacity));
 }
-
 .border-zinc-100 {
   --tw-border-opacity: 1;
-  border-color: rgb(244 244 245/var(--tw-border-opacity))
+  border-color: rgb(244 244 245 / var(--tw-border-opacity));
 }
-
 .border-zinc-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(228 228 231/var(--tw-border-opacity))
+  border-color: rgb(228 228 231 / var(--tw-border-opacity));
 }
-
 .border-zinc-300 {
   --tw-border-opacity: 1;
-  border-color: rgb(212 212 216/var(--tw-border-opacity))
+  border-color: rgb(212 212 216 / var(--tw-border-opacity));
 }
-
 .border-zinc-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(161 161 170/var(--tw-border-opacity))
+  border-color: rgb(161 161 170 / var(--tw-border-opacity));
 }
-
 .border-zinc-50 {
   --tw-border-opacity: 1;
-  border-color: rgb(250 250 250/var(--tw-border-opacity))
+  border-color: rgb(250 250 250 / var(--tw-border-opacity));
 }
-
 .border-zinc-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(113 113 122/var(--tw-border-opacity))
+  border-color: rgb(113 113 122 / var(--tw-border-opacity));
 }
-
 .border-zinc-600 {
   --tw-border-opacity: 1;
-  border-color: rgb(82 82 91/var(--tw-border-opacity))
+  border-color: rgb(82 82 91 / var(--tw-border-opacity));
 }
-
 .border-zinc-700 {
   --tw-border-opacity: 1;
-  border-color: rgb(63 63 70/var(--tw-border-opacity))
+  border-color: rgb(63 63 70 / var(--tw-border-opacity));
 }
-
 .border-zinc-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(39 39 42/var(--tw-border-opacity))
+  border-color: rgb(39 39 42 / var(--tw-border-opacity));
 }
-
 .border-zinc-900 {
   --tw-border-opacity: 1;
-  border-color: rgb(24 24 27/var(--tw-border-opacity))
+  border-color: rgb(24 24 27 / var(--tw-border-opacity));
 }
-
 .border-b-black {
   --tw-border-opacity: 1;
-  border-bottom-color: rgb(17 17 17/var(--tw-border-opacity))
+  border-bottom-color: rgb(17 17 17 / var(--tw-border-opacity));
 }
-
 .border-b-subtle {
-  border-bottom-color: var(--cal-border-subtle,#e5e7eb)
+  border-bottom-color: var(--cal-border-subtle);
 }
-
 .border-l-default {
-  border-left-color: var(--cal-border,#d1d5db)
+  border-left-color: var(--cal-border);
 }
-
 .border-r-transparent {
-  border-right-color: transparent
+  border-right-color: transparent;
 }
-
 .\!bg-default {
-  background-color: var(--cal-bg,#fff)!important
+  background-color: var(--cal-bg, white) !important;
 }
-
 .\!bg-orange-100 {
-  --tw-bg-opacity: 1!important;
-  background-color: rgb(255 237 213/var(--tw-bg-opacity))!important
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 237 213 / var(--tw-bg-opacity)) !important;
 }
-
 .\!bg-subtle {
-  background-color: var(--cal-bg-subtle)!important
+  background-color: var(--cal-bg-subtle) !important;
 }
-
 .\!bg-success {
-  background-color: var(--cal-bg-success)!important
+  background-color: var(--cal-bg-success) !important;
 }
-
 .\!bg-transparent {
-  background-color: transparent!important
+  background-color: transparent !important;
 }
-
 .bg-\[\#FAFAFA\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(250 250 250/var(--tw-bg-opacity))
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
 }
-
 .bg-\[\#ffc439\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 196 57/var(--tw-bg-opacity))
+  background-color: rgb(255 196 57 / var(--tw-bg-opacity));
 }
-
 .bg-amber-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 243 199/var(--tw-bg-opacity))
+  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
 }
-
 .bg-amber-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(253 230 138/var(--tw-bg-opacity))
+  background-color: rgb(253 230 138 / var(--tw-bg-opacity));
 }
-
 .bg-amber-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(252 211 77/var(--tw-bg-opacity))
+  background-color: rgb(252 211 77 / var(--tw-bg-opacity));
 }
-
 .bg-amber-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(251 191 36/var(--tw-bg-opacity))
+  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
 }
-
 .bg-amber-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 251 235/var(--tw-bg-opacity))
+  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
 }
-
 .bg-amber-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(245 158 11/var(--tw-bg-opacity))
+  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
 }
-
 .bg-amber-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(217 119 6/var(--tw-bg-opacity))
+  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
 }
-
 .bg-amber-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(180 83 9/var(--tw-bg-opacity))
+  background-color: rgb(180 83 9 / var(--tw-bg-opacity));
 }
-
 .bg-amber-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(146 64 14/var(--tw-bg-opacity))
+  background-color: rgb(146 64 14 / var(--tw-bg-opacity));
 }
-
 .bg-amber-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(120 53 15/var(--tw-bg-opacity))
+  background-color: rgb(120 53 15 / var(--tw-bg-opacity));
 }
-
 .bg-attention {
-  background-color: var(--cal-bg-attention)
+  background-color: var(--cal-bg-attention);
 }
-
 .bg-black {
   --tw-bg-opacity: 1;
-  background-color: rgb(17 17 17/var(--tw-bg-opacity))
+  background-color: rgb(17 17 17 / var(--tw-bg-opacity));
+}
+.bg-black\/30 {
+  background-color: rgb(17 17 17 / 0.3);
 }
-
 .bg-black\/50 {
-  background-color: hsla(0,0%,7%,.5)
+  background-color: rgb(17 17 17 / 0.5);
 }
-
 .bg-black\/60 {
-  background-color: hsla(0,0%,7%,.6)
+  background-color: rgb(17 17 17 / 0.6);
 }
-
 .bg-black\/80 {
-  background-color: hsla(0,0%,7%,.8)
+  background-color: rgb(17 17 17 / 0.8);
 }
-
 .bg-black\/\[3\%\] {
-  background-color: hsla(0,0%,7%,.03)
+  background-color: rgb(17 17 17 / 3%);
 }
-
 .bg-blue-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(219 234 254/var(--tw-bg-opacity))
+  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
 }
-
 .bg-blue-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(191 219 254/var(--tw-bg-opacity))
+  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
 }
-
 .bg-blue-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(147 197 253/var(--tw-bg-opacity))
+  background-color: rgb(147 197 253 / var(--tw-bg-opacity));
 }
-
 .bg-blue-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250/var(--tw-bg-opacity))
+  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
 }
-
 .bg-blue-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(239 246 255/var(--tw-bg-opacity))
+  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
 }
-
 .bg-blue-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246/var(--tw-bg-opacity))
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
 }
-
 .bg-blue-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235/var(--tw-bg-opacity))
+  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
 }
-
 .bg-blue-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(29 78 216/var(--tw-bg-opacity))
+  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
 }
-
 .bg-blue-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(30 64 175/var(--tw-bg-opacity))
+  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
 }
-
 .bg-blue-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(30 58 138/var(--tw-bg-opacity))
+  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
 }
-
 .bg-brand-accent {
-  background-color: var(--cal-brand-accent,#fff)
+  background-color: var(--cal-brand-accent,white);
 }
-
 .bg-brand-default {
-  background-color: var(--cal-brand,#111827)
+  background-color: var(--cal-brand,#111827);
 }
-
 .bg-brand-subtle {
-  background-color: var(--cal-brand-subtle,#9ca3af)
+  background-color: var(--cal-brand-subtle,#9CA3AF);
 }
-
 .bg-cyan-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(207 250 254/var(--tw-bg-opacity))
+  background-color: rgb(207 250 254 / var(--tw-bg-opacity));
 }
-
 .bg-cyan-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(165 243 252/var(--tw-bg-opacity))
+  background-color: rgb(165 243 252 / var(--tw-bg-opacity));
 }
-
 .bg-cyan-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(103 232 249/var(--tw-bg-opacity))
+  background-color: rgb(103 232 249 / var(--tw-bg-opacity));
 }
-
 .bg-cyan-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(34 211 238/var(--tw-bg-opacity))
+  background-color: rgb(34 211 238 / var(--tw-bg-opacity));
 }
-
 .bg-cyan-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(236 254 255/var(--tw-bg-opacity))
+  background-color: rgb(236 254 255 / var(--tw-bg-opacity));
 }
-
 .bg-cyan-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(6 182 212/var(--tw-bg-opacity))
+  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
 }
-
 .bg-cyan-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(8 145 178/var(--tw-bg-opacity))
+  background-color: rgb(8 145 178 / var(--tw-bg-opacity));
 }
-
 .bg-cyan-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(14 116 144/var(--tw-bg-opacity))
+  background-color: rgb(14 116 144 / var(--tw-bg-opacity));
 }
-
 .bg-cyan-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(21 94 117/var(--tw-bg-opacity))
+  background-color: rgb(21 94 117 / var(--tw-bg-opacity));
 }
-
 .bg-cyan-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(22 78 99/var(--tw-bg-opacity))
+  background-color: rgb(22 78 99 / var(--tw-bg-opacity));
+}
+.bg-darkgray-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
 }
-
 .bg-default {
-  background-color: var(--cal-bg,#fff)
+  background-color: var(--cal-bg, white);
 }
-
 .bg-emerald-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(209 250 229/var(--tw-bg-opacity))
+  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
 }
-
 .bg-emerald-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(167 243 208/var(--tw-bg-opacity))
+  background-color: rgb(167 243 208 / var(--tw-bg-opacity));
 }
-
 .bg-emerald-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(110 231 183/var(--tw-bg-opacity))
+  background-color: rgb(110 231 183 / var(--tw-bg-opacity));
 }
-
 .bg-emerald-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(52 211 153/var(--tw-bg-opacity))
+  background-color: rgb(52 211 153 / var(--tw-bg-opacity));
 }
-
 .bg-emerald-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(236 253 245/var(--tw-bg-opacity))
+  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
 }
-
 .bg-emerald-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(16 185 129/var(--tw-bg-opacity))
+  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
 }
-
 .bg-emerald-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(5 150 105/var(--tw-bg-opacity))
+  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
 }
-
 .bg-emerald-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(4 120 87/var(--tw-bg-opacity))
+  background-color: rgb(4 120 87 / var(--tw-bg-opacity));
 }
-
 .bg-emerald-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(6 95 70/var(--tw-bg-opacity))
+  background-color: rgb(6 95 70 / var(--tw-bg-opacity));
 }
-
 .bg-emerald-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(6 78 59/var(--tw-bg-opacity))
+  background-color: rgb(6 78 59 / var(--tw-bg-opacity));
 }
-
 .bg-emphasis {
-  background-color: var(--cal-bg-emphasis)
+  background-color: var(--cal-bg-emphasis);
 }
-
 .bg-error {
-  background-color: var(--cal-bg-error)
+  background-color: var(--cal-bg-error);
 }
-
 .bg-fuchsia-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(250 232 255/var(--tw-bg-opacity))
+  background-color: rgb(250 232 255 / var(--tw-bg-opacity));
 }
-
 .bg-fuchsia-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(245 208 254/var(--tw-bg-opacity))
+  background-color: rgb(245 208 254 / var(--tw-bg-opacity));
 }
-
 .bg-fuchsia-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(240 171 252/var(--tw-bg-opacity))
+  background-color: rgb(240 171 252 / var(--tw-bg-opacity));
 }
-
 .bg-fuchsia-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(232 121 249/var(--tw-bg-opacity))
+  background-color: rgb(232 121 249 / var(--tw-bg-opacity));
 }
-
 .bg-fuchsia-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(253 244 255/var(--tw-bg-opacity))
+  background-color: rgb(253 244 255 / var(--tw-bg-opacity));
 }
-
 .bg-fuchsia-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(217 70 239/var(--tw-bg-opacity))
+  background-color: rgb(217 70 239 / var(--tw-bg-opacity));
 }
-
 .bg-fuchsia-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(192 38 211/var(--tw-bg-opacity))
+  background-color: rgb(192 38 211 / var(--tw-bg-opacity));
 }
-
 .bg-fuchsia-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(162 28 175/var(--tw-bg-opacity))
+  background-color: rgb(162 28 175 / var(--tw-bg-opacity));
 }
-
 .bg-fuchsia-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(134 25 143/var(--tw-bg-opacity))
+  background-color: rgb(134 25 143 / var(--tw-bg-opacity));
 }
-
 .bg-fuchsia-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(112 26 117/var(--tw-bg-opacity))
+  background-color: rgb(112 26 117 / var(--tw-bg-opacity));
 }
-
 .bg-gray-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246/var(--tw-bg-opacity))
+  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))
+  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))
+  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))
+  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))
+  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))
+  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
 }
-
 .bg-gray-500\/10 {
-  background-color: hsla(220,9%,46%,.1)
+  background-color: rgb(107 114 128 / 0.1);
 }
-
 .bg-gray-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(75 85 99/var(--tw-bg-opacity))
+  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))
+  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))
+  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))
+  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
 }
-
 .bg-green-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(220 252 231/var(--tw-bg-opacity))
+  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
 }
-
 .bg-green-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(187 247 208/var(--tw-bg-opacity))
+  background-color: rgb(187 247 208 / var(--tw-bg-opacity));
 }
-
 .bg-green-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(134 239 172/var(--tw-bg-opacity))
+  background-color: rgb(134 239 172 / var(--tw-bg-opacity));
 }
-
 .bg-green-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(74 222 128/var(--tw-bg-opacity))
+  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
 }
-
 .bg-green-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(240 253 244/var(--tw-bg-opacity))
+  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
 }
-
 .bg-green-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94/var(--tw-bg-opacity))
+  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
 }
-
 .bg-green-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(22 163 74/var(--tw-bg-opacity))
+  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
 }
-
 .bg-green-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(21 128 61/var(--tw-bg-opacity))
+  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
 }
-
 .bg-green-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(22 101 52/var(--tw-bg-opacity))
+  background-color: rgb(22 101 52 / var(--tw-bg-opacity));
 }
-
 .bg-green-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(20 83 45/var(--tw-bg-opacity))
+  background-color: rgb(20 83 45 / var(--tw-bg-opacity));
 }
-
 .bg-indigo-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(224 231 255/var(--tw-bg-opacity))
+  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
 }
-
 .bg-indigo-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(199 210 254/var(--tw-bg-opacity))
+  background-color: rgb(199 210 254 / var(--tw-bg-opacity));
 }
-
 .bg-indigo-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(165 180 252/var(--tw-bg-opacity))
+  background-color: rgb(165 180 252 / var(--tw-bg-opacity));
 }
-
 .bg-indigo-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(129 140 248/var(--tw-bg-opacity))
+  background-color: rgb(129 140 248 / var(--tw-bg-opacity));
 }
-
 .bg-indigo-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(238 242 255/var(--tw-bg-opacity))
+  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
 }
-
 .bg-indigo-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241/var(--tw-bg-opacity))
+  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
 }
-
 .bg-indigo-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(79 70 229/var(--tw-bg-opacity))
+  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
 }
-
 .bg-indigo-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(67 56 202/var(--tw-bg-opacity))
+  background-color: rgb(67 56 202 / var(--tw-bg-opacity));
 }
-
 .bg-indigo-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(55 48 163/var(--tw-bg-opacity))
+  background-color: rgb(55 48 163 / var(--tw-bg-opacity));
 }
-
 .bg-indigo-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(49 46 129/var(--tw-bg-opacity))
+  background-color: rgb(49 46 129 / var(--tw-bg-opacity));
 }
-
 .bg-info {
-  background-color: var(--cal-bg-info)
+  background-color: var(--cal-bg-info);
 }
-
 .bg-inherit {
-  background-color: inherit
+  background-color: inherit;
 }
-
 .bg-inverted {
-  background-color: var(--cal-bg-inverted)
+  background-color: var(--cal-bg-inverted);
 }
-
 .bg-lime-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(236 252 203/var(--tw-bg-opacity))
+  background-color: rgb(236 252 203 / var(--tw-bg-opacity));
 }
-
 .bg-lime-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(217 249 157/var(--tw-bg-opacity))
+  background-color: rgb(217 249 157 / var(--tw-bg-opacity));
 }
-
 .bg-lime-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(190 242 100/var(--tw-bg-opacity))
+  background-color: rgb(190 242 100 / var(--tw-bg-opacity));
 }
-
 .bg-lime-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(163 230 53/var(--tw-bg-opacity))
+  background-color: rgb(163 230 53 / var(--tw-bg-opacity));
 }
-
 .bg-lime-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(247 254 231/var(--tw-bg-opacity))
+  background-color: rgb(247 254 231 / var(--tw-bg-opacity));
 }
-
 .bg-lime-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(132 204 22/var(--tw-bg-opacity))
+  background-color: rgb(132 204 22 / var(--tw-bg-opacity));
 }
-
 .bg-lime-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(101 163 13/var(--tw-bg-opacity))
+  background-color: rgb(101 163 13 / var(--tw-bg-opacity));
 }
-
 .bg-lime-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(77 124 15/var(--tw-bg-opacity))
+  background-color: rgb(77 124 15 / var(--tw-bg-opacity));
 }
-
 .bg-lime-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(63 98 18/var(--tw-bg-opacity))
+  background-color: rgb(63 98 18 / var(--tw-bg-opacity));
 }
-
 .bg-lime-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(54 83 20/var(--tw-bg-opacity))
+  background-color: rgb(54 83 20 / var(--tw-bg-opacity));
 }
-
 .bg-muted {
-  background-color: var(--cal-bg-muted)
+  background-color: var(--cal-bg-muted);
 }
-
 .bg-neutral-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(245 245 245/var(--tw-bg-opacity))
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
 }
-
 .bg-neutral-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(229 229 229/var(--tw-bg-opacity))
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
 }
-
 .bg-neutral-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(212 212 212/var(--tw-bg-opacity))
+  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
 }
-
 .bg-neutral-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(163 163 163/var(--tw-bg-opacity))
+  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
 }
-
 .bg-neutral-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(250 250 250/var(--tw-bg-opacity))
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
 }
-
 .bg-neutral-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(115 115 115/var(--tw-bg-opacity))
+  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
 }
-
 .bg-neutral-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(82 82 82/var(--tw-bg-opacity))
+  background-color: rgb(82 82 82 / var(--tw-bg-opacity));
 }
-
 .bg-neutral-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(64 64 64/var(--tw-bg-opacity))
+  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
 }
-
 .bg-neutral-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(38 38 38/var(--tw-bg-opacity))
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
 }
-
 .bg-neutral-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(23 23 23/var(--tw-bg-opacity))
+  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
 }
-
 .bg-orange-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 237 213/var(--tw-bg-opacity))
+  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
 }
-
 .bg-orange-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 215 170/var(--tw-bg-opacity))
+  background-color: rgb(254 215 170 / var(--tw-bg-opacity));
 }
-
 .bg-orange-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(253 186 116/var(--tw-bg-opacity))
+  background-color: rgb(253 186 116 / var(--tw-bg-opacity));
 }
-
 .bg-orange-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(251 146 60/var(--tw-bg-opacity))
+  background-color: rgb(251 146 60 / var(--tw-bg-opacity));
 }
-
 .bg-orange-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 247 237/var(--tw-bg-opacity))
+  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
 }
-
 .bg-orange-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22/var(--tw-bg-opacity))
+  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
 }
-
 .bg-orange-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(234 88 12/var(--tw-bg-opacity))
+  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
 }
-
 .bg-orange-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(194 65 12/var(--tw-bg-opacity))
+  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
 }
-
 .bg-orange-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(154 52 18/var(--tw-bg-opacity))
+  background-color: rgb(154 52 18 / var(--tw-bg-opacity));
 }
-
 .bg-orange-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(124 45 18/var(--tw-bg-opacity))
+  background-color: rgb(124 45 18 / var(--tw-bg-opacity));
 }
-
 .bg-pink-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(252 231 243/var(--tw-bg-opacity))
+  background-color: rgb(252 231 243 / var(--tw-bg-opacity));
 }
-
 .bg-pink-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(251 207 232/var(--tw-bg-opacity))
+  background-color: rgb(251 207 232 / var(--tw-bg-opacity));
 }
-
 .bg-pink-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(249 168 212/var(--tw-bg-opacity))
+  background-color: rgb(249 168 212 / var(--tw-bg-opacity));
 }
-
 .bg-pink-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(244 114 182/var(--tw-bg-opacity))
+  background-color: rgb(244 114 182 / var(--tw-bg-opacity));
 }
-
 .bg-pink-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(253 242 248/var(--tw-bg-opacity))
+  background-color: rgb(253 242 248 / var(--tw-bg-opacity));
 }
-
 .bg-pink-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(236 72 153/var(--tw-bg-opacity))
+  background-color: rgb(236 72 153 / var(--tw-bg-opacity));
 }
-
 .bg-pink-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(219 39 119/var(--tw-bg-opacity))
+  background-color: rgb(219 39 119 / var(--tw-bg-opacity));
 }
-
 .bg-pink-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(190 24 93/var(--tw-bg-opacity))
+  background-color: rgb(190 24 93 / var(--tw-bg-opacity));
 }
-
 .bg-pink-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(131 24 67/var(--tw-bg-opacity))
+  background-color: rgb(131 24 67 / var(--tw-bg-opacity));
 }
-
 .bg-purple-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(243 232 255/var(--tw-bg-opacity))
+  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
 }
-
 .bg-purple-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(233 213 255/var(--tw-bg-opacity))
+  background-color: rgb(233 213 255 / var(--tw-bg-opacity));
 }
-
 .bg-purple-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(216 180 254/var(--tw-bg-opacity))
+  background-color: rgb(216 180 254 / var(--tw-bg-opacity));
 }
-
 .bg-purple-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252/var(--tw-bg-opacity))
+  background-color: rgb(192 132 252 / var(--tw-bg-opacity));
 }
-
 .bg-purple-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(250 245 255/var(--tw-bg-opacity))
+  background-color: rgb(250 245 255 / var(--tw-bg-opacity));
 }
-
 .bg-purple-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(168 85 247/var(--tw-bg-opacity))
+  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
 }
-
 .bg-purple-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(147 51 234/var(--tw-bg-opacity))
+  background-color: rgb(147 51 234 / var(--tw-bg-opacity));
 }
-
 .bg-purple-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(126 34 206/var(--tw-bg-opacity))
+  background-color: rgb(126 34 206 / var(--tw-bg-opacity));
 }
-
 .bg-purple-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(107 33 168/var(--tw-bg-opacity))
+  background-color: rgb(107 33 168 / var(--tw-bg-opacity));
 }
-
 .bg-purple-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(88 28 135/var(--tw-bg-opacity))
+  background-color: rgb(88 28 135 / var(--tw-bg-opacity));
 }
-
 .bg-red-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 226 226/var(--tw-bg-opacity))
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
 }
-
 .bg-red-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 202 202/var(--tw-bg-opacity))
+  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
 }
-
 .bg-red-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(252 165 165/var(--tw-bg-opacity))
+  background-color: rgb(252 165 165 / var(--tw-bg-opacity));
 }
-
 .bg-red-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(248 113 113/var(--tw-bg-opacity))
+  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
 }
-
 .bg-red-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 242 242/var(--tw-bg-opacity))
+  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
 }
-
 .bg-red-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68/var(--tw-bg-opacity))
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
 }
-
 .bg-red-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(220 38 38/var(--tw-bg-opacity))
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
 }
-
 .bg-red-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(185 28 28/var(--tw-bg-opacity))
+  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
 }
-
 .bg-red-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(153 27 27/var(--tw-bg-opacity))
+  background-color: rgb(153 27 27 / var(--tw-bg-opacity));
 }
-
 .bg-red-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(127 29 29/var(--tw-bg-opacity))
+  background-color: rgb(127 29 29 / var(--tw-bg-opacity));
 }
-
 .bg-rose-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 228 230/var(--tw-bg-opacity))
+  background-color: rgb(255 228 230 / var(--tw-bg-opacity));
 }
-
 .bg-rose-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 205 211/var(--tw-bg-opacity))
+  background-color: rgb(254 205 211 / var(--tw-bg-opacity));
 }
-
 .bg-rose-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(253 164 175/var(--tw-bg-opacity))
+  background-color: rgb(253 164 175 / var(--tw-bg-opacity));
 }
-
 .bg-rose-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(251 113 133/var(--tw-bg-opacity))
+  background-color: rgb(251 113 133 / var(--tw-bg-opacity));
 }
-
 .bg-rose-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 241 242/var(--tw-bg-opacity))
+  background-color: rgb(255 241 242 / var(--tw-bg-opacity));
 }
-
 .bg-rose-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(244 63 94/var(--tw-bg-opacity))
+  background-color: rgb(244 63 94 / var(--tw-bg-opacity));
 }
-
 .bg-rose-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(225 29 72/var(--tw-bg-opacity))
+  background-color: rgb(225 29 72 / var(--tw-bg-opacity));
 }
-
 .bg-rose-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(190 18 60/var(--tw-bg-opacity))
+  background-color: rgb(190 18 60 / var(--tw-bg-opacity));
 }
-
 .bg-rose-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(159 18 57/var(--tw-bg-opacity))
+  background-color: rgb(159 18 57 / var(--tw-bg-opacity));
 }
-
 .bg-rose-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(136 19 55/var(--tw-bg-opacity))
+  background-color: rgb(136 19 55 / var(--tw-bg-opacity));
+}
+.bg-semantic-attention-subtle {
+  background-color: var(--cal-bg-semantic-attention-subtle);
+}
+.bg-semantic-error-subtle {
+  background-color: var(--cal-bg-semantic-error-subtle);
+}
+.bg-semantic-info-subtle {
+  background-color: var(--cal-bg-semantic-info-subtle);
 }
-
 .bg-sky-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(224 242 254/var(--tw-bg-opacity))
+  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
 }
-
 .bg-sky-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(186 230 253/var(--tw-bg-opacity))
+  background-color: rgb(186 230 253 / var(--tw-bg-opacity));
 }
-
 .bg-sky-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(125 211 252/var(--tw-bg-opacity))
+  background-color: rgb(125 211 252 / var(--tw-bg-opacity));
 }
-
 .bg-sky-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(56 189 248/var(--tw-bg-opacity))
+  background-color: rgb(56 189 248 / var(--tw-bg-opacity));
 }
-
 .bg-sky-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(240 249 255/var(--tw-bg-opacity))
+  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
 }
-
 .bg-sky-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(14 165 233/var(--tw-bg-opacity))
+  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
 }
-
 .bg-sky-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(2 132 199/var(--tw-bg-opacity))
+  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
 }
-
 .bg-sky-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(3 105 161/var(--tw-bg-opacity))
+  background-color: rgb(3 105 161 / var(--tw-bg-opacity));
 }
-
 .bg-sky-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(7 89 133/var(--tw-bg-opacity))
+  background-color: rgb(7 89 133 / var(--tw-bg-opacity));
 }
-
 .bg-sky-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(12 74 110/var(--tw-bg-opacity))
+  background-color: rgb(12 74 110 / var(--tw-bg-opacity));
 }
-
 .bg-slate-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(241 245 249/var(--tw-bg-opacity))
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
 }
-
 .bg-slate-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(226 232 240/var(--tw-bg-opacity))
+  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
 }
-
 .bg-slate-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(203 213 225/var(--tw-bg-opacity))
+  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
 }
-
 .bg-slate-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(148 163 184/var(--tw-bg-opacity))
+  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
 }
-
 .bg-slate-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(248 250 252/var(--tw-bg-opacity))
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 }
-
 .bg-slate-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(100 116 139/var(--tw-bg-opacity))
+  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
 }
-
 .bg-slate-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(71 85 105/var(--tw-bg-opacity))
+  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
 }
-
 .bg-slate-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(51 65 85/var(--tw-bg-opacity))
+  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
 }
-
 .bg-slate-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(30 41 59/var(--tw-bg-opacity))
+  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
 }
-
 .bg-slate-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(15 23 42/var(--tw-bg-opacity))
+  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
 }
-
 .bg-stone-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(245 245 244/var(--tw-bg-opacity))
+  background-color: rgb(245 245 244 / var(--tw-bg-opacity));
 }
-
 .bg-stone-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(231 229 228/var(--tw-bg-opacity))
+  background-color: rgb(231 229 228 / var(--tw-bg-opacity));
 }
-
 .bg-stone-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(214 211 209/var(--tw-bg-opacity))
+  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
 }
-
 .bg-stone-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(168 162 158/var(--tw-bg-opacity))
+  background-color: rgb(168 162 158 / var(--tw-bg-opacity));
 }
-
 .bg-stone-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(250 250 249/var(--tw-bg-opacity))
+  background-color: rgb(250 250 249 / var(--tw-bg-opacity));
 }
-
 .bg-stone-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(120 113 108/var(--tw-bg-opacity))
+  background-color: rgb(120 113 108 / var(--tw-bg-opacity));
 }
-
 .bg-stone-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(87 83 78/var(--tw-bg-opacity))
+  background-color: rgb(87 83 78 / var(--tw-bg-opacity));
 }
-
 .bg-stone-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(68 64 60/var(--tw-bg-opacity))
+  background-color: rgb(68 64 60 / var(--tw-bg-opacity));
 }
-
 .bg-stone-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(41 37 36/var(--tw-bg-opacity))
+  background-color: rgb(41 37 36 / var(--tw-bg-opacity));
 }
-
 .bg-stone-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(28 25 23/var(--tw-bg-opacity))
+  background-color: rgb(28 25 23 / var(--tw-bg-opacity));
 }
-
 .bg-subtle {
-  background-color: var(--cal-bg-subtle)
+  background-color: var(--cal-bg-subtle);
 }
-
 .bg-success {
-  background-color: var(--cal-bg-success)
+  background-color: var(--cal-bg-success);
 }
-
 .bg-teal-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(204 251 241/var(--tw-bg-opacity))
+  background-color: rgb(204 251 241 / var(--tw-bg-opacity));
 }
-
 .bg-teal-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(153 246 228/var(--tw-bg-opacity))
+  background-color: rgb(153 246 228 / var(--tw-bg-opacity));
 }
-
 .bg-teal-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(94 234 212/var(--tw-bg-opacity))
+  background-color: rgb(94 234 212 / var(--tw-bg-opacity));
 }
-
 .bg-teal-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(45 212 191/var(--tw-bg-opacity))
+  background-color: rgb(45 212 191 / var(--tw-bg-opacity));
 }
-
 .bg-teal-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(240 253 250/var(--tw-bg-opacity))
+  background-color: rgb(240 253 250 / var(--tw-bg-opacity));
 }
-
 .bg-teal-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(20 184 166/var(--tw-bg-opacity))
+  background-color: rgb(20 184 166 / var(--tw-bg-opacity));
 }
-
 .bg-teal-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(13 148 136/var(--tw-bg-opacity))
+  background-color: rgb(13 148 136 / var(--tw-bg-opacity));
 }
-
 .bg-teal-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(15 118 110/var(--tw-bg-opacity))
+  background-color: rgb(15 118 110 / var(--tw-bg-opacity));
 }
-
 .bg-teal-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(17 94 89/var(--tw-bg-opacity))
+  background-color: rgb(17 94 89 / var(--tw-bg-opacity));
 }
-
 .bg-teal-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(19 78 74/var(--tw-bg-opacity))
+  background-color: rgb(19 78 74 / var(--tw-bg-opacity));
 }
-
 .bg-transparent {
-  background-color: transparent
+  background-color: transparent;
 }
-
 .bg-violet-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(237 233 254/var(--tw-bg-opacity))
+  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
 }
-
 .bg-violet-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(221 214 254/var(--tw-bg-opacity))
+  background-color: rgb(221 214 254 / var(--tw-bg-opacity));
 }
-
 .bg-violet-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(196 181 253/var(--tw-bg-opacity))
+  background-color: rgb(196 181 253 / var(--tw-bg-opacity));
 }
-
 .bg-violet-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(167 139 250/var(--tw-bg-opacity))
+  background-color: rgb(167 139 250 / var(--tw-bg-opacity));
 }
-
 .bg-violet-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(245 243 255/var(--tw-bg-opacity))
+  background-color: rgb(245 243 255 / var(--tw-bg-opacity));
 }
-
 .bg-violet-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(139 92 246/var(--tw-bg-opacity))
+  background-color: rgb(139 92 246 / var(--tw-bg-opacity));
 }
-
 .bg-violet-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(124 58 237/var(--tw-bg-opacity))
+  background-color: rgb(124 58 237 / var(--tw-bg-opacity));
 }
-
 .bg-violet-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(109 40 217/var(--tw-bg-opacity))
+  background-color: rgb(109 40 217 / var(--tw-bg-opacity));
 }
-
 .bg-violet-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(91 33 182/var(--tw-bg-opacity))
+  background-color: rgb(91 33 182 / var(--tw-bg-opacity));
 }
-
 .bg-violet-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(76 29 149/var(--tw-bg-opacity))
+  background-color: rgb(76 29 149 / var(--tw-bg-opacity));
 }
-
 .bg-white {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255/var(--tw-bg-opacity))
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
-
 .bg-yellow-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 249 195/var(--tw-bg-opacity))
+  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
 }
-
 .bg-yellow-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 240 138/var(--tw-bg-opacity))
+  background-color: rgb(254 240 138 / var(--tw-bg-opacity));
 }
-
 .bg-yellow-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(253 224 71/var(--tw-bg-opacity))
+  background-color: rgb(253 224 71 / var(--tw-bg-opacity));
 }
-
 .bg-yellow-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(250 204 21/var(--tw-bg-opacity))
+  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
 }
-
 .bg-yellow-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 252 232/var(--tw-bg-opacity))
+  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
 }
-
 .bg-yellow-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(234 179 8/var(--tw-bg-opacity))
+  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
 }
-
 .bg-yellow-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(202 138 4/var(--tw-bg-opacity))
+  background-color: rgb(202 138 4 / var(--tw-bg-opacity));
 }
-
 .bg-yellow-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(161 98 7/var(--tw-bg-opacity))
+  background-color: rgb(161 98 7 / var(--tw-bg-opacity));
 }
-
 .bg-yellow-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(133 77 14/var(--tw-bg-opacity))
+  background-color: rgb(133 77 14 / var(--tw-bg-opacity));
 }
-
 .bg-yellow-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(113 63 18/var(--tw-bg-opacity))
+  background-color: rgb(113 63 18 / var(--tw-bg-opacity));
 }
-
 .bg-zinc-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(244 244 245/var(--tw-bg-opacity))
+  background-color: rgb(244 244 245 / var(--tw-bg-opacity));
 }
-
 .bg-zinc-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(228 228 231/var(--tw-bg-opacity))
+  background-color: rgb(228 228 231 / var(--tw-bg-opacity));
 }
-
 .bg-zinc-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(212 212 216/var(--tw-bg-opacity))
+  background-color: rgb(212 212 216 / var(--tw-bg-opacity));
 }
-
 .bg-zinc-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(161 161 170/var(--tw-bg-opacity))
+  background-color: rgb(161 161 170 / var(--tw-bg-opacity));
 }
-
 .bg-zinc-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(250 250 250/var(--tw-bg-opacity))
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
 }
-
 .bg-zinc-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(113 113 122/var(--tw-bg-opacity))
+  background-color: rgb(113 113 122 / var(--tw-bg-opacity));
 }
-
 .bg-zinc-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(82 82 91/var(--tw-bg-opacity))
+  background-color: rgb(82 82 91 / var(--tw-bg-opacity));
 }
-
 .bg-zinc-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(63 63 70/var(--tw-bg-opacity))
+  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
 }
-
 .bg-zinc-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(39 39 42/var(--tw-bg-opacity))
+  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
 }
-
 .bg-zinc-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(24 24 27/var(--tw-bg-opacity))
+  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
 }
-
 .bg-opacity-30 {
-  --tw-bg-opacity: 0.3
+  --tw-bg-opacity: 0.3;
 }
-
 .bg-opacity-40 {
-  --tw-bg-opacity: 0.4
+  --tw-bg-opacity: 0.4;
 }
-
 .bg-opacity-5 {
-  --tw-bg-opacity: 0.05
+  --tw-bg-opacity: 0.05;
 }
-
 .bg-opacity-50 {
-  --tw-bg-opacity: 0.5
+  --tw-bg-opacity: 0.5;
 }
-
 .bg-opacity-70 {
-  --tw-bg-opacity: 0.7
+  --tw-bg-opacity: 0.7;
 }
-
 .bg-opacity-90 {
-  --tw-bg-opacity: 0.9
+  --tw-bg-opacity: 0.9;
 }
-
 .bg-gradient-primary {
-  background-image: radial-gradient(162.05% 170% at 109.58% 35%,#667593 0,#e3e3e3 100%)
+  background-image: radial-gradient(162.05% 170% at 109.58% 35%, #667593 0%, #E3E3E3 100%);
 }
-
 .bg-gradient-to-l {
-  background-image: linear-gradient(to left,var(--tw-gradient-stops))
+  background-image: linear-gradient(to left, var(--tw-gradient-stops));
 }
-
 .bg-gradient-to-r {
-  background-image: linear-gradient(to right,var(--tw-gradient-stops))
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+.from-default {
+  --tw-gradient-from: var(--cal-bg, white) 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-transparent {
   --tw-gradient-from: transparent var(--tw-gradient-from-position);
-  --tw-gradient-to: transparent var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
+  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
-
 .to-default {
-  --tw-gradient-to: var(--cal-bg,#fff) var(--tw-gradient-to-position)
+  --tw-gradient-to: var(--cal-bg, white) var(--tw-gradient-to-position);
+}
+.to-transparent {
+  --tw-gradient-to: transparent var(--tw-gradient-to-position);
 }
-
 .bg-cover {
-  background-size: cover
+  background-size: cover;
 }
-
 .bg-clip-text {
   -webkit-background-clip: text;
-  background-clip: text
+          background-clip: text;
 }
-
 .bg-center {
-  background-position: 50%
+  background-position: center;
 }
-
 .bg-repeat {
-  background-repeat: repeat
+  background-repeat: repeat;
 }
-
 .bg-no-repeat {
-  background-repeat: no-repeat
+  background-repeat: no-repeat;
 }
-
 .fill-blue-500 {
-  fill: #3b82f6
+  fill: #3b82f6;
 }
-
 .fill-current {
-  fill: currentColor
+  fill: currentColor;
 }
-
 .fill-default {
-  fill: var(--cal-text,#374151)
+  fill: var(--cal-text, #374151);
 }
-
 .fill-emphasis {
-  fill: var(--cal-text-emphasis,#111827)
+  fill: var(--cal-text-emphasis, #111827);
 }
-
 .fill-muted {
-  fill: var(--cal-text-muted,#9ca3af)
+  fill: var(--cal-text-muted, #9CA3AF);
 }
-
 .fill-orange-400 {
-  fill: #fb923c
+  fill: #fb923c;
 }
-
 .fill-transparent {
-  fill: transparent
+  fill: transparent;
+}
+.fill-yellow-500 {
+  fill: #eab308;
 }
-
 .stroke-2 {
-  stroke-width: 2
+  stroke-width: 2;
 }
-
 .stroke-\[1\.3px\] {
-  stroke-width: 1.3px
+  stroke-width: 1.3px;
 }
-
 .stroke-\[1\.5px\] {
-  stroke-width: 1.5px
+  stroke-width: 1.5px;
 }
-
 .stroke-\[2\.5px\] {
-  stroke-width: 2.5px
+  stroke-width: 2.5px;
 }
-
 .stroke-\[2px\] {
-  stroke-width: 2px
+  stroke-width: 2px;
 }
-
 .stroke-\[3px\] {
-  stroke-width: 3px
+  stroke-width: 3px;
 }
-
 .object-contain {
   -o-object-fit: contain;
-  object-fit: contain
+     object-fit: contain;
 }
-
 .object-cover {
   -o-object-fit: cover;
-  object-fit: cover
+     object-fit: cover;
 }
-
 .object-left {
   -o-object-position: left;
-  object-position: left
+     object-position: left;
+}
+.object-top {
+  -o-object-position: top;
+     object-position: top;
 }
-
 .\!p-0 {
-  padding: 0!important
+  padding: var(--cal-spacing-0) !important;
 }
-
 .\!p-1 {
-  padding: .25rem!important
+  padding: var(--cal-spacing-1) !important;
 }
-
 .\!p-2 {
-  padding: .5rem!important
+  padding: var(--cal-spacing-2) !important;
 }
-
 .\!p-5 {
-  padding: 1.25rem!important
+  padding: var(--cal-spacing-5) !important;
 }
-
 .p-0 {
-  padding: 0
+  padding: var(--cal-spacing-0);
 }
-
 .p-0\.5 {
-  padding: .125rem
+  padding: var(--cal-spacing-0_5);
 }
-
 .p-1 {
-  padding: .25rem
+  padding: var(--cal-spacing-1);
 }
-
 .p-1\.5 {
-  padding: .375rem
+  padding: var(--cal-spacing-1_5);
 }
-
 .p-10 {
-  padding: 2.5rem
+  padding: var(--cal-spacing-10);
+}
+.p-14 {
+  padding: var(--cal-spacing-14);
 }
-
 .p-2 {
-  padding: .5rem
+  padding: var(--cal-spacing-2);
 }
-
 .p-2\.5 {
-  padding: .625rem
+  padding: var(--cal-spacing-2_5);
 }
-
 .p-3 {
-  padding: .75rem
+  padding: var(--cal-spacing-3);
 }
-
 .p-4 {
-  padding: 1rem
+  padding: var(--cal-spacing-4);
 }
-
 .p-5 {
-  padding: 1.25rem
+  padding: var(--cal-spacing-5);
 }
-
 .p-6 {
-  padding: 1.5rem
+  padding: var(--cal-spacing-6);
 }
-
 .p-7 {
-  padding: 1.75rem
+  padding: var(--cal-spacing-7);
 }
-
 .p-8 {
-  padding: 2rem
+  padding: var(--cal-spacing-8);
 }
-
 .p-\[1px\] {
-  padding: 1px
+  padding: 1px;
 }
-
 .p-\[6px\] {
-  padding: 6px
+  padding: 6px;
 }
-
 .p-px {
-  padding: 1px
+  padding: var(--cal-spacing-px);
 }
-
 .\!px-0 {
-  padding-left: 0!important;
-  padding-right: 0!important
+  padding-left: var(--cal-spacing-0) !important;
+  padding-right: var(--cal-spacing-0) !important;
+}
+.\!px-2 {
+  padding-left: var(--cal-spacing-2) !important;
+  padding-right: var(--cal-spacing-2) !important;
 }
-
 .\!py-0 {
-  padding-top: 0!important;
-  padding-bottom: 0!important
+  padding-top: var(--cal-spacing-0) !important;
+  padding-bottom: var(--cal-spacing-0) !important;
 }
-
 .px-0 {
-  padding-left: 0;
-  padding-right: 0
+  padding-left: var(--cal-spacing-0);
+  padding-right: var(--cal-spacing-0);
 }
-
 .px-1 {
-  padding-left: .25rem;
-  padding-right: .25rem
+  padding-left: var(--cal-spacing-1);
+  padding-right: var(--cal-spacing-1);
 }
-
 .px-1\.5 {
-  padding-left: .375rem;
-  padding-right: .375rem
+  padding-left: var(--cal-spacing-1_5);
+  padding-right: var(--cal-spacing-1_5);
+}
+.px-10 {
+  padding-left: var(--cal-spacing-10);
+  padding-right: var(--cal-spacing-10);
 }
-
 .px-12 {
-  padding-left: 3rem;
-  padding-right: 3rem
+  padding-left: var(--cal-spacing-12);
+  padding-right: var(--cal-spacing-12);
 }
-
 .px-2 {
-  padding-left: .5rem;
-  padding-right: .5rem
+  padding-left: var(--cal-spacing-2);
+  padding-right: var(--cal-spacing-2);
+}
+.px-2\.5 {
+  padding-left: var(--cal-spacing-2_5);
+  padding-right: var(--cal-spacing-2_5);
 }
-
 .px-3 {
-  padding-left: .75rem;
-  padding-right: .75rem
+  padding-left: var(--cal-spacing-3);
+  padding-right: var(--cal-spacing-3);
 }
-
 .px-3\.5 {
-  padding-left: .875rem;
-  padding-right: .875rem
+  padding-left: var(--cal-spacing-3_5);
+  padding-right: var(--cal-spacing-3_5);
 }
-
 .px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem
+  padding-left: var(--cal-spacing-4);
+  padding-right: var(--cal-spacing-4);
 }
-
 .px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem
+  padding-left: var(--cal-spacing-5);
+  padding-right: var(--cal-spacing-5);
 }
-
 .px-6 {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem
+  padding-left: var(--cal-spacing-6);
+  padding-right: var(--cal-spacing-6);
 }
-
 .px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem
+  padding-left: var(--cal-spacing-8);
+  padding-right: var(--cal-spacing-8);
 }
-
 .px-9 {
-  padding-left: 2.25rem;
-  padding-right: 2.25rem
+  padding-left: var(--cal-spacing-9);
+  padding-right: var(--cal-spacing-9);
 }
-
 .px-\[10px\] {
   padding-left: 10px;
-  padding-right: 10px
+  padding-right: 10px;
 }
-
 .px-\[6px\] {
   padding-left: 6px;
-  padding-right: 6px
+  padding-right: 6px;
 }
-
 .px-px {
-  padding-left: 1px;
-  padding-right: 1px
+  padding-left: var(--cal-spacing-px);
+  padding-right: var(--cal-spacing-px);
 }
-
 .py-0 {
-  padding-top: 0;
-  padding-bottom: 0
+  padding-top: var(--cal-spacing-0);
+  padding-bottom: var(--cal-spacing-0);
 }
-
 .py-0\.5 {
-  padding-top: .125rem;
-  padding-bottom: .125rem
+  padding-top: var(--cal-spacing-0_5);
+  padding-bottom: var(--cal-spacing-0_5);
 }
-
 .py-1 {
-  padding-top: .25rem;
-  padding-bottom: .25rem
+  padding-top: var(--cal-spacing-1);
+  padding-bottom: var(--cal-spacing-1);
 }
-
 .py-1\.5 {
-  padding-top: .375rem;
-  padding-bottom: .375rem
+  padding-top: var(--cal-spacing-1_5);
+  padding-bottom: var(--cal-spacing-1_5);
 }
-
 .py-10 {
-  padding-top: 2.5rem;
-  padding-bottom: 2.5rem
+  padding-top: var(--cal-spacing-10);
+  padding-bottom: var(--cal-spacing-10);
 }
-
 .py-12 {
-  padding-top: 3rem;
-  padding-bottom: 3rem
+  padding-top: var(--cal-spacing-12);
+  padding-bottom: var(--cal-spacing-12);
 }
-
 .py-14 {
-  padding-top: 3.5rem;
-  padding-bottom: 3.5rem
+  padding-top: var(--cal-spacing-14);
+  padding-bottom: var(--cal-spacing-14);
 }
-
 .py-2 {
-  padding-top: .5rem;
-  padding-bottom: .5rem
+  padding-top: var(--cal-spacing-2);
+  padding-bottom: var(--cal-spacing-2);
 }
-
 .py-2\.5 {
-  padding-top: .625rem;
-  padding-bottom: .625rem
+  padding-top: var(--cal-spacing-2_5);
+  padding-bottom: var(--cal-spacing-2_5);
 }
-
 .py-24 {
-  padding-top: 6rem;
-  padding-bottom: 6rem
+  padding-top: var(--cal-spacing-24);
+  padding-bottom: var(--cal-spacing-24);
 }
-
 .py-3 {
-  padding-top: .75rem;
-  padding-bottom: .75rem
-}
-
-.py-3\.5 {
-  padding-top: .875rem;
-  padding-bottom: .875rem
+  padding-top: var(--cal-spacing-3);
+  padding-bottom: var(--cal-spacing-3);
 }
-
 .py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem
+  padding-top: var(--cal-spacing-4);
+  padding-bottom: var(--cal-spacing-4);
 }
-
 .py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem
+  padding-top: var(--cal-spacing-5);
+  padding-bottom: var(--cal-spacing-5);
 }
-
 .py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem
+  padding-top: var(--cal-spacing-6);
+  padding-bottom: var(--cal-spacing-6);
 }
-
 .py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem
+  padding-top: var(--cal-spacing-8);
+  padding-bottom: var(--cal-spacing-8);
 }
-
 .py-\[10px\] {
   padding-top: 10px;
-  padding-bottom: 10px
+  padding-bottom: 10px;
 }
-
 .py-\[10x\] {
   padding-top: 10x;
-  padding-bottom: 10x
+  padding-bottom: 10x;
 }
-
 .py-\[19px\] {
   padding-top: 19px;
-  padding-bottom: 19px
+  padding-bottom: 19px;
+}
+.py-\[1px\] {
+  padding-top: 1px;
+  padding-bottom: 1px;
 }
-
 .py-\[2px\] {
   padding-top: 2px;
-  padding-bottom: 2px
+  padding-bottom: 2px;
 }
-
 .py-\[5px\] {
   padding-top: 5px;
-  padding-bottom: 5px
+  padding-bottom: 5px;
 }
-
 .py-\[6px\] {
   padding-top: 6px;
-  padding-bottom: 6px
+  padding-bottom: 6px;
 }
-
 .py-px {
-  padding-top: 1px;
-  padding-bottom: 1px
+  padding-top: var(--cal-spacing-px);
+  padding-bottom: var(--cal-spacing-px);
 }
-
 .\!pb-0 {
-  padding-bottom: 0!important
+  padding-bottom: var(--cal-spacing-0) !important;
 }
-
 .\!pl-0 {
-  padding-left: 0!important
+  padding-left: var(--cal-spacing-0) !important;
+}
+.\!pt-0 {
+  padding-top: var(--cal-spacing-0) !important;
 }
-
 .pb-0 {
-  padding-bottom: 0
+  padding-bottom: var(--cal-spacing-0);
 }
-
 .pb-1 {
-  padding-bottom: .25rem
+  padding-bottom: var(--cal-spacing-1);
 }
-
 .pb-10 {
-  padding-bottom: 2.5rem
+  padding-bottom: var(--cal-spacing-10);
 }
-
 .pb-11 {
-  padding-bottom: 2.75rem
+  padding-bottom: var(--cal-spacing-11);
 }
-
 .pb-12 {
-  padding-bottom: 3rem
+  padding-bottom: var(--cal-spacing-12);
 }
-
 .pb-2 {
-  padding-bottom: .5rem
+  padding-bottom: var(--cal-spacing-2);
 }
-
 .pb-2\.5 {
-  padding-bottom: .625rem
+  padding-bottom: var(--cal-spacing-2_5);
 }
-
 .pb-20 {
-  padding-bottom: 5rem
+  padding-bottom: var(--cal-spacing-20);
 }
-
 .pb-3 {
-  padding-bottom: .75rem
+  padding-bottom: var(--cal-spacing-3);
 }
-
 .pb-4 {
-  padding-bottom: 1rem
+  padding-bottom: var(--cal-spacing-4);
 }
-
 .pb-5 {
-  padding-bottom: 1.25rem
+  padding-bottom: var(--cal-spacing-5);
 }
-
 .pb-6 {
-  padding-bottom: 1.5rem
+  padding-bottom: var(--cal-spacing-6);
 }
-
 .pb-7 {
-  padding-bottom: 1.75rem
+  padding-bottom: var(--cal-spacing-7);
 }
-
 .pb-8 {
-  padding-bottom: 2rem
+  padding-bottom: var(--cal-spacing-8);
 }
-
-.pb-\[1\.5px\] {
-  padding-bottom: 1.5px
-}
-
 .pb-px {
-  padding-bottom: 1px
+  padding-bottom: var(--cal-spacing-px);
 }
-
 .pe-2 {
-  -webkit-padding-end: .5rem;
-  padding-inline-end:.5rem}
-
+  -webkit-padding-end: var(--cal-spacing-2);
+          padding-inline-end: var(--cal-spacing-2);
+}
 .pe-3 {
-  -webkit-padding-end: .75rem;
-  padding-inline-end:.75rem}
-
+  -webkit-padding-end: var(--cal-spacing-3);
+          padding-inline-end: var(--cal-spacing-3);
+}
 .pl-0 {
-  padding-left: 0
+  padding-left: var(--cal-spacing-0);
+}
+.pl-0\.5 {
+  padding-left: var(--cal-spacing-0_5);
 }
-
 .pl-1 {
-  padding-left: .25rem
+  padding-left: var(--cal-spacing-1);
 }
-
 .pl-10 {
-  padding-left: 2.5rem
+  padding-left: var(--cal-spacing-10);
+}
+.pl-11 {
+  padding-left: var(--cal-spacing-11);
 }
-
 .pl-16 {
-  padding-left: 4rem
+  padding-left: var(--cal-spacing-16);
 }
-
 .pl-2 {
-  padding-left: .5rem
+  padding-left: var(--cal-spacing-2);
 }
-
 .pl-2\.5 {
-  padding-left: .625rem
+  padding-left: var(--cal-spacing-2_5);
 }
-
 .pl-3 {
-  padding-left: .75rem
+  padding-left: var(--cal-spacing-3);
 }
-
 .pl-4 {
-  padding-left: 1rem
+  padding-left: var(--cal-spacing-4);
 }
-
 .pl-5 {
-  padding-left: 1.25rem
+  padding-left: var(--cal-spacing-5);
 }
-
 .pl-6 {
-  padding-left: 1.5rem
+  padding-left: var(--cal-spacing-6);
 }
-
 .pl-px {
-  padding-left: 1px
+  padding-left: var(--cal-spacing-px);
 }
-
 .pr-0 {
-  padding-right: 0
+  padding-right: var(--cal-spacing-0);
 }
-
 .pr-1 {
-  padding-right: .25rem
+  padding-right: var(--cal-spacing-1);
 }
-
 .pr-10 {
-  padding-right: 2.5rem
+  padding-right: var(--cal-spacing-10);
 }
-
 .pr-12 {
-  padding-right: 3rem
+  padding-right: var(--cal-spacing-12);
 }
-
 .pr-2 {
-  padding-right: .5rem
+  padding-right: var(--cal-spacing-2);
 }
-
 .pr-2\.5 {
-  padding-right: .625rem
+  padding-right: var(--cal-spacing-2_5);
 }
-
 .pr-3 {
-  padding-right: .75rem
+  padding-right: var(--cal-spacing-3);
 }
-
 .pr-4 {
-  padding-right: 1rem
+  padding-right: var(--cal-spacing-4);
 }
-
 .pr-6 {
-  padding-right: 1.5rem
+  padding-right: var(--cal-spacing-6);
 }
-
 .pr-8 {
-  padding-right: 2rem
+  padding-right: var(--cal-spacing-8);
 }
-
 .pr-px {
-  padding-right: 1px
+  padding-right: var(--cal-spacing-px);
 }
-
 .ps-1 {
-  -webkit-padding-start: .25rem;
-  padding-inline-start:.25rem}
-
+  -webkit-padding-start: var(--cal-spacing-1);
+          padding-inline-start: var(--cal-spacing-1);
+}
 .ps-6 {
-  -webkit-padding-start: 1.5rem;
-  padding-inline-start:1.5rem}
-
+  -webkit-padding-start: var(--cal-spacing-6);
+          padding-inline-start: var(--cal-spacing-6);
+}
 .pt-0 {
-  padding-top: 0
+  padding-top: var(--cal-spacing-0);
 }
-
 .pt-0\.5 {
-  padding-top: .125rem
+  padding-top: var(--cal-spacing-0_5);
 }
-
 .pt-1 {
-  padding-top: .25rem
+  padding-top: var(--cal-spacing-1);
+}
+.pt-1\.5 {
+  padding-top: var(--cal-spacing-1_5);
 }
-
 .pt-12 {
-  padding-top: 3rem
+  padding-top: var(--cal-spacing-12);
 }
-
 .pt-16 {
-  padding-top: 4rem
+  padding-top: var(--cal-spacing-16);
 }
-
 .pt-2 {
-  padding-top: .5rem
+  padding-top: var(--cal-spacing-2);
 }
-
 .pt-3 {
-  padding-top: .75rem
+  padding-top: var(--cal-spacing-3);
 }
-
 .pt-4 {
-  padding-top: 1rem
+  padding-top: var(--cal-spacing-4);
 }
-
 .pt-5 {
-  padding-top: 1.25rem
+  padding-top: var(--cal-spacing-5);
 }
-
 .pt-6 {
-  padding-top: 1.5rem
+  padding-top: var(--cal-spacing-6);
 }
-
 .pt-8 {
-  padding-top: 2rem
+  padding-top: var(--cal-spacing-8);
 }
-
 .pt-9 {
-  padding-top: 2.25rem
+  padding-top: var(--cal-spacing-9);
 }
-
 .pt-\[100\%\] {
-  padding-top: 100%
+  padding-top: 100%;
 }
-
 .pt-\[6px\] {
-  padding-top: 6px
+  padding-top: 6px;
 }
-
 .pt-px {
-  padding-top: 1px
+  padding-top: var(--cal-spacing-px);
 }
-
 .text-left {
-  text-align: left
+  text-align: left;
 }
-
 .text-center {
-  text-align: center
+  text-align: center;
 }
-
 .text-right {
-  text-align: right
+  text-align: right;
 }
-
 .align-baseline {
-  vertical-align: baseline
+  vertical-align: baseline;
 }
-
 .align-top {
-  vertical-align: top
+  vertical-align: top;
 }
-
 .align-middle {
-  vertical-align: middle
+  vertical-align: middle;
 }
-
 .align-bottom {
-  vertical-align: bottom
+  vertical-align: bottom;
 }
-
 .align-text-top {
-  vertical-align: text-top
+  vertical-align: text-top;
 }
-
 .\!font-cal {
-  font-family: var(--font-cal),ui-serif,Georgia,Cambria,times new roman,Times,serif!important
+  font-family: var(--font-cal), ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !important;
+}
+.font-\[family-name\:var\(--font-inter\)\] {
+  font-family: var(--font-inter);
 }
-
 .font-cal {
-  font-family: var(--font-cal),ui-serif,Georgia,Cambria,times new roman,Times,serif
+  font-family: var(--font-cal), ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
 }
-
 .font-mono {
-  font-family: Roboto Mono,monospace
+  font-family: Roboto Mono, monospace;
 }
-
 .font-sans {
-  font-family: var(--font-inter),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji
+  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
-
 .\!text-xl {
-  font-size: 1.25rem!important;
-  line-height: 1.75rem!important
+  font-size: 1.25rem !important;
+  line-height: 1.75rem !important;
 }
-
 .text-2xl {
   font-size: 1.5rem;
-  line-height: 2rem
+  line-height: 2rem;
 }
-
 .text-3xl {
   font-size: 1.875rem;
-  line-height: 2.25rem
+  line-height: 2.25rem;
 }
-
 .text-4xl {
   font-size: 2.25rem;
-  line-height: 2.5rem
+  line-height: 2.5rem;
 }
-
 .text-6xl {
   font-size: 3.75rem;
-  line-height: 1
+  line-height: 1;
+}
+.text-\[\.5rem\] {
+  font-size: .5rem;
 }
-
 .text-\[0\.5rem\] {
-  font-size: .5rem
+  font-size: 0.5rem;
 }
-
 .text-\[0px\] {
-  font-size: 0
+  font-size: 0px;
 }
-
 .text-\[10px\] {
-  font-size: 10px
+  font-size: 10px;
 }
-
 .text-\[12px\] {
-  font-size: 12px
+  font-size: 12px;
 }
-
 .text-\[13px\] {
-  font-size: 13px
+  font-size: 13px;
 }
-
 .text-\[14px\] {
-  font-size: 14px
+  font-size: 14px;
 }
-
 .text-\[28px\] {
-  font-size: 28px
+  font-size: 28px;
 }
-
 .text-base {
   font-size: 1rem;
-  line-height: 1.5rem
+  line-height: 1.5rem;
 }
-
 .text-lg {
   font-size: 1.125rem;
-  line-height: 1.75rem
+  line-height: 1.75rem;
 }
-
 .text-sm {
-  font-size: .875rem;
-  line-height: 1.25rem
+  font-size: 0.875rem;
+  line-height: 1.25rem;
 }
-
 .text-xl {
   font-size: 1.25rem;
-  line-height: 1.75rem
+  line-height: 1.75rem;
 }
-
 .text-xs {
-  font-size: .75rem;
-  line-height: 1rem
+  font-size: 0.75rem;
+  line-height: 1rem;
 }
-
 .\!font-normal {
-  font-weight: 400!important
+  font-weight: 400 !important;
 }
-
 .font-bold {
-  font-weight: 700
+  font-weight: 700;
 }
-
 .font-extrabold {
-  font-weight: 800
+  font-weight: 800;
 }
-
 .font-extralight {
-  font-weight: 200
+  font-weight: 200;
 }
-
 .font-light {
-  font-weight: 300
+  font-weight: 300;
 }
-
 .font-medium {
-  font-weight: 500
+  font-weight: 500;
 }
-
 .font-normal {
-  font-weight: 400
+  font-weight: 400;
 }
-
 .font-semibold {
-  font-weight: 600
+  font-weight: 600;
 }
-
 .uppercase {
-  text-transform: uppercase
+  text-transform: uppercase;
 }
-
 .lowercase {
-  text-transform: lowercase
+  text-transform: lowercase;
 }
-
 .capitalize {
-  text-transform: capitalize
+  text-transform: capitalize;
 }
-
 .normal-case {
-  text-transform: none
+  text-transform: none;
 }
-
 .italic {
-  font-style: italic
+  font-style: italic;
 }
-
 .not-italic {
-  font-style: normal
+  font-style: normal;
 }
-
 .normal-nums {
-  font-variant-numeric: normal
+  font-variant-numeric: normal;
 }
-
 .ordinal {
-  --tw-ordinal: ordinal
-}
-
-.ordinal,.slashed-zero {
-  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
+  --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
+  --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
-}
-
-.lining-nums,.oldstyle-nums {
-  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
+  --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
+  --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
-}
-
-.proportional-nums,.tabular-nums {
-  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
+  --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
+  --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)
+  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
-
 .leading-3 {
-  line-height: .75rem
+  line-height: .75rem;
 }
-
 .leading-4 {
-  line-height: 1rem
+  line-height: 1rem;
 }
-
 .leading-5 {
-  line-height: 1.25rem
+  line-height: 1.25rem;
 }
-
 .leading-6 {
-  line-height: 1.5rem
+  line-height: 1.5rem;
 }
-
 .leading-7 {
-  line-height: 1.75rem
+  line-height: 1.75rem;
 }
-
 .leading-\[0\] {
-  line-height: 0
+  line-height: 0;
 }
-
 .leading-\[18px\] {
-  line-height: 18px
+  line-height: 18px;
 }
-
 .leading-none {
-  line-height: 1
+  line-height: 1;
 }
-
 .leading-normal {
-  line-height: 1.5
+  line-height: 1.5;
 }
-
 .leading-tight {
-  line-height: 1.25
+  line-height: 1.25;
 }
-
 .tracking-\[0\.01em\] {
-  letter-spacing: .01em
+  letter-spacing: 0.01em;
 }
-
 .tracking-normal {
-  letter-spacing: 0
+  letter-spacing: 0em;
 }
-
 .tracking-tight {
-  letter-spacing: -.025em
+  letter-spacing: -0.025em;
 }
-
 .tracking-wide {
-  letter-spacing: .025em
+  letter-spacing: 0.025em;
 }
-
 .tracking-wider {
-  letter-spacing: .05em
+  letter-spacing: 0.05em;
 }
-
 .tracking-widest {
-  letter-spacing: .1em
+  letter-spacing: 0.1em;
 }
-
 .\!text-default {
-  color: var(--cal-text,#374151)!important
+  color: var(--cal-text) !important;
 }
-
 .\!text-emphasis {
-  color: var(--cal-text-emphasis,#111827)!important
+  color: var(--cal-text-emphasis) !important;
 }
-
 .\!text-green-700 {
-  --tw-text-opacity: 1!important;
-  color: rgb(21 128 61/var(--tw-text-opacity))!important
+  --tw-text-opacity: 1 !important;
+  color: rgb(21 128 61 / var(--tw-text-opacity)) !important;
 }
-
 .\!text-orange-900 {
-  --tw-text-opacity: 1!important;
-  color: rgb(124 45 18/var(--tw-text-opacity))!important
+  --tw-text-opacity: 1 !important;
+  color: rgb(124 45 18 / var(--tw-text-opacity)) !important;
 }
-
 .\!text-red-700 {
-  --tw-text-opacity: 1!important;
-  color: rgb(185 28 28/var(--tw-text-opacity))!important
+  --tw-text-opacity: 1 !important;
+  color: rgb(185 28 28 / var(--tw-text-opacity)) !important;
 }
-
 .text-\[\#5B93F9\] {
   --tw-text-opacity: 1;
-  color: rgb(91 147 249/var(--tw-text-opacity))
+  color: rgb(91 147 249 / var(--tw-text-opacity));
 }
-
 .text-\[--cal-brand\] {
-  color: var(--cal-brand)
+  color: var(--cal-brand);
 }
-
 .text-amber-100 {
   --tw-text-opacity: 1;
-  color: rgb(254 243 199/var(--tw-text-opacity))
+  color: rgb(254 243 199 / var(--tw-text-opacity));
 }
-
 .text-amber-200 {
   --tw-text-opacity: 1;
-  color: rgb(253 230 138/var(--tw-text-opacity))
+  color: rgb(253 230 138 / var(--tw-text-opacity));
 }
-
 .text-amber-300 {
   --tw-text-opacity: 1;
-  color: rgb(252 211 77/var(--tw-text-opacity))
+  color: rgb(252 211 77 / var(--tw-text-opacity));
 }
-
 .text-amber-400 {
   --tw-text-opacity: 1;
-  color: rgb(251 191 36/var(--tw-text-opacity))
+  color: rgb(251 191 36 / var(--tw-text-opacity));
 }
-
 .text-amber-50 {
   --tw-text-opacity: 1;
-  color: rgb(255 251 235/var(--tw-text-opacity))
+  color: rgb(255 251 235 / var(--tw-text-opacity));
 }
-
 .text-amber-500 {
   --tw-text-opacity: 1;
-  color: rgb(245 158 11/var(--tw-text-opacity))
+  color: rgb(245 158 11 / var(--tw-text-opacity));
 }
-
 .text-amber-600 {
   --tw-text-opacity: 1;
-  color: rgb(217 119 6/var(--tw-text-opacity))
+  color: rgb(217 119 6 / var(--tw-text-opacity));
 }
-
 .text-amber-700 {
   --tw-text-opacity: 1;
-  color: rgb(180 83 9/var(--tw-text-opacity))
+  color: rgb(180 83 9 / var(--tw-text-opacity));
 }
-
 .text-amber-800 {
   --tw-text-opacity: 1;
-  color: rgb(146 64 14/var(--tw-text-opacity))
+  color: rgb(146 64 14 / var(--tw-text-opacity));
 }
-
 .text-amber-900 {
   --tw-text-opacity: 1;
-  color: rgb(120 53 15/var(--tw-text-opacity))
+  color: rgb(120 53 15 / var(--tw-text-opacity));
 }
-
 .text-attention {
-  color: var(--cal-text-attention,#73321b)
+  color: var(--cal-text-attention);
 }
-
 .text-black {
   --tw-text-opacity: 1;
-  color: rgb(17 17 17/var(--tw-text-opacity))
+  color: rgb(17 17 17 / var(--tw-text-opacity));
 }
-
 .text-blue-100 {
   --tw-text-opacity: 1;
-  color: rgb(219 234 254/var(--tw-text-opacity))
+  color: rgb(219 234 254 / var(--tw-text-opacity));
 }
-
 .text-blue-200 {
   --tw-text-opacity: 1;
-  color: rgb(191 219 254/var(--tw-text-opacity))
+  color: rgb(191 219 254 / var(--tw-text-opacity));
 }
-
 .text-blue-300 {
   --tw-text-opacity: 1;
-  color: rgb(147 197 253/var(--tw-text-opacity))
+  color: rgb(147 197 253 / var(--tw-text-opacity));
 }
-
 .text-blue-400 {
   --tw-text-opacity: 1;
-  color: rgb(96 165 250/var(--tw-text-opacity))
+  color: rgb(96 165 250 / var(--tw-text-opacity));
 }
-
 .text-blue-50 {
   --tw-text-opacity: 1;
-  color: rgb(239 246 255/var(--tw-text-opacity))
+  color: rgb(239 246 255 / var(--tw-text-opacity));
 }
-
 .text-blue-500 {
   --tw-text-opacity: 1;
-  color: rgb(59 130 246/var(--tw-text-opacity))
+  color: rgb(59 130 246 / var(--tw-text-opacity));
 }
-
 .text-blue-600 {
   --tw-text-opacity: 1;
-  color: rgb(37 99 235/var(--tw-text-opacity))
+  color: rgb(37 99 235 / var(--tw-text-opacity));
 }
-
 .text-blue-700 {
   --tw-text-opacity: 1;
-  color: rgb(29 78 216/var(--tw-text-opacity))
+  color: rgb(29 78 216 / var(--tw-text-opacity));
 }
-
 .text-blue-800 {
   --tw-text-opacity: 1;
-  color: rgb(30 64 175/var(--tw-text-opacity))
+  color: rgb(30 64 175 / var(--tw-text-opacity));
 }
-
 .text-blue-900 {
   --tw-text-opacity: 1;
-  color: rgb(30 58 138/var(--tw-text-opacity))
+  color: rgb(30 58 138 / var(--tw-text-opacity));
 }
-
 .text-brand {
-  color: var(--cal-brand-text,"white")
+  color: var(--cal-brand-text);
 }
-
 .text-current {
-  color: currentColor
+  color: currentColor;
 }
-
 .text-cyan-100 {
   --tw-text-opacity: 1;
-  color: rgb(207 250 254/var(--tw-text-opacity))
+  color: rgb(207 250 254 / var(--tw-text-opacity));
 }
-
 .text-cyan-200 {
   --tw-text-opacity: 1;
-  color: rgb(165 243 252/var(--tw-text-opacity))
+  color: rgb(165 243 252 / var(--tw-text-opacity));
 }
-
 .text-cyan-300 {
   --tw-text-opacity: 1;
-  color: rgb(103 232 249/var(--tw-text-opacity))
+  color: rgb(103 232 249 / var(--tw-text-opacity));
 }
-
 .text-cyan-400 {
   --tw-text-opacity: 1;
-  color: rgb(34 211 238/var(--tw-text-opacity))
+  color: rgb(34 211 238 / var(--tw-text-opacity));
 }
-
 .text-cyan-50 {
   --tw-text-opacity: 1;
-  color: rgb(236 254 255/var(--tw-text-opacity))
+  color: rgb(236 254 255 / var(--tw-text-opacity));
 }
-
 .text-cyan-500 {
   --tw-text-opacity: 1;
-  color: rgb(6 182 212/var(--tw-text-opacity))
+  color: rgb(6 182 212 / var(--tw-text-opacity));
 }
-
 .text-cyan-600 {
   --tw-text-opacity: 1;
-  color: rgb(8 145 178/var(--tw-text-opacity))
+  color: rgb(8 145 178 / var(--tw-text-opacity));
 }
-
 .text-cyan-700 {
   --tw-text-opacity: 1;
-  color: rgb(14 116 144/var(--tw-text-opacity))
+  color: rgb(14 116 144 / var(--tw-text-opacity));
 }
-
 .text-cyan-800 {
   --tw-text-opacity: 1;
-  color: rgb(21 94 117/var(--tw-text-opacity))
+  color: rgb(21 94 117 / var(--tw-text-opacity));
 }
-
 .text-cyan-900 {
   --tw-text-opacity: 1;
-  color: rgb(22 78 99/var(--tw-text-opacity))
+  color: rgb(22 78 99 / var(--tw-text-opacity));
 }
-
 .text-default {
-  color: var(--cal-text,#374151)
+  color: var(--cal-text);
 }
-
 .text-emerald-100 {
   --tw-text-opacity: 1;
-  color: rgb(209 250 229/var(--tw-text-opacity))
+  color: rgb(209 250 229 / var(--tw-text-opacity));
 }
-
 .text-emerald-200 {
   --tw-text-opacity: 1;
-  color: rgb(167 243 208/var(--tw-text-opacity))
+  color: rgb(167 243 208 / var(--tw-text-opacity));
 }
-
 .text-emerald-300 {
   --tw-text-opacity: 1;
-  color: rgb(110 231 183/var(--tw-text-opacity))
+  color: rgb(110 231 183 / var(--tw-text-opacity));
 }
-
 .text-emerald-400 {
   --tw-text-opacity: 1;
-  color: rgb(52 211 153/var(--tw-text-opacity))
+  color: rgb(52 211 153 / var(--tw-text-opacity));
 }
-
 .text-emerald-50 {
   --tw-text-opacity: 1;
-  color: rgb(236 253 245/var(--tw-text-opacity))
+  color: rgb(236 253 245 / var(--tw-text-opacity));
 }
-
 .text-emerald-500 {
   --tw-text-opacity: 1;
-  color: rgb(16 185 129/var(--tw-text-opacity))
+  color: rgb(16 185 129 / var(--tw-text-opacity));
 }
-
 .text-emerald-600 {
   --tw-text-opacity: 1;
-  color: rgb(5 150 105/var(--tw-text-opacity))
+  color: rgb(5 150 105 / var(--tw-text-opacity));
 }
-
 .text-emerald-700 {
   --tw-text-opacity: 1;
-  color: rgb(4 120 87/var(--tw-text-opacity))
+  color: rgb(4 120 87 / var(--tw-text-opacity));
 }
-
 .text-emerald-800 {
   --tw-text-opacity: 1;
-  color: rgb(6 95 70/var(--tw-text-opacity))
+  color: rgb(6 95 70 / var(--tw-text-opacity));
 }
-
 .text-emerald-900 {
   --tw-text-opacity: 1;
-  color: rgb(6 78 59/var(--tw-text-opacity))
+  color: rgb(6 78 59 / var(--tw-text-opacity));
 }
-
 .text-emphasis {
-  color: var(--cal-text-emphasis,#111827)
+  color: var(--cal-text-emphasis);
 }
-
 .text-error {
-  color: var(--cal-text-error,#752522)
+  color: var(--cal-text-error);
 }
-
 .text-fuchsia-100 {
   --tw-text-opacity: 1;
-  color: rgb(250 232 255/var(--tw-text-opacity))
+  color: rgb(250 232 255 / var(--tw-text-opacity));
 }
-
 .text-fuchsia-200 {
   --tw-text-opacity: 1;
-  color: rgb(245 208 254/var(--tw-text-opacity))
+  color: rgb(245 208 254 / var(--tw-text-opacity));
 }
-
 .text-fuchsia-300 {
   --tw-text-opacity: 1;
-  color: rgb(240 171 252/var(--tw-text-opacity))
+  color: rgb(240 171 252 / var(--tw-text-opacity));
 }
-
 .text-fuchsia-400 {
   --tw-text-opacity: 1;
-  color: rgb(232 121 249/var(--tw-text-opacity))
+  color: rgb(232 121 249 / var(--tw-text-opacity));
 }
-
 .text-fuchsia-50 {
   --tw-text-opacity: 1;
-  color: rgb(253 244 255/var(--tw-text-opacity))
+  color: rgb(253 244 255 / var(--tw-text-opacity));
 }
-
 .text-fuchsia-500 {
   --tw-text-opacity: 1;
-  color: rgb(217 70 239/var(--tw-text-opacity))
+  color: rgb(217 70 239 / var(--tw-text-opacity));
 }
-
 .text-fuchsia-600 {
   --tw-text-opacity: 1;
-  color: rgb(192 38 211/var(--tw-text-opacity))
+  color: rgb(192 38 211 / var(--tw-text-opacity));
 }
-
 .text-fuchsia-700 {
   --tw-text-opacity: 1;
-  color: rgb(162 28 175/var(--tw-text-opacity))
+  color: rgb(162 28 175 / var(--tw-text-opacity));
 }
-
 .text-fuchsia-800 {
   --tw-text-opacity: 1;
-  color: rgb(134 25 143/var(--tw-text-opacity))
+  color: rgb(134 25 143 / var(--tw-text-opacity));
 }
-
 .text-fuchsia-900 {
   --tw-text-opacity: 1;
-  color: rgb(112 26 117/var(--tw-text-opacity))
+  color: rgb(112 26 117 / var(--tw-text-opacity));
 }
-
 .text-gray-100 {
   --tw-text-opacity: 1;
-  color: rgb(243 244 246/var(--tw-text-opacity))
+  color: rgb(243 244 246 / var(--tw-text-opacity));
 }
-
 .text-gray-200 {
   --tw-text-opacity: 1;
-  color: rgb(229 231 235/var(--tw-text-opacity))
+  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))
+  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))
+  color: rgb(156 163 175 / var(--tw-text-opacity));
 }
-
 .text-gray-50 {
   --tw-text-opacity: 1;
-  color: rgb(249 250 251/var(--tw-text-opacity))
+  color: rgb(249 250 251 / var(--tw-text-opacity));
 }
-
 .text-gray-500 {
   --tw-text-opacity: 1;
-  color: rgb(107 114 128/var(--tw-text-opacity))
+  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))
+  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))
+  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))
+  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))
+  color: rgb(17 24 39 / var(--tw-text-opacity));
 }
-
 .text-green-100 {
   --tw-text-opacity: 1;
-  color: rgb(220 252 231/var(--tw-text-opacity))
+  color: rgb(220 252 231 / var(--tw-text-opacity));
 }
-
 .text-green-200 {
   --tw-text-opacity: 1;
-  color: rgb(187 247 208/var(--tw-text-opacity))
+  color: rgb(187 247 208 / var(--tw-text-opacity));
 }
-
 .text-green-300 {
   --tw-text-opacity: 1;
-  color: rgb(134 239 172/var(--tw-text-opacity))
+  color: rgb(134 239 172 / var(--tw-text-opacity));
 }
-
 .text-green-400 {
   --tw-text-opacity: 1;
-  color: rgb(74 222 128/var(--tw-text-opacity))
+  color: rgb(74 222 128 / var(--tw-text-opacity));
 }
-
 .text-green-50 {
   --tw-text-opacity: 1;
-  color: rgb(240 253 244/var(--tw-text-opacity))
+  color: rgb(240 253 244 / var(--tw-text-opacity));
 }
-
 .text-green-500 {
   --tw-text-opacity: 1;
-  color: rgb(34 197 94/var(--tw-text-opacity))
+  color: rgb(34 197 94 / var(--tw-text-opacity));
 }
-
 .text-green-600 {
   --tw-text-opacity: 1;
-  color: rgb(22 163 74/var(--tw-text-opacity))
+  color: rgb(22 163 74 / var(--tw-text-opacity));
 }
-
 .text-green-700 {
   --tw-text-opacity: 1;
-  color: rgb(21 128 61/var(--tw-text-opacity))
+  color: rgb(21 128 61 / var(--tw-text-opacity));
 }
-
 .text-green-800 {
   --tw-text-opacity: 1;
-  color: rgb(22 101 52/var(--tw-text-opacity))
+  color: rgb(22 101 52 / var(--tw-text-opacity));
 }
-
 .text-green-900 {
   --tw-text-opacity: 1;
-  color: rgb(20 83 45/var(--tw-text-opacity))
+  color: rgb(20 83 45 / var(--tw-text-opacity));
 }
-
 .text-indigo-100 {
   --tw-text-opacity: 1;
-  color: rgb(224 231 255/var(--tw-text-opacity))
+  color: rgb(224 231 255 / var(--tw-text-opacity));
 }
-
 .text-indigo-200 {
   --tw-text-opacity: 1;
-  color: rgb(199 210 254/var(--tw-text-opacity))
+  color: rgb(199 210 254 / var(--tw-text-opacity));
 }
-
 .text-indigo-300 {
   --tw-text-opacity: 1;
-  color: rgb(165 180 252/var(--tw-text-opacity))
+  color: rgb(165 180 252 / var(--tw-text-opacity));
 }
-
 .text-indigo-400 {
   --tw-text-opacity: 1;
-  color: rgb(129 140 248/var(--tw-text-opacity))
+  color: rgb(129 140 248 / var(--tw-text-opacity));
 }
-
 .text-indigo-50 {
   --tw-text-opacity: 1;
-  color: rgb(238 242 255/var(--tw-text-opacity))
+  color: rgb(238 242 255 / var(--tw-text-opacity));
 }
-
 .text-indigo-500 {
   --tw-text-opacity: 1;
-  color: rgb(99 102 241/var(--tw-text-opacity))
+  color: rgb(99 102 241 / var(--tw-text-opacity));
 }
-
 .text-indigo-600 {
   --tw-text-opacity: 1;
-  color: rgb(79 70 229/var(--tw-text-opacity))
+  color: rgb(79 70 229 / var(--tw-text-opacity));
 }
-
 .text-indigo-700 {
   --tw-text-opacity: 1;
-  color: rgb(67 56 202/var(--tw-text-opacity))
+  color: rgb(67 56 202 / var(--tw-text-opacity));
 }
-
 .text-indigo-800 {
   --tw-text-opacity: 1;
-  color: rgb(55 48 163/var(--tw-text-opacity))
+  color: rgb(55 48 163 / var(--tw-text-opacity));
 }
-
 .text-indigo-900 {
   --tw-text-opacity: 1;
-  color: rgb(49 46 129/var(--tw-text-opacity))
+  color: rgb(49 46 129 / var(--tw-text-opacity));
 }
-
 .text-info {
-  color: var(--cal-text-info,#253985)
+  color: var(--cal-text-info);
 }
-
 .text-inherit {
-  color: inherit
+  color: inherit;
 }
-
 .text-inverted {
-  color: var(--cal-text-inverted,#fff)
+  color: var(--cal-text-inverted);
 }
-
 .text-lime-100 {
   --tw-text-opacity: 1;
-  color: rgb(236 252 203/var(--tw-text-opacity))
+  color: rgb(236 252 203 / var(--tw-text-opacity));
 }
-
 .text-lime-200 {
   --tw-text-opacity: 1;
-  color: rgb(217 249 157/var(--tw-text-opacity))
+  color: rgb(217 249 157 / var(--tw-text-opacity));
 }
-
 .text-lime-300 {
   --tw-text-opacity: 1;
-  color: rgb(190 242 100/var(--tw-text-opacity))
+  color: rgb(190 242 100 / var(--tw-text-opacity));
 }
-
 .text-lime-400 {
   --tw-text-opacity: 1;
-  color: rgb(163 230 53/var(--tw-text-opacity))
+  color: rgb(163 230 53 / var(--tw-text-opacity));
 }
-
 .text-lime-50 {
   --tw-text-opacity: 1;
-  color: rgb(247 254 231/var(--tw-text-opacity))
+  color: rgb(247 254 231 / var(--tw-text-opacity));
 }
-
 .text-lime-500 {
   --tw-text-opacity: 1;
-  color: rgb(132 204 22/var(--tw-text-opacity))
+  color: rgb(132 204 22 / var(--tw-text-opacity));
 }
-
 .text-lime-600 {
   --tw-text-opacity: 1;
-  color: rgb(101 163 13/var(--tw-text-opacity))
+  color: rgb(101 163 13 / var(--tw-text-opacity));
 }
-
 .text-lime-700 {
   --tw-text-opacity: 1;
-  color: rgb(77 124 15/var(--tw-text-opacity))
+  color: rgb(77 124 15 / var(--tw-text-opacity));
 }
-
 .text-lime-800 {
   --tw-text-opacity: 1;
-  color: rgb(63 98 18/var(--tw-text-opacity))
+  color: rgb(63 98 18 / var(--tw-text-opacity));
 }
-
 .text-lime-900 {
   --tw-text-opacity: 1;
-  color: rgb(54 83 20/var(--tw-text-opacity))
+  color: rgb(54 83 20 / var(--tw-text-opacity));
 }
-
 .text-muted {
-  color: var(--cal-text-muted,#9ca3af)
+  color: var(--cal-text-muted);
 }
-
 .text-neutral-100 {
   --tw-text-opacity: 1;
-  color: rgb(245 245 245/var(--tw-text-opacity))
+  color: rgb(245 245 245 / var(--tw-text-opacity));
 }
-
 .text-neutral-200 {
   --tw-text-opacity: 1;
-  color: rgb(229 229 229/var(--tw-text-opacity))
+  color: rgb(229 229 229 / var(--tw-text-opacity));
 }
-
 .text-neutral-300 {
   --tw-text-opacity: 1;
-  color: rgb(212 212 212/var(--tw-text-opacity))
+  color: rgb(212 212 212 / var(--tw-text-opacity));
 }
-
 .text-neutral-400 {
   --tw-text-opacity: 1;
-  color: rgb(163 163 163/var(--tw-text-opacity))
+  color: rgb(163 163 163 / var(--tw-text-opacity));
 }
-
 .text-neutral-50 {
   --tw-text-opacity: 1;
-  color: rgb(250 250 250/var(--tw-text-opacity))
+  color: rgb(250 250 250 / var(--tw-text-opacity));
 }
-
 .text-neutral-500 {
   --tw-text-opacity: 1;
-  color: rgb(115 115 115/var(--tw-text-opacity))
+  color: rgb(115 115 115 / var(--tw-text-opacity));
 }
-
 .text-neutral-600 {
   --tw-text-opacity: 1;
-  color: rgb(82 82 82/var(--tw-text-opacity))
+  color: rgb(82 82 82 / var(--tw-text-opacity));
 }
-
 .text-neutral-700 {
   --tw-text-opacity: 1;
-  color: rgb(64 64 64/var(--tw-text-opacity))
+  color: rgb(64 64 64 / var(--tw-text-opacity));
 }
-
 .text-neutral-800 {
   --tw-text-opacity: 1;
-  color: rgb(38 38 38/var(--tw-text-opacity))
+  color: rgb(38 38 38 / var(--tw-text-opacity));
 }
-
 .text-neutral-900 {
   --tw-text-opacity: 1;
-  color: rgb(23 23 23/var(--tw-text-opacity))
+  color: rgb(23 23 23 / var(--tw-text-opacity));
 }
-
 .text-orange-100 {
   --tw-text-opacity: 1;
-  color: rgb(255 237 213/var(--tw-text-opacity))
+  color: rgb(255 237 213 / var(--tw-text-opacity));
 }
-
 .text-orange-200 {
   --tw-text-opacity: 1;
-  color: rgb(254 215 170/var(--tw-text-opacity))
+  color: rgb(254 215 170 / var(--tw-text-opacity));
 }
-
 .text-orange-300 {
   --tw-text-opacity: 1;
-  color: rgb(253 186 116/var(--tw-text-opacity))
+  color: rgb(253 186 116 / var(--tw-text-opacity));
 }
-
 .text-orange-400 {
   --tw-text-opacity: 1;
-  color: rgb(251 146 60/var(--tw-text-opacity))
+  color: rgb(251 146 60 / var(--tw-text-opacity));
 }
-
 .text-orange-50 {
   --tw-text-opacity: 1;
-  color: rgb(255 247 237/var(--tw-text-opacity))
+  color: rgb(255 247 237 / var(--tw-text-opacity));
 }
-
 .text-orange-500 {
   --tw-text-opacity: 1;
-  color: rgb(249 115 22/var(--tw-text-opacity))
+  color: rgb(249 115 22 / var(--tw-text-opacity));
 }
-
 .text-orange-600 {
   --tw-text-opacity: 1;
-  color: rgb(234 88 12/var(--tw-text-opacity))
+  color: rgb(234 88 12 / var(--tw-text-opacity));
 }
-
 .text-orange-700 {
   --tw-text-opacity: 1;
-  color: rgb(194 65 12/var(--tw-text-opacity))
+  color: rgb(194 65 12 / var(--tw-text-opacity));
 }
-
 .text-orange-800 {
   --tw-text-opacity: 1;
-  color: rgb(154 52 18/var(--tw-text-opacity))
+  color: rgb(154 52 18 / var(--tw-text-opacity));
 }
-
 .text-orange-900 {
   --tw-text-opacity: 1;
-  color: rgb(124 45 18/var(--tw-text-opacity))
+  color: rgb(124 45 18 / var(--tw-text-opacity));
 }
-
 .text-pink-100 {
   --tw-text-opacity: 1;
-  color: rgb(252 231 243/var(--tw-text-opacity))
+  color: rgb(252 231 243 / var(--tw-text-opacity));
 }
-
 .text-pink-200 {
   --tw-text-opacity: 1;
-  color: rgb(251 207 232/var(--tw-text-opacity))
+  color: rgb(251 207 232 / var(--tw-text-opacity));
 }
-
 .text-pink-300 {
   --tw-text-opacity: 1;
-  color: rgb(249 168 212/var(--tw-text-opacity))
+  color: rgb(249 168 212 / var(--tw-text-opacity));
 }
-
 .text-pink-400 {
   --tw-text-opacity: 1;
-  color: rgb(244 114 182/var(--tw-text-opacity))
+  color: rgb(244 114 182 / var(--tw-text-opacity));
 }
-
 .text-pink-50 {
   --tw-text-opacity: 1;
-  color: rgb(253 242 248/var(--tw-text-opacity))
+  color: rgb(253 242 248 / var(--tw-text-opacity));
 }
-
 .text-pink-500 {
   --tw-text-opacity: 1;
-  color: rgb(236 72 153/var(--tw-text-opacity))
+  color: rgb(236 72 153 / var(--tw-text-opacity));
 }
-
 .text-pink-600 {
   --tw-text-opacity: 1;
-  color: rgb(219 39 119/var(--tw-text-opacity))
+  color: rgb(219 39 119 / var(--tw-text-opacity));
 }
-
 .text-pink-700 {
   --tw-text-opacity: 1;
-  color: rgb(190 24 93/var(--tw-text-opacity))
+  color: rgb(190 24 93 / var(--tw-text-opacity));
 }
-
 .text-pink-900 {
   --tw-text-opacity: 1;
-  color: rgb(131 24 67/var(--tw-text-opacity))
+  color: rgb(131 24 67 / var(--tw-text-opacity));
 }
-
 .text-purple-100 {
   --tw-text-opacity: 1;
-  color: rgb(243 232 255/var(--tw-text-opacity))
+  color: rgb(243 232 255 / var(--tw-text-opacity));
 }
-
 .text-purple-200 {
   --tw-text-opacity: 1;
-  color: rgb(233 213 255/var(--tw-text-opacity))
+  color: rgb(233 213 255 / var(--tw-text-opacity));
 }
-
 .text-purple-300 {
   --tw-text-opacity: 1;
-  color: rgb(216 180 254/var(--tw-text-opacity))
+  color: rgb(216 180 254 / var(--tw-text-opacity));
 }
-
 .text-purple-400 {
   --tw-text-opacity: 1;
-  color: rgb(192 132 252/var(--tw-text-opacity))
+  color: rgb(192 132 252 / var(--tw-text-opacity));
 }
-
 .text-purple-50 {
   --tw-text-opacity: 1;
-  color: rgb(250 245 255/var(--tw-text-opacity))
+  color: rgb(250 245 255 / var(--tw-text-opacity));
 }
-
 .text-purple-500 {
   --tw-text-opacity: 1;
-  color: rgb(168 85 247/var(--tw-text-opacity))
+  color: rgb(168 85 247 / var(--tw-text-opacity));
 }
-
 .text-purple-600 {
   --tw-text-opacity: 1;
-  color: rgb(147 51 234/var(--tw-text-opacity))
+  color: rgb(147 51 234 / var(--tw-text-opacity));
 }
-
 .text-purple-700 {
   --tw-text-opacity: 1;
-  color: rgb(126 34 206/var(--tw-text-opacity))
+  color: rgb(126 34 206 / var(--tw-text-opacity));
 }
-
 .text-purple-800 {
   --tw-text-opacity: 1;
-  color: rgb(107 33 168/var(--tw-text-opacity))
+  color: rgb(107 33 168 / var(--tw-text-opacity));
 }
-
 .text-purple-900 {
   --tw-text-opacity: 1;
-  color: rgb(88 28 135/var(--tw-text-opacity))
+  color: rgb(88 28 135 / var(--tw-text-opacity));
 }
-
 .text-red-100 {
   --tw-text-opacity: 1;
-  color: rgb(254 226 226/var(--tw-text-opacity))
+  color: rgb(254 226 226 / var(--tw-text-opacity));
 }
-
 .text-red-200 {
   --tw-text-opacity: 1;
-  color: rgb(254 202 202/var(--tw-text-opacity))
+  color: rgb(254 202 202 / var(--tw-text-opacity));
 }
-
 .text-red-300 {
   --tw-text-opacity: 1;
-  color: rgb(252 165 165/var(--tw-text-opacity))
+  color: rgb(252 165 165 / var(--tw-text-opacity));
 }
-
 .text-red-400 {
   --tw-text-opacity: 1;
-  color: rgb(248 113 113/var(--tw-text-opacity))
+  color: rgb(248 113 113 / var(--tw-text-opacity));
 }
-
 .text-red-50 {
   --tw-text-opacity: 1;
-  color: rgb(254 242 242/var(--tw-text-opacity))
+  color: rgb(254 242 242 / var(--tw-text-opacity));
 }
-
 .text-red-500 {
   --tw-text-opacity: 1;
-  color: rgb(239 68 68/var(--tw-text-opacity))
+  color: rgb(239 68 68 / var(--tw-text-opacity));
 }
-
 .text-red-600 {
   --tw-text-opacity: 1;
-  color: rgb(220 38 38/var(--tw-text-opacity))
+  color: rgb(220 38 38 / var(--tw-text-opacity));
 }
-
 .text-red-700 {
   --tw-text-opacity: 1;
-  color: rgb(185 28 28/var(--tw-text-opacity))
+  color: rgb(185 28 28 / var(--tw-text-opacity));
 }
-
 .text-red-700\/30 {
-  color: rgba(185,28,28,.3)
+  color: rgb(185 28 28 / 0.3);
 }
-
 .text-red-800 {
   --tw-text-opacity: 1;
-  color: rgb(153 27 27/var(--tw-text-opacity))
+  color: rgb(153 27 27 / var(--tw-text-opacity));
 }
-
 .text-red-900 {
   --tw-text-opacity: 1;
-  color: rgb(127 29 29/var(--tw-text-opacity))
+  color: rgb(127 29 29 / var(--tw-text-opacity));
 }
-
 .text-rose-100 {
   --tw-text-opacity: 1;
-  color: rgb(255 228 230/var(--tw-text-opacity))
+  color: rgb(255 228 230 / var(--tw-text-opacity));
 }
-
 .text-rose-200 {
   --tw-text-opacity: 1;
-  color: rgb(254 205 211/var(--tw-text-opacity))
+  color: rgb(254 205 211 / var(--tw-text-opacity));
 }
-
 .text-rose-300 {
   --tw-text-opacity: 1;
-  color: rgb(253 164 175/var(--tw-text-opacity))
+  color: rgb(253 164 175 / var(--tw-text-opacity));
 }
-
 .text-rose-400 {
   --tw-text-opacity: 1;
-  color: rgb(251 113 133/var(--tw-text-opacity))
+  color: rgb(251 113 133 / var(--tw-text-opacity));
 }
-
 .text-rose-50 {
   --tw-text-opacity: 1;
-  color: rgb(255 241 242/var(--tw-text-opacity))
+  color: rgb(255 241 242 / var(--tw-text-opacity));
 }
-
 .text-rose-500 {
   --tw-text-opacity: 1;
-  color: rgb(244 63 94/var(--tw-text-opacity))
+  color: rgb(244 63 94 / var(--tw-text-opacity));
 }
-
 .text-rose-600 {
   --tw-text-opacity: 1;
-  color: rgb(225 29 72/var(--tw-text-opacity))
+  color: rgb(225 29 72 / var(--tw-text-opacity));
 }
-
 .text-rose-700 {
   --tw-text-opacity: 1;
-  color: rgb(190 18 60/var(--tw-text-opacity))
+  color: rgb(190 18 60 / var(--tw-text-opacity));
 }
-
 .text-rose-800 {
   --tw-text-opacity: 1;
-  color: rgb(159 18 57/var(--tw-text-opacity))
+  color: rgb(159 18 57 / var(--tw-text-opacity));
 }
-
 .text-rose-900 {
   --tw-text-opacity: 1;
-  color: rgb(136 19 55/var(--tw-text-opacity))
+  color: rgb(136 19 55 / var(--tw-text-opacity));
+}
+.text-semantic-attention {
+  color: var(--cal-text-semantic-attention);
+}
+.text-semantic-error {
+  color: var(--cal-text-semantic-error);
+}
+.text-semantic-info {
+  color: var(--cal-text-semantic-info);
 }
-
 .text-sky-100 {
   --tw-text-opacity: 1;
-  color: rgb(224 242 254/var(--tw-text-opacity))
+  color: rgb(224 242 254 / var(--tw-text-opacity));
 }
-
 .text-sky-200 {
   --tw-text-opacity: 1;
-  color: rgb(186 230 253/var(--tw-text-opacity))
+  color: rgb(186 230 253 / var(--tw-text-opacity));
 }
-
 .text-sky-300 {
   --tw-text-opacity: 1;
-  color: rgb(125 211 252/var(--tw-text-opacity))
+  color: rgb(125 211 252 / var(--tw-text-opacity));
 }
-
 .text-sky-400 {
   --tw-text-opacity: 1;
-  color: rgb(56 189 248/var(--tw-text-opacity))
+  color: rgb(56 189 248 / var(--tw-text-opacity));
 }
-
 .text-sky-50 {
   --tw-text-opacity: 1;
-  color: rgb(240 249 255/var(--tw-text-opacity))
+  color: rgb(240 249 255 / var(--tw-text-opacity));
 }
-
 .text-sky-500 {
   --tw-text-opacity: 1;
-  color: rgb(14 165 233/var(--tw-text-opacity))
+  color: rgb(14 165 233 / var(--tw-text-opacity));
 }
-
 .text-sky-600 {
   --tw-text-opacity: 1;
-  color: rgb(2 132 199/var(--tw-text-opacity))
+  color: rgb(2 132 199 / var(--tw-text-opacity));
 }
-
 .text-sky-700 {
   --tw-text-opacity: 1;
-  color: rgb(3 105 161/var(--tw-text-opacity))
+  color: rgb(3 105 161 / var(--tw-text-opacity));
 }
-
 .text-sky-800 {
   --tw-text-opacity: 1;
-  color: rgb(7 89 133/var(--tw-text-opacity))
+  color: rgb(7 89 133 / var(--tw-text-opacity));
 }
-
 .text-sky-900 {
   --tw-text-opacity: 1;
-  color: rgb(12 74 110/var(--tw-text-opacity))
+  color: rgb(12 74 110 / var(--tw-text-opacity));
 }
-
 .text-slate-100 {
   --tw-text-opacity: 1;
-  color: rgb(241 245 249/var(--tw-text-opacity))
+  color: rgb(241 245 249 / var(--tw-text-opacity));
 }
-
 .text-slate-200 {
   --tw-text-opacity: 1;
-  color: rgb(226 232 240/var(--tw-text-opacity))
+  color: rgb(226 232 240 / var(--tw-text-opacity));
 }
-
 .text-slate-300 {
   --tw-text-opacity: 1;
-  color: rgb(203 213 225/var(--tw-text-opacity))
+  color: rgb(203 213 225 / var(--tw-text-opacity));
 }
-
 .text-slate-400 {
   --tw-text-opacity: 1;
-  color: rgb(148 163 184/var(--tw-text-opacity))
+  color: rgb(148 163 184 / var(--tw-text-opacity));
 }
-
 .text-slate-50 {
   --tw-text-opacity: 1;
-  color: rgb(248 250 252/var(--tw-text-opacity))
+  color: rgb(248 250 252 / var(--tw-text-opacity));
 }
-
 .text-slate-500 {
   --tw-text-opacity: 1;
-  color: rgb(100 116 139/var(--tw-text-opacity))
+  color: rgb(100 116 139 / var(--tw-text-opacity));
 }
-
 .text-slate-600 {
   --tw-text-opacity: 1;
-  color: rgb(71 85 105/var(--tw-text-opacity))
+  color: rgb(71 85 105 / var(--tw-text-opacity));
 }
-
 .text-slate-700 {
   --tw-text-opacity: 1;
-  color: rgb(51 65 85/var(--tw-text-opacity))
+  color: rgb(51 65 85 / var(--tw-text-opacity));
 }
-
 .text-slate-800 {
   --tw-text-opacity: 1;
-  color: rgb(30 41 59/var(--tw-text-opacity))
+  color: rgb(30 41 59 / var(--tw-text-opacity));
 }
-
 .text-slate-900 {
   --tw-text-opacity: 1;
-  color: rgb(15 23 42/var(--tw-text-opacity))
+  color: rgb(15 23 42 / var(--tw-text-opacity));
 }
-
 .text-stone-100 {
   --tw-text-opacity: 1;
-  color: rgb(245 245 244/var(--tw-text-opacity))
+  color: rgb(245 245 244 / var(--tw-text-opacity));
 }
-
 .text-stone-200 {
   --tw-text-opacity: 1;
-  color: rgb(231 229 228/var(--tw-text-opacity))
+  color: rgb(231 229 228 / var(--tw-text-opacity));
 }
-
 .text-stone-300 {
   --tw-text-opacity: 1;
-  color: rgb(214 211 209/var(--tw-text-opacity))
+  color: rgb(214 211 209 / var(--tw-text-opacity));
 }
-
 .text-stone-400 {
   --tw-text-opacity: 1;
-  color: rgb(168 162 158/var(--tw-text-opacity))
+  color: rgb(168 162 158 / var(--tw-text-opacity));
 }
-
 .text-stone-50 {
   --tw-text-opacity: 1;
-  color: rgb(250 250 249/var(--tw-text-opacity))
+  color: rgb(250 250 249 / var(--tw-text-opacity));
 }
-
 .text-stone-500 {
   --tw-text-opacity: 1;
-  color: rgb(120 113 108/var(--tw-text-opacity))
+  color: rgb(120 113 108 / var(--tw-text-opacity));
 }
-
 .text-stone-600 {
   --tw-text-opacity: 1;
-  color: rgb(87 83 78/var(--tw-text-opacity))
+  color: rgb(87 83 78 / var(--tw-text-opacity));
 }
-
 .text-stone-700 {
   --tw-text-opacity: 1;
-  color: rgb(68 64 60/var(--tw-text-opacity))
+  color: rgb(68 64 60 / var(--tw-text-opacity));
 }
-
 .text-stone-800 {
   --tw-text-opacity: 1;
-  color: rgb(41 37 36/var(--tw-text-opacity))
+  color: rgb(41 37 36 / var(--tw-text-opacity));
 }
-
 .text-stone-900 {
   --tw-text-opacity: 1;
-  color: rgb(28 25 23/var(--tw-text-opacity))
+  color: rgb(28 25 23 / var(--tw-text-opacity));
 }
-
 .text-subtle {
-  color: var(--cal-text-subtle,#6b7280)
+  color: var(--cal-text-subtle);
 }
-
 .text-success {
-  color: var(--cal-text-success,#285231)
+  color: var(--cal-text-success);
 }
-
 .text-teal-100 {
   --tw-text-opacity: 1;
-  color: rgb(204 251 241/var(--tw-text-opacity))
+  color: rgb(204 251 241 / var(--tw-text-opacity));
 }
-
 .text-teal-200 {
   --tw-text-opacity: 1;
-  color: rgb(153 246 228/var(--tw-text-opacity))
+  color: rgb(153 246 228 / var(--tw-text-opacity));
 }
-
 .text-teal-300 {
   --tw-text-opacity: 1;
-  color: rgb(94 234 212/var(--tw-text-opacity))
+  color: rgb(94 234 212 / var(--tw-text-opacity));
 }
-
 .text-teal-400 {
   --tw-text-opacity: 1;
-  color: rgb(45 212 191/var(--tw-text-opacity))
+  color: rgb(45 212 191 / var(--tw-text-opacity));
 }
-
 .text-teal-50 {
   --tw-text-opacity: 1;
-  color: rgb(240 253 250/var(--tw-text-opacity))
+  color: rgb(240 253 250 / var(--tw-text-opacity));
 }
-
 .text-teal-500 {
   --tw-text-opacity: 1;
-  color: rgb(20 184 166/var(--tw-text-opacity))
+  color: rgb(20 184 166 / var(--tw-text-opacity));
 }
-
 .text-teal-600 {
   --tw-text-opacity: 1;
-  color: rgb(13 148 136/var(--tw-text-opacity))
+  color: rgb(13 148 136 / var(--tw-text-opacity));
 }
-
 .text-teal-700 {
   --tw-text-opacity: 1;
-  color: rgb(15 118 110/var(--tw-text-opacity))
+  color: rgb(15 118 110 / var(--tw-text-opacity));
 }
-
 .text-teal-800 {
   --tw-text-opacity: 1;
-  color: rgb(17 94 89/var(--tw-text-opacity))
+  color: rgb(17 94 89 / var(--tw-text-opacity));
 }
-
 .text-teal-900 {
   --tw-text-opacity: 1;
-  color: rgb(19 78 74/var(--tw-text-opacity))
+  color: rgb(19 78 74 / var(--tw-text-opacity));
 }
-
 .text-transparent {
-  color: transparent
+  color: transparent;
 }
-
 .text-violet-100 {
   --tw-text-opacity: 1;
-  color: rgb(237 233 254/var(--tw-text-opacity))
+  color: rgb(237 233 254 / var(--tw-text-opacity));
 }
-
 .text-violet-200 {
   --tw-text-opacity: 1;
-  color: rgb(221 214 254/var(--tw-text-opacity))
+  color: rgb(221 214 254 / var(--tw-text-opacity));
 }
-
 .text-violet-300 {
   --tw-text-opacity: 1;
-  color: rgb(196 181 253/var(--tw-text-opacity))
+  color: rgb(196 181 253 / var(--tw-text-opacity));
 }
-
 .text-violet-400 {
   --tw-text-opacity: 1;
-  color: rgb(167 139 250/var(--tw-text-opacity))
+  color: rgb(167 139 250 / var(--tw-text-opacity));
 }
-
 .text-violet-50 {
   --tw-text-opacity: 1;
-  color: rgb(245 243 255/var(--tw-text-opacity))
+  color: rgb(245 243 255 / var(--tw-text-opacity));
 }
-
 .text-violet-500 {
   --tw-text-opacity: 1;
-  color: rgb(139 92 246/var(--tw-text-opacity))
+  color: rgb(139 92 246 / var(--tw-text-opacity));
 }
-
 .text-violet-600 {
   --tw-text-opacity: 1;
-  color: rgb(124 58 237/var(--tw-text-opacity))
+  color: rgb(124 58 237 / var(--tw-text-opacity));
 }
-
 .text-violet-700 {
   --tw-text-opacity: 1;
-  color: rgb(109 40 217/var(--tw-text-opacity))
+  color: rgb(109 40 217 / var(--tw-text-opacity));
 }
-
 .text-violet-800 {
   --tw-text-opacity: 1;
-  color: rgb(91 33 182/var(--tw-text-opacity))
+  color: rgb(91 33 182 / var(--tw-text-opacity));
 }
-
 .text-violet-900 {
   --tw-text-opacity: 1;
-  color: rgb(76 29 149/var(--tw-text-opacity))
+  color: rgb(76 29 149 / var(--tw-text-opacity));
 }
-
 .text-white {
   --tw-text-opacity: 1;
-  color: rgb(255 255 255/var(--tw-text-opacity))
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }
-
 .text-yellow-100 {
   --tw-text-opacity: 1;
-  color: rgb(254 249 195/var(--tw-text-opacity))
+  color: rgb(254 249 195 / var(--tw-text-opacity));
 }
-
 .text-yellow-200 {
   --tw-text-opacity: 1;
-  color: rgb(254 240 138/var(--tw-text-opacity))
+  color: rgb(254 240 138 / var(--tw-text-opacity));
 }
-
 .text-yellow-300 {
   --tw-text-opacity: 1;
-  color: rgb(253 224 71/var(--tw-text-opacity))
+  color: rgb(253 224 71 / var(--tw-text-opacity));
 }
-
 .text-yellow-400 {
   --tw-text-opacity: 1;
-  color: rgb(250 204 21/var(--tw-text-opacity))
+  color: rgb(250 204 21 / var(--tw-text-opacity));
 }
-
 .text-yellow-50 {
   --tw-text-opacity: 1;
-  color: rgb(254 252 232/var(--tw-text-opacity))
+  color: rgb(254 252 232 / var(--tw-text-opacity));
 }
-
 .text-yellow-500 {
   --tw-text-opacity: 1;
-  color: rgb(234 179 8/var(--tw-text-opacity))
+  color: rgb(234 179 8 / var(--tw-text-opacity));
 }
-
 .text-yellow-600 {
   --tw-text-opacity: 1;
-  color: rgb(202 138 4/var(--tw-text-opacity))
+  color: rgb(202 138 4 / var(--tw-text-opacity));
 }
-
 .text-yellow-700 {
   --tw-text-opacity: 1;
-  color: rgb(161 98 7/var(--tw-text-opacity))
+  color: rgb(161 98 7 / var(--tw-text-opacity));
 }
-
 .text-yellow-800 {
   --tw-text-opacity: 1;
-  color: rgb(133 77 14/var(--tw-text-opacity))
+  color: rgb(133 77 14 / var(--tw-text-opacity));
 }
-
 .text-yellow-900 {
   --tw-text-opacity: 1;
-  color: rgb(113 63 18/var(--tw-text-opacity))
+  color: rgb(113 63 18 / var(--tw-text-opacity));
 }
-
 .text-zinc-100 {
   --tw-text-opacity: 1;
-  color: rgb(244 244 245/var(--tw-text-opacity))
+  color: rgb(244 244 245 / var(--tw-text-opacity));
 }
-
 .text-zinc-200 {
   --tw-text-opacity: 1;
-  color: rgb(228 228 231/var(--tw-text-opacity))
+  color: rgb(228 228 231 / var(--tw-text-opacity));
 }
-
 .text-zinc-300 {
   --tw-text-opacity: 1;
-  color: rgb(212 212 216/var(--tw-text-opacity))
+  color: rgb(212 212 216 / var(--tw-text-opacity));
 }
-
 .text-zinc-400 {
   --tw-text-opacity: 1;
-  color: rgb(161 161 170/var(--tw-text-opacity))
+  color: rgb(161 161 170 / var(--tw-text-opacity));
 }
-
 .text-zinc-50 {
   --tw-text-opacity: 1;
-  color: rgb(250 250 250/var(--tw-text-opacity))
+  color: rgb(250 250 250 / var(--tw-text-opacity));
 }
-
 .text-zinc-500 {
   --tw-text-opacity: 1;
-  color: rgb(113 113 122/var(--tw-text-opacity))
+  color: rgb(113 113 122 / var(--tw-text-opacity));
 }
-
 .text-zinc-600 {
   --tw-text-opacity: 1;
-  color: rgb(82 82 91/var(--tw-text-opacity))
+  color: rgb(82 82 91 / var(--tw-text-opacity));
 }
-
 .text-zinc-700 {
   --tw-text-opacity: 1;
-  color: rgb(63 63 70/var(--tw-text-opacity))
+  color: rgb(63 63 70 / var(--tw-text-opacity));
 }
-
 .text-zinc-800 {
   --tw-text-opacity: 1;
-  color: rgb(39 39 42/var(--tw-text-opacity))
+  color: rgb(39 39 42 / var(--tw-text-opacity));
 }
-
 .text-zinc-900 {
   --tw-text-opacity: 1;
-  color: rgb(24 24 27/var(--tw-text-opacity))
+  color: rgb(24 24 27 / var(--tw-text-opacity));
 }
-
 .underline {
-  text-decoration-line: underline
+  text-decoration-line: underline;
 }
-
 .overline {
-  text-decoration-line: overline
+  text-decoration-line: overline;
 }
-
 .line-through {
-  text-decoration-line: line-through
+  text-decoration-line: line-through;
 }
-
 .no-underline {
-  text-decoration-line: none
+  text-decoration-line: none;
+}
+.decoration-emphasis {
+  text-decoration-color: var(--cal-bg-emphasis);
 }
-
 .decoration-gray-400 {
-  text-decoration-color: #9ca3af
+  text-decoration-color: #9ca3af;
 }
-
 .decoration-dashed {
-  text-decoration-style: dashed
+  text-decoration-style: dashed;
 }
-
 .underline-offset-2 {
-  text-underline-offset: 2px
+  text-underline-offset: 2px;
+}
+.underline-offset-4 {
+  text-underline-offset: 4px;
 }
-
 .antialiased {
   -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale
+  -moz-osx-font-smoothing: grayscale;
 }
-
 .subpixel-antialiased {
   -webkit-font-smoothing: auto;
-  -moz-osx-font-smoothing: auto
+  -moz-osx-font-smoothing: auto;
 }
-
 .\!opacity-30 {
-  opacity: .3!important
+  opacity: 0.3 !important;
+}
+.\!opacity-75 {
+  opacity: 0.75 !important;
 }
-
 .opacity-0 {
-  opacity: 0
+  opacity: 0;
 }
-
 .opacity-100 {
-  opacity: 1
+  opacity: 1;
 }
-
 .opacity-20 {
-  opacity: .2
+  opacity: 0.2;
 }
-
 .opacity-25 {
-  opacity: .25
+  opacity: 0.25;
 }
-
 .opacity-30 {
-  opacity: .3
+  opacity: 0.3;
 }
-
 .opacity-40 {
-  opacity: .4
+  opacity: 0.4;
 }
-
 .opacity-50 {
-  opacity: .5
+  opacity: 0.5;
 }
-
 .opacity-60 {
-  opacity: .6
+  opacity: 0.6;
 }
-
 .opacity-70 {
-  opacity: .7
+  opacity: 0.7;
 }
-
 .opacity-75 {
-  opacity: .75
+  opacity: 0.75;
 }
-
 .opacity-80 {
-  opacity: .8
+  opacity: 0.8;
+}
+.opacity-90 {
+  opacity: 0.9;
+}
+.opacity-\[0\.1\] {
+  opacity: 0.1;
 }
-
 .\!shadow-none {
-  --tw-shadow: 0 0 #0000!important;
-  --tw-shadow-colored: 0 0 #0000!important;
-  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
+  --tw-shadow: 0 0 #0000 !important;
+  --tw-shadow-colored: 0 0 #0000 !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 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)
+  --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);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-
-.shadow,.shadow-dropdown {
-  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
-}
-
 .shadow-dropdown {
-  --tw-shadow: 0px 2px 6px -1px rgba(0,0,0,.08);
-  --tw-shadow-colored: 0px 2px 6px -1px var(--tw-shadow-color)
+  --tw-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.10), 0px 10px 40px 0px rgba(0, 0, 0, 0.03);
+  --tw-shadow-colored: 0px 5px 20px 0px var(--tw-shadow-color), 0px 10px 40px 0px 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 rgba(0,0,0,.05);
-  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color)
+.shadow-elevation-low {
+  --tw-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.07), 0px 1px 2px 0px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.10), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
+  --tw-shadow-colored: 0px 1px 1px 0px var(--tw-shadow-color), 0px 1px 2px 0px var(--tw-shadow-color), 0px 2px 2px 0px var(--tw-shadow-color), 0px 0px 8px 0px 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,.shadow-lg {
-  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 / 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 rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
-  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
+  --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);
 }
-
 .shadow-md {
-  --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
-  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
-}
-
-.shadow-md,.shadow-none {
-  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 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-none {
   --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 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);
+}
+.shadow-outline-gray-rested {
+  --tw-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.03), 0px 2px 2px -1px rgba(0, 0, 0, 0.03);
+  --tw-shadow-colored: 0px 2px 3px 0px var(--tw-shadow-color), 0px 2px 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-outline-red-rested {
+  --tw-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.03), 0px 2px 2px -1px rgba(0, 0, 0, 0.03);
+  --tw-shadow-colored: 0px 2px 3px 0px var(--tw-shadow-color), 0px 2px 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-sm {
-  --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
-  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
+  --tw-shadow: 0 1px 2px 0 rgb(0 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-sm,.shadow-xl {
-  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
+.shadow-solid-gray-rested {
+  --tw-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.08), 1px 4px 8px 0px rgba(0, 0, 0, 0.12), 0px 2px 0.4px 0px rgba(255, 255, 255, 0.16) inset, 0px -1.5px 2px 0px rgba(0, 0, 0, 0.40) inset;
+  --tw-shadow-colored: 0px 2px 3px 0px var(--tw-shadow-color), 0px 1px 1px 0px var(--tw-shadow-color), 1px 4px 8px 0px var(--tw-shadow-color), inset 0px 2px 0.4px 0px var(--tw-shadow-color), inset 0px -1.5px 2px 0px 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-switch-thumb {
+  --tw-shadow: 0px 0.8px 0.8px 0px rgba(0, 0, 0, 0.10), 0px 0.8px 3.2px 0px rgba(0, 0, 0, 0.08);
+  --tw-shadow-colored: 0px 0.8px 0.8px 0px var(--tw-shadow-color), 0px 0.8px 3.2px 0px 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 rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
-  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)
+  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 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);
 }
-
 .outline-none {
   outline: 2px solid transparent;
-  outline-offset: 2px
+  outline-offset: 2px;
 }
-
 .outline {
-  outline-style: solid
+  outline-style: solid;
+}
+.outline-0 {
+  outline-width: 0px;
+}
+.outline-offset-2 {
+  outline-offset: 2px;
 }
-
 .outline-amber-100 {
-  outline-color: #fef3c7
+  outline-color: #fef3c7;
 }
-
 .outline-amber-200 {
-  outline-color: #fde68a
+  outline-color: #fde68a;
 }
-
 .outline-amber-300 {
-  outline-color: #fcd34d
+  outline-color: #fcd34d;
 }
-
 .outline-amber-400 {
-  outline-color: #fbbf24
+  outline-color: #fbbf24;
 }
-
 .outline-amber-50 {
-  outline-color: #fffbeb
+  outline-color: #fffbeb;
 }
-
 .outline-amber-500 {
-  outline-color: #f59e0b
+  outline-color: #f59e0b;
 }
-
 .outline-amber-600 {
-  outline-color: #d97706
+  outline-color: #d97706;
 }
-
 .outline-amber-700 {
-  outline-color: #b45309
+  outline-color: #b45309;
 }
-
 .outline-amber-800 {
-  outline-color: #92400e
+  outline-color: #92400e;
 }
-
 .outline-amber-900 {
-  outline-color: #78350f
+  outline-color: #78350f;
 }
-
 .outline-black {
-  outline-color: #111
+  outline-color: #111111;
 }
-
 .outline-blue-100 {
-  outline-color: #dbeafe
+  outline-color: #dbeafe;
 }
-
 .outline-blue-200 {
-  outline-color: #bfdbfe
+  outline-color: #bfdbfe;
 }
-
 .outline-blue-300 {
-  outline-color: #93c5fd
+  outline-color: #93c5fd;
 }
-
 .outline-blue-400 {
-  outline-color: #60a5fa
+  outline-color: #60a5fa;
 }
-
 .outline-blue-50 {
-  outline-color: #eff6ff
+  outline-color: #eff6ff;
 }
-
 .outline-blue-500 {
-  outline-color: #3b82f6
+  outline-color: #3b82f6;
 }
-
 .outline-blue-600 {
-  outline-color: #2563eb
+  outline-color: #2563eb;
 }
-
 .outline-blue-700 {
-  outline-color: #1d4ed8
+  outline-color: #1d4ed8;
 }
-
 .outline-blue-800 {
-  outline-color: #1e40af
+  outline-color: #1e40af;
 }
-
 .outline-blue-900 {
-  outline-color: #1e3a8a
+  outline-color: #1e3a8a;
 }
-
 .outline-cyan-100 {
-  outline-color: #cffafe
+  outline-color: #cffafe;
 }
-
 .outline-cyan-200 {
-  outline-color: #a5f3fc
+  outline-color: #a5f3fc;
 }
-
 .outline-cyan-300 {
-  outline-color: #67e8f9
+  outline-color: #67e8f9;
 }
-
 .outline-cyan-400 {
-  outline-color: #22d3ee
+  outline-color: #22d3ee;
 }
-
 .outline-cyan-50 {
-  outline-color: #ecfeff
+  outline-color: #ecfeff;
 }
-
 .outline-cyan-500 {
-  outline-color: #06b6d4
+  outline-color: #06b6d4;
 }
-
 .outline-cyan-600 {
-  outline-color: #0891b2
+  outline-color: #0891b2;
 }
-
 .outline-cyan-700 {
-  outline-color: #0e7490
+  outline-color: #0e7490;
 }
-
 .outline-cyan-800 {
-  outline-color: #155e75
+  outline-color: #155e75;
 }
-
 .outline-cyan-900 {
-  outline-color: #164e63
+  outline-color: #164e63;
 }
-
 .outline-emerald-100 {
-  outline-color: #d1fae5
+  outline-color: #d1fae5;
 }
-
 .outline-emerald-200 {
-  outline-color: #a7f3d0
+  outline-color: #a7f3d0;
 }
-
 .outline-emerald-300 {
-  outline-color: #6ee7b7
+  outline-color: #6ee7b7;
 }
-
 .outline-emerald-400 {
-  outline-color: #34d399
+  outline-color: #34d399;
 }
-
 .outline-emerald-50 {
-  outline-color: #ecfdf5
+  outline-color: #ecfdf5;
 }
-
 .outline-emerald-500 {
-  outline-color: #10b981
+  outline-color: #10b981;
 }
-
 .outline-emerald-600 {
-  outline-color: #059669
+  outline-color: #059669;
 }
-
 .outline-emerald-700 {
-  outline-color: #047857
+  outline-color: #047857;
 }
-
 .outline-emerald-800 {
-  outline-color: #065f46
+  outline-color: #065f46;
 }
-
 .outline-emerald-900 {
-  outline-color: #064e3b
+  outline-color: #064e3b;
 }
-
 .outline-fuchsia-100 {
-  outline-color: #fae8ff
+  outline-color: #fae8ff;
 }
-
 .outline-fuchsia-200 {
-  outline-color: #f5d0fe
+  outline-color: #f5d0fe;
 }
-
 .outline-fuchsia-300 {
-  outline-color: #f0abfc
+  outline-color: #f0abfc;
 }
-
 .outline-fuchsia-400 {
-  outline-color: #e879f9
+  outline-color: #e879f9;
 }
-
 .outline-fuchsia-50 {
-  outline-color: #fdf4ff
+  outline-color: #fdf4ff;
 }
-
 .outline-fuchsia-500 {
-  outline-color: #d946ef
+  outline-color: #d946ef;
 }
-
 .outline-fuchsia-600 {
-  outline-color: #c026d3
+  outline-color: #c026d3;
 }
-
 .outline-fuchsia-700 {
-  outline-color: #a21caf
+  outline-color: #a21caf;
 }
-
 .outline-fuchsia-800 {
-  outline-color: #86198f
+  outline-color: #86198f;
 }
-
 .outline-fuchsia-900 {
-  outline-color: #701a75
+  outline-color: #701a75;
 }
-
 .outline-gray-100 {
-  outline-color: #f3f4f6
+  outline-color: #f3f4f6;
 }
-
 .outline-gray-200 {
-  outline-color: #e5e7eb
+  outline-color: #e5e7eb;
 }
-
 .outline-gray-300 {
-  outline-color: #d1d5db
+  outline-color: #d1d5db;
 }
-
 .outline-gray-400 {
-  outline-color: #9ca3af
+  outline-color: #9ca3af;
 }
-
 .outline-gray-50 {
-  outline-color: #f9fafb
+  outline-color: #f9fafb;
 }
-
 .outline-gray-500 {
-  outline-color: #6b7280
+  outline-color: #6b7280;
 }
-
 .outline-gray-600 {
-  outline-color: #4b5563
+  outline-color: #4b5563;
 }
-
 .outline-gray-700 {
-  outline-color: #374151
+  outline-color: #374151;
 }
-
 .outline-gray-800 {
-  outline-color: #1f2937
+  outline-color: #1f2937;
 }
-
 .outline-gray-900 {
-  outline-color: #111827
+  outline-color: #111827;
 }
-
 .outline-green-100 {
-  outline-color: #dcfce7
+  outline-color: #dcfce7;
 }
-
 .outline-green-200 {
-  outline-color: #bbf7d0
+  outline-color: #bbf7d0;
 }
-
 .outline-green-300 {
-  outline-color: #86efac
+  outline-color: #86efac;
 }
-
 .outline-green-400 {
-  outline-color: #4ade80
+  outline-color: #4ade80;
 }
-
 .outline-green-50 {
-  outline-color: #f0fdf4
+  outline-color: #f0fdf4;
 }
-
 .outline-green-500 {
-  outline-color: #22c55e
+  outline-color: #22c55e;
 }
-
 .outline-green-600 {
-  outline-color: #16a34a
+  outline-color: #16a34a;
 }
-
 .outline-green-700 {
-  outline-color: #15803d
+  outline-color: #15803d;
 }
-
 .outline-green-800 {
-  outline-color: #166534
+  outline-color: #166534;
 }
-
 .outline-green-900 {
-  outline-color: #14532d
+  outline-color: #14532d;
 }
-
 .outline-indigo-100 {
-  outline-color: #e0e7ff
+  outline-color: #e0e7ff;
 }
-
 .outline-indigo-200 {
-  outline-color: #c7d2fe
+  outline-color: #c7d2fe;
 }
-
 .outline-indigo-300 {
-  outline-color: #a5b4fc
+  outline-color: #a5b4fc;
 }
-
 .outline-indigo-400 {
-  outline-color: #818cf8
+  outline-color: #818cf8;
 }
-
 .outline-indigo-50 {
-  outline-color: #eef2ff
+  outline-color: #eef2ff;
 }
-
 .outline-indigo-500 {
-  outline-color: #6366f1
+  outline-color: #6366f1;
 }
-
 .outline-indigo-600 {
-  outline-color: #4f46e5
+  outline-color: #4f46e5;
 }
-
 .outline-indigo-700 {
-  outline-color: #4338ca
+  outline-color: #4338ca;
 }
-
 .outline-indigo-800 {
-  outline-color: #3730a3
+  outline-color: #3730a3;
 }
-
 .outline-indigo-900 {
-  outline-color: #312e81
+  outline-color: #312e81;
 }
-
 .outline-lime-100 {
-  outline-color: #ecfccb
+  outline-color: #ecfccb;
 }
-
 .outline-lime-200 {
-  outline-color: #d9f99d
+  outline-color: #d9f99d;
 }
-
 .outline-lime-300 {
-  outline-color: #bef264
+  outline-color: #bef264;
 }
-
 .outline-lime-400 {
-  outline-color: #a3e635
+  outline-color: #a3e635;
 }
-
 .outline-lime-50 {
-  outline-color: #f7fee7
+  outline-color: #f7fee7;
 }
-
 .outline-lime-500 {
-  outline-color: #84cc16
+  outline-color: #84cc16;
 }
-
 .outline-lime-600 {
-  outline-color: #65a30d
+  outline-color: #65a30d;
 }
-
 .outline-lime-700 {
-  outline-color: #4d7c0f
+  outline-color: #4d7c0f;
 }
-
 .outline-lime-800 {
-  outline-color: #3f6212
+  outline-color: #3f6212;
 }
-
 .outline-lime-900 {
-  outline-color: #365314
+  outline-color: #365314;
 }
-
 .outline-neutral-100 {
-  outline-color: #f5f5f5
+  outline-color: #f5f5f5;
 }
-
 .outline-neutral-200 {
-  outline-color: #e5e5e5
+  outline-color: #e5e5e5;
 }
-
 .outline-neutral-300 {
-  outline-color: #d4d4d4
+  outline-color: #d4d4d4;
 }
-
 .outline-neutral-400 {
-  outline-color: #a3a3a3
+  outline-color: #a3a3a3;
 }
-
 .outline-neutral-50 {
-  outline-color: #fafafa
+  outline-color: #fafafa;
 }
-
 .outline-neutral-500 {
-  outline-color: #737373
+  outline-color: #737373;
 }
-
 .outline-neutral-600 {
-  outline-color: #525252
+  outline-color: #525252;
 }
-
 .outline-neutral-700 {
-  outline-color: #404040
+  outline-color: #404040;
 }
-
 .outline-neutral-800 {
-  outline-color: #262626
+  outline-color: #262626;
 }
-
 .outline-neutral-900 {
-  outline-color: #171717
+  outline-color: #171717;
 }
-
 .outline-orange-100 {
-  outline-color: #ffedd5
+  outline-color: #ffedd5;
 }
-
 .outline-orange-200 {
-  outline-color: #fed7aa
+  outline-color: #fed7aa;
 }
-
 .outline-orange-300 {
-  outline-color: #fdba74
+  outline-color: #fdba74;
 }
-
 .outline-orange-400 {
-  outline-color: #fb923c
+  outline-color: #fb923c;
 }
-
 .outline-orange-50 {
-  outline-color: #fff7ed
+  outline-color: #fff7ed;
 }
-
 .outline-orange-500 {
-  outline-color: #f97316
+  outline-color: #f97316;
 }
-
 .outline-orange-600 {
-  outline-color: #ea580c
+  outline-color: #ea580c;
 }
-
 .outline-orange-700 {
-  outline-color: #c2410c
+  outline-color: #c2410c;
 }
-
 .outline-orange-800 {
-  outline-color: #9a3412
+  outline-color: #9a3412;
 }
-
 .outline-orange-900 {
-  outline-color: #7c2d12
+  outline-color: #7c2d12;
 }
-
 .outline-pink-100 {
-  outline-color: #fce7f3
+  outline-color: #fce7f3;
 }
-
 .outline-pink-200 {
-  outline-color: #fbcfe8
+  outline-color: #fbcfe8;
 }
-
 .outline-pink-300 {
-  outline-color: #f9a8d4
+  outline-color: #f9a8d4;
 }
-
 .outline-pink-400 {
-  outline-color: #f472b6
+  outline-color: #f472b6;
 }
-
 .outline-pink-50 {
-  outline-color: #fdf2f8
+  outline-color: #fdf2f8;
 }
-
 .outline-pink-500 {
-  outline-color: #ec4899
+  outline-color: #ec4899;
 }
-
 .outline-pink-600 {
-  outline-color: #db2777
+  outline-color: #db2777;
 }
-
 .outline-pink-700 {
-  outline-color: #be185d
+  outline-color: #be185d;
 }
-
 .outline-pink-900 {
-  outline-color: #831843
+  outline-color: #831843;
 }
-
 .outline-purple-100 {
-  outline-color: #f3e8ff
+  outline-color: #f3e8ff;
 }
-
 .outline-purple-200 {
-  outline-color: #e9d5ff
+  outline-color: #e9d5ff;
 }
-
 .outline-purple-300 {
-  outline-color: #d8b4fe
+  outline-color: #d8b4fe;
 }
-
 .outline-purple-400 {
-  outline-color: #c084fc
+  outline-color: #c084fc;
 }
-
 .outline-purple-50 {
-  outline-color: #faf5ff
+  outline-color: #faf5ff;
 }
-
 .outline-purple-500 {
-  outline-color: #a855f7
+  outline-color: #a855f7;
 }
-
 .outline-purple-600 {
-  outline-color: #9333ea
+  outline-color: #9333ea;
 }
-
 .outline-purple-700 {
-  outline-color: #7e22ce
+  outline-color: #7e22ce;
 }
-
 .outline-purple-800 {
-  outline-color: #6b21a8
+  outline-color: #6b21a8;
 }
-
 .outline-purple-900 {
-  outline-color: #581c87
+  outline-color: #581c87;
 }
-
 .outline-red-100 {
-  outline-color: #fee2e2
+  outline-color: #fee2e2;
 }
-
 .outline-red-200 {
-  outline-color: #fecaca
+  outline-color: #fecaca;
 }
-
 .outline-red-300 {
-  outline-color: #fca5a5
+  outline-color: #fca5a5;
 }
-
 .outline-red-400 {
-  outline-color: #f87171
+  outline-color: #f87171;
 }
-
 .outline-red-50 {
-  outline-color: #fef2f2
+  outline-color: #fef2f2;
 }
-
 .outline-red-500 {
-  outline-color: #ef4444
+  outline-color: #ef4444;
 }
-
 .outline-red-600 {
-  outline-color: #dc2626
+  outline-color: #dc2626;
 }
-
 .outline-red-700 {
-  outline-color: #b91c1c
+  outline-color: #b91c1c;
 }
-
 .outline-red-800 {
-  outline-color: #991b1b
+  outline-color: #991b1b;
 }
-
 .outline-red-900 {
-  outline-color: #7f1d1d
+  outline-color: #7f1d1d;
 }
-
 .outline-rose-100 {
-  outline-color: #ffe4e6
+  outline-color: #ffe4e6;
 }
-
 .outline-rose-200 {
-  outline-color: #fecdd3
+  outline-color: #fecdd3;
 }
-
 .outline-rose-300 {
-  outline-color: #fda4af
+  outline-color: #fda4af;
 }
-
 .outline-rose-400 {
-  outline-color: #fb7185
+  outline-color: #fb7185;
 }
-
 .outline-rose-50 {
-  outline-color: #fff1f2
+  outline-color: #fff1f2;
 }
-
 .outline-rose-500 {
-  outline-color: #f43f5e
+  outline-color: #f43f5e;
 }
-
 .outline-rose-600 {
-  outline-color: #e11d48
+  outline-color: #e11d48;
 }
-
 .outline-rose-700 {
-  outline-color: #be123c
+  outline-color: #be123c;
 }
-
 .outline-rose-800 {
-  outline-color: #9f1239
+  outline-color: #9f1239;
 }
-
 .outline-rose-900 {
-  outline-color: #881337
+  outline-color: #881337;
 }
-
 .outline-sky-100 {
-  outline-color: #e0f2fe
+  outline-color: #e0f2fe;
 }
-
 .outline-sky-200 {
-  outline-color: #bae6fd
+  outline-color: #bae6fd;
 }
-
 .outline-sky-300 {
-  outline-color: #7dd3fc
+  outline-color: #7dd3fc;
 }
-
 .outline-sky-400 {
-  outline-color: #38bdf8
+  outline-color: #38bdf8;
 }
-
 .outline-sky-50 {
-  outline-color: #f0f9ff
+  outline-color: #f0f9ff;
 }
-
 .outline-sky-500 {
-  outline-color: #0ea5e9
+  outline-color: #0ea5e9;
 }
-
 .outline-sky-600 {
-  outline-color: #0284c7
+  outline-color: #0284c7;
 }
-
 .outline-sky-700 {
-  outline-color: #0369a1
+  outline-color: #0369a1;
 }
-
 .outline-sky-800 {
-  outline-color: #075985
+  outline-color: #075985;
 }
-
 .outline-sky-900 {
-  outline-color: #0c4a6e
+  outline-color: #0c4a6e;
 }
-
 .outline-slate-100 {
-  outline-color: #f1f5f9
+  outline-color: #f1f5f9;
 }
-
 .outline-slate-200 {
-  outline-color: #e2e8f0
+  outline-color: #e2e8f0;
 }
-
 .outline-slate-300 {
-  outline-color: #cbd5e1
+  outline-color: #cbd5e1;
 }
-
 .outline-slate-400 {
-  outline-color: #94a3b8
+  outline-color: #94a3b8;
 }
-
 .outline-slate-50 {
-  outline-color: #f8fafc
+  outline-color: #f8fafc;
 }
-
 .outline-slate-500 {
-  outline-color: #64748b
+  outline-color: #64748b;
 }
-
 .outline-slate-600 {
-  outline-color: #475569
+  outline-color: #475569;
 }
-
 .outline-slate-700 {
-  outline-color: #334155
+  outline-color: #334155;
 }
-
 .outline-slate-800 {
-  outline-color: #1e293b
+  outline-color: #1e293b;
 }
-
 .outline-slate-900 {
-  outline-color: #0f172a
+  outline-color: #0f172a;
 }
-
 .outline-stone-100 {
-  outline-color: #f5f5f4
+  outline-color: #f5f5f4;
 }
-
 .outline-stone-200 {
-  outline-color: #e7e5e4
+  outline-color: #e7e5e4;
 }
-
 .outline-stone-300 {
-  outline-color: #d6d3d1
+  outline-color: #d6d3d1;
 }
-
 .outline-stone-400 {
-  outline-color: #a8a29e
+  outline-color: #a8a29e;
 }
-
 .outline-stone-50 {
-  outline-color: #fafaf9
+  outline-color: #fafaf9;
 }
-
 .outline-stone-500 {
-  outline-color: #78716c
+  outline-color: #78716c;
 }
-
 .outline-stone-600 {
-  outline-color: #57534e
+  outline-color: #57534e;
 }
-
 .outline-stone-700 {
-  outline-color: #44403c
+  outline-color: #44403c;
 }
-
 .outline-stone-800 {
-  outline-color: #292524
+  outline-color: #292524;
 }
-
 .outline-stone-900 {
-  outline-color: #1c1917
+  outline-color: #1c1917;
 }
-
 .outline-teal-100 {
-  outline-color: #ccfbf1
+  outline-color: #ccfbf1;
 }
-
 .outline-teal-200 {
-  outline-color: #99f6e4
+  outline-color: #99f6e4;
 }
-
 .outline-teal-300 {
-  outline-color: #5eead4
+  outline-color: #5eead4;
 }
-
 .outline-teal-400 {
-  outline-color: #2dd4bf
+  outline-color: #2dd4bf;
 }
-
 .outline-teal-50 {
-  outline-color: #f0fdfa
+  outline-color: #f0fdfa;
 }
-
 .outline-teal-500 {
-  outline-color: #14b8a6
+  outline-color: #14b8a6;
 }
-
 .outline-teal-600 {
-  outline-color: #0d9488
+  outline-color: #0d9488;
 }
-
 .outline-teal-700 {
-  outline-color: #0f766e
+  outline-color: #0f766e;
 }
-
 .outline-teal-800 {
-  outline-color: #115e59
+  outline-color: #115e59;
 }
-
 .outline-teal-900 {
-  outline-color: #134e4a
+  outline-color: #134e4a;
 }
-
 .outline-transparent {
-  outline-color: transparent
+  outline-color: transparent;
 }
-
 .outline-violet-100 {
-  outline-color: #ede9fe
+  outline-color: #ede9fe;
 }
-
 .outline-violet-200 {
-  outline-color: #ddd6fe
+  outline-color: #ddd6fe;
 }
-
 .outline-violet-300 {
-  outline-color: #c4b5fd
+  outline-color: #c4b5fd;
 }
-
 .outline-violet-400 {
-  outline-color: #a78bfa
+  outline-color: #a78bfa;
 }
-
 .outline-violet-50 {
-  outline-color: #f5f3ff
+  outline-color: #f5f3ff;
 }
-
 .outline-violet-500 {
-  outline-color: #8b5cf6
+  outline-color: #8b5cf6;
 }
-
 .outline-violet-600 {
-  outline-color: #7c3aed
+  outline-color: #7c3aed;
 }
-
 .outline-violet-700 {
-  outline-color: #6d28d9
+  outline-color: #6d28d9;
 }
-
 .outline-violet-800 {
-  outline-color: #5b21b6
+  outline-color: #5b21b6;
 }
-
 .outline-violet-900 {
-  outline-color: #4c1d95
+  outline-color: #4c1d95;
 }
-
 .outline-white {
-  outline-color: #fff
+  outline-color: #fff;
 }
-
 .outline-yellow-100 {
-  outline-color: #fef9c3
+  outline-color: #fef9c3;
 }
-
 .outline-yellow-200 {
-  outline-color: #fef08a
+  outline-color: #fef08a;
 }
-
 .outline-yellow-300 {
-  outline-color: #fde047
+  outline-color: #fde047;
 }
-
 .outline-yellow-400 {
-  outline-color: #facc15
+  outline-color: #facc15;
 }
-
 .outline-yellow-50 {
-  outline-color: #fefce8
+  outline-color: #fefce8;
 }
-
 .outline-yellow-500 {
-  outline-color: #eab308
+  outline-color: #eab308;
 }
-
 .outline-yellow-600 {
-  outline-color: #ca8a04
+  outline-color: #ca8a04;
 }
-
 .outline-yellow-700 {
-  outline-color: #a16207
+  outline-color: #a16207;
 }
-
 .outline-yellow-800 {
-  outline-color: #854d0e
+  outline-color: #854d0e;
 }
-
 .outline-yellow-900 {
-  outline-color: #713f12
+  outline-color: #713f12;
 }
-
 .outline-zinc-100 {
-  outline-color: #f4f4f5
+  outline-color: #f4f4f5;
 }
-
 .outline-zinc-200 {
-  outline-color: #e4e4e7
+  outline-color: #e4e4e7;
 }
-
 .outline-zinc-300 {
-  outline-color: #d4d4d8
+  outline-color: #d4d4d8;
 }
-
 .outline-zinc-400 {
-  outline-color: #a1a1aa
+  outline-color: #a1a1aa;
 }
-
 .outline-zinc-50 {
-  outline-color: #fafafa
+  outline-color: #fafafa;
 }
-
 .outline-zinc-500 {
-  outline-color: #71717a
+  outline-color: #71717a;
 }
-
 .outline-zinc-600 {
-  outline-color: #52525b
+  outline-color: #52525b;
 }
-
 .outline-zinc-700 {
-  outline-color: #3f3f46
+  outline-color: #3f3f46;
 }
-
 .outline-zinc-800 {
-  outline-color: #27272a
+  outline-color: #27272a;
 }
-
 .outline-zinc-900 {
-  outline-color: #18181b
+  outline-color: #18181b;
 }
-
 .\!ring-0 {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;
-  box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
 }
-
 .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)
-}
-
-.ring,.ring-0 {
-  box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
+  --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-0 {
   --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + 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)
-}
-
-.ring-1,.ring-2 {
-  box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
+  --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)
+  --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
+  --tw-ring-inset: inset;
+}
+.ring-\[\#0000000F\] {
+  --tw-ring-color: #0000000F;
 }
-
 .ring-amber-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(254 243 199/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity));
 }
-
 .ring-amber-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(253 230 138/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity));
 }
-
 .ring-amber-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(252 211 77/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity));
 }
-
 .ring-amber-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(251 191 36/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity));
 }
-
 .ring-amber-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(255 251 235/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(255 251 235 / var(--tw-ring-opacity));
 }
-
 .ring-amber-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(245 158 11/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity));
 }
-
 .ring-amber-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(217 119 6/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(217 119 6 / var(--tw-ring-opacity));
 }
-
 .ring-amber-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(180 83 9/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(180 83 9 / var(--tw-ring-opacity));
 }
-
 .ring-amber-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(146 64 14/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(146 64 14 / var(--tw-ring-opacity));
 }
-
 .ring-amber-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(120 53 15/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(120 53 15 / var(--tw-ring-opacity));
 }
-
 .ring-black {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(17 17 17/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(17 17 17 / var(--tw-ring-opacity));
 }
-
 .ring-blue-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(219 234 254/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity));
 }
-
 .ring-blue-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(191 219 254/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
 }
-
 .ring-blue-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(147 197 253/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
 }
-
 .ring-blue-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(96 165 250/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity));
 }
-
 .ring-blue-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(239 246 255/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(239 246 255 / var(--tw-ring-opacity));
 }
-
 .ring-blue-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
 }
-
 .ring-blue-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(37 99 235/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
 }
-
 .ring-blue-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(29 78 216/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity));
 }
-
 .ring-blue-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(30 64 175/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
 }
-
 .ring-blue-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(30 58 138/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(30 58 138 / var(--tw-ring-opacity));
+}
+.ring-brand-default {
+  --tw-ring-color: var(--cal-brand,#111827);
 }
-
 .ring-cyan-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(207 250 254/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(207 250 254 / var(--tw-ring-opacity));
 }
-
 .ring-cyan-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(165 243 252/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(165 243 252 / var(--tw-ring-opacity));
 }
-
 .ring-cyan-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(103 232 249/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity));
 }
-
 .ring-cyan-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(34 211 238/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(34 211 238 / var(--tw-ring-opacity));
 }
-
 .ring-cyan-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(236 254 255/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(236 254 255 / var(--tw-ring-opacity));
 }
-
 .ring-cyan-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(6 182 212/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity));
 }
-
 .ring-cyan-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(8 145 178/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(8 145 178 / var(--tw-ring-opacity));
 }
-
 .ring-cyan-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(14 116 144/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(14 116 144 / var(--tw-ring-opacity));
 }
-
 .ring-cyan-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(21 94 117/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(21 94 117 / var(--tw-ring-opacity));
 }
-
 .ring-cyan-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(22 78 99/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(22 78 99 / var(--tw-ring-opacity));
 }
-
 .ring-emerald-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(209 250 229/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(209 250 229 / var(--tw-ring-opacity));
 }
-
 .ring-emerald-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(167 243 208/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity));
 }
-
 .ring-emerald-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(110 231 183/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity));
 }
-
 .ring-emerald-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(52 211 153/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
 }
-
 .ring-emerald-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(236 253 245/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(236 253 245 / var(--tw-ring-opacity));
 }
-
 .ring-emerald-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(16 185 129/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity));
 }
-
 .ring-emerald-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(5 150 105/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(5 150 105 / var(--tw-ring-opacity));
 }
-
 .ring-emerald-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(4 120 87/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity));
 }
-
 .ring-emerald-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(6 95 70/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(6 95 70 / var(--tw-ring-opacity));
 }
-
 .ring-emerald-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(6 78 59/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(6 78 59 / var(--tw-ring-opacity));
 }
-
 .ring-fuchsia-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(250 232 255/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(250 232 255 / var(--tw-ring-opacity));
 }
-
 .ring-fuchsia-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(245 208 254/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(245 208 254 / var(--tw-ring-opacity));
 }
-
 .ring-fuchsia-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(240 171 252/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(240 171 252 / var(--tw-ring-opacity));
 }
-
 .ring-fuchsia-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(232 121 249/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(232 121 249 / var(--tw-ring-opacity));
 }
-
 .ring-fuchsia-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(253 244 255/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(253 244 255 / var(--tw-ring-opacity));
 }
-
 .ring-fuchsia-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(217 70 239/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(217 70 239 / var(--tw-ring-opacity));
 }
-
 .ring-fuchsia-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(192 38 211/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(192 38 211 / var(--tw-ring-opacity));
 }
-
 .ring-fuchsia-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(162 28 175/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(162 28 175 / var(--tw-ring-opacity));
 }
-
 .ring-fuchsia-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(134 25 143/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(134 25 143 / var(--tw-ring-opacity));
 }
-
 .ring-fuchsia-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(112 26 117/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(112 26 117 / var(--tw-ring-opacity));
 }
-
 .ring-gray-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(243 244 246/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity));
 }
-
 .ring-gray-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(229 231 235/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
 }
-
 .ring-gray-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
 }
-
 .ring-gray-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(156 163 175/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
 }
-
 .ring-gray-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(249 250 251/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(249 250 251 / var(--tw-ring-opacity));
 }
-
 .ring-gray-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(107 114 128/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
 }
-
 .ring-gray-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(75 85 99/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
 }
-
 .ring-gray-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(55 65 81/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
 }
-
 .ring-gray-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(31 41 55/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
 }
-
 .ring-gray-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(17 24 39/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
 }
-
 .ring-green-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(220 252 231/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(220 252 231 / var(--tw-ring-opacity));
 }
-
 .ring-green-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(187 247 208/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(187 247 208 / var(--tw-ring-opacity));
 }
-
 .ring-green-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(134 239 172/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity));
 }
-
 .ring-green-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(74 222 128/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity));
 }
-
 .ring-green-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(240 253 244/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(240 253 244 / var(--tw-ring-opacity));
 }
-
 .ring-green-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(34 197 94/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
 }
-
 .ring-green-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(22 163 74/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity));
 }
-
 .ring-green-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(21 128 61/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(21 128 61 / var(--tw-ring-opacity));
 }
-
 .ring-green-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(22 101 52/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(22 101 52 / var(--tw-ring-opacity));
 }
-
 .ring-green-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(20 83 45/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(20 83 45 / var(--tw-ring-opacity));
 }
-
 .ring-indigo-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(224 231 255/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity));
 }
-
 .ring-indigo-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(199 210 254/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity));
 }
-
 .ring-indigo-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(165 180 252/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity));
 }
-
 .ring-indigo-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(129 140 248/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity));
 }
-
 .ring-indigo-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(238 242 255/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(238 242 255 / var(--tw-ring-opacity));
 }
-
 .ring-indigo-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(99 102 241/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
 }
-
 .ring-indigo-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(79 70 229/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity));
 }
-
 .ring-indigo-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(67 56 202/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(67 56 202 / var(--tw-ring-opacity));
 }
-
 .ring-indigo-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(55 48 163/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(55 48 163 / var(--tw-ring-opacity));
 }
-
 .ring-indigo-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(49 46 129/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(49 46 129 / var(--tw-ring-opacity));
 }
-
 .ring-inverted {
-  --tw-ring-color: var(--cal-bg-inverted)
+  --tw-ring-color: var(--cal-bg-inverted);
 }
-
 .ring-lime-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(236 252 203/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(236 252 203 / var(--tw-ring-opacity));
 }
-
 .ring-lime-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(217 249 157/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(217 249 157 / var(--tw-ring-opacity));
 }
-
 .ring-lime-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(190 242 100/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(190 242 100 / var(--tw-ring-opacity));
 }
-
 .ring-lime-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(163 230 53/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(163 230 53 / var(--tw-ring-opacity));
 }
-
 .ring-lime-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(247 254 231/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(247 254 231 / var(--tw-ring-opacity));
 }
-
 .ring-lime-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(132 204 22/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(132 204 22 / var(--tw-ring-opacity));
 }
-
 .ring-lime-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(101 163 13/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(101 163 13 / var(--tw-ring-opacity));
 }
-
 .ring-lime-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(77 124 15/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(77 124 15 / var(--tw-ring-opacity));
 }
-
 .ring-lime-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(63 98 18/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(63 98 18 / var(--tw-ring-opacity));
 }
-
 .ring-lime-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(54 83 20/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(54 83 20 / var(--tw-ring-opacity));
 }
-
 .ring-muted {
-  --tw-ring-color: var(--cal-bg-muted)
+  --tw-ring-color: var(--cal-bg-muted);
 }
-
 .ring-neutral-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(245 245 245/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(245 245 245 / var(--tw-ring-opacity));
 }
-
 .ring-neutral-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(229 229 229/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(229 229 229 / var(--tw-ring-opacity));
 }
-
 .ring-neutral-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(212 212 212/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(212 212 212 / var(--tw-ring-opacity));
 }
-
 .ring-neutral-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(163 163 163/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(163 163 163 / var(--tw-ring-opacity));
 }
-
 .ring-neutral-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(250 250 250/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(250 250 250 / var(--tw-ring-opacity));
 }
-
 .ring-neutral-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(115 115 115/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(115 115 115 / var(--tw-ring-opacity));
 }
-
 .ring-neutral-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(82 82 82/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(82 82 82 / var(--tw-ring-opacity));
 }
-
 .ring-neutral-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(64 64 64/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(64 64 64 / var(--tw-ring-opacity));
 }
-
 .ring-neutral-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(38 38 38/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(38 38 38 / var(--tw-ring-opacity));
 }
-
 .ring-neutral-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(23 23 23/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(23 23 23 / var(--tw-ring-opacity));
 }
-
 .ring-orange-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(255 237 213/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(255 237 213 / var(--tw-ring-opacity));
 }
-
 .ring-orange-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(254 215 170/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(254 215 170 / var(--tw-ring-opacity));
 }
-
 .ring-orange-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(253 186 116/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(253 186 116 / var(--tw-ring-opacity));
 }
-
 .ring-orange-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(251 146 60/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity));
 }
-
 .ring-orange-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(255 247 237/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(255 247 237 / var(--tw-ring-opacity));
 }
-
 .ring-orange-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(249 115 22/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
 }
-
 .ring-orange-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(234 88 12/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(234 88 12 / var(--tw-ring-opacity));
 }
-
 .ring-orange-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(194 65 12/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(194 65 12 / var(--tw-ring-opacity));
 }
-
 .ring-orange-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(154 52 18/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(154 52 18 / var(--tw-ring-opacity));
 }
-
 .ring-orange-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(124 45 18/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(124 45 18 / var(--tw-ring-opacity));
 }
-
 .ring-pink-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(252 231 243/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(252 231 243 / var(--tw-ring-opacity));
 }
-
 .ring-pink-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(251 207 232/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(251 207 232 / var(--tw-ring-opacity));
 }
-
 .ring-pink-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(249 168 212/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(249 168 212 / var(--tw-ring-opacity));
 }
-
 .ring-pink-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(244 114 182/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(244 114 182 / var(--tw-ring-opacity));
 }
-
 .ring-pink-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(253 242 248/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(253 242 248 / var(--tw-ring-opacity));
 }
-
 .ring-pink-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(236 72 153/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(236 72 153 / var(--tw-ring-opacity));
 }
-
 .ring-pink-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(219 39 119/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(219 39 119 / var(--tw-ring-opacity));
 }
-
 .ring-pink-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(190 24 93/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(190 24 93 / var(--tw-ring-opacity));
 }
-
 .ring-pink-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(131 24 67/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(131 24 67 / var(--tw-ring-opacity));
 }
-
 .ring-purple-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(243 232 255/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(243 232 255 / var(--tw-ring-opacity));
 }
-
 .ring-purple-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(233 213 255/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(233 213 255 / var(--tw-ring-opacity));
 }
-
 .ring-purple-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(216 180 254/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(216 180 254 / var(--tw-ring-opacity));
 }
-
 .ring-purple-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(192 132 252/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity));
 }
-
 .ring-purple-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(250 245 255/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(250 245 255 / var(--tw-ring-opacity));
 }
-
 .ring-purple-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(168 85 247/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity));
 }
-
 .ring-purple-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(147 51 234/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(147 51 234 / var(--tw-ring-opacity));
 }
-
 .ring-purple-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(126 34 206/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(126 34 206 / var(--tw-ring-opacity));
 }
-
 .ring-purple-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(107 33 168/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(107 33 168 / var(--tw-ring-opacity));
 }
-
 .ring-purple-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(88 28 135/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(88 28 135 / var(--tw-ring-opacity));
 }
-
 .ring-red-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(254 226 226/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(254 226 226 / var(--tw-ring-opacity));
 }
-
 .ring-red-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(254 202 202/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity));
 }
-
 .ring-red-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(252 165 165/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
 }
-
 .ring-red-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(248 113 113/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
 }
-
 .ring-red-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(254 242 242/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(254 242 242 / var(--tw-ring-opacity));
 }
-
 .ring-red-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
 }
-
 .ring-red-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(220 38 38/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity));
 }
-
 .ring-red-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(185 28 28/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity));
 }
-
 .ring-red-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(153 27 27/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity));
 }
-
 .ring-red-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(127 29 29/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(127 29 29 / var(--tw-ring-opacity));
 }
-
 .ring-rose-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(255 228 230/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(255 228 230 / var(--tw-ring-opacity));
 }
-
 .ring-rose-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(254 205 211/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(254 205 211 / var(--tw-ring-opacity));
 }
-
 .ring-rose-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(253 164 175/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(253 164 175 / var(--tw-ring-opacity));
 }
-
 .ring-rose-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(251 113 133/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(251 113 133 / var(--tw-ring-opacity));
 }
-
 .ring-rose-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(255 241 242/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(255 241 242 / var(--tw-ring-opacity));
 }
-
 .ring-rose-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(244 63 94/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity));
 }
-
 .ring-rose-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(225 29 72/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(225 29 72 / var(--tw-ring-opacity));
 }
-
 .ring-rose-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(190 18 60/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(190 18 60 / var(--tw-ring-opacity));
 }
-
 .ring-rose-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(159 18 57/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(159 18 57 / var(--tw-ring-opacity));
 }
-
 .ring-rose-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(136 19 55/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(136 19 55 / var(--tw-ring-opacity));
 }
-
 .ring-sky-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(224 242 254/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity));
 }
-
 .ring-sky-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(186 230 253/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(186 230 253 / var(--tw-ring-opacity));
 }
-
 .ring-sky-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(125 211 252/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(125 211 252 / var(--tw-ring-opacity));
 }
-
 .ring-sky-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(56 189 248/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(56 189 248 / var(--tw-ring-opacity));
 }
-
 .ring-sky-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(240 249 255/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(240 249 255 / var(--tw-ring-opacity));
 }
-
 .ring-sky-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(14 165 233/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
 }
-
 .ring-sky-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(2 132 199/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(2 132 199 / var(--tw-ring-opacity));
 }
-
 .ring-sky-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(3 105 161/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(3 105 161 / var(--tw-ring-opacity));
 }
-
 .ring-sky-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(7 89 133/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(7 89 133 / var(--tw-ring-opacity));
 }
-
 .ring-sky-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(12 74 110/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(12 74 110 / var(--tw-ring-opacity));
 }
-
 .ring-slate-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(241 245 249/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity));
 }
-
 .ring-slate-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(226 232 240/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity));
 }
-
 .ring-slate-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(203 213 225/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity));
 }
-
 .ring-slate-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(148 163 184/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity));
 }
-
 .ring-slate-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(248 250 252/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(248 250 252 / var(--tw-ring-opacity));
 }
-
 .ring-slate-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(100 116 139/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity));
 }
-
 .ring-slate-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(71 85 105/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity));
 }
-
 .ring-slate-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(51 65 85/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity));
 }
-
 .ring-slate-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(30 41 59/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(30 41 59 / var(--tw-ring-opacity));
 }
-
 .ring-slate-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(15 23 42/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity));
 }
-
 .ring-stone-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(245 245 244/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(245 245 244 / var(--tw-ring-opacity));
 }
-
 .ring-stone-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(231 229 228/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(231 229 228 / var(--tw-ring-opacity));
 }
-
 .ring-stone-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(214 211 209/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(214 211 209 / var(--tw-ring-opacity));
 }
-
 .ring-stone-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(168 162 158/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(168 162 158 / var(--tw-ring-opacity));
 }
-
 .ring-stone-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(250 250 249/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(250 250 249 / var(--tw-ring-opacity));
 }
-
 .ring-stone-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(120 113 108/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(120 113 108 / var(--tw-ring-opacity));
 }
-
 .ring-stone-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(87 83 78/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(87 83 78 / var(--tw-ring-opacity));
 }
-
 .ring-stone-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(68 64 60/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(68 64 60 / var(--tw-ring-opacity));
 }
-
 .ring-stone-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(41 37 36/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(41 37 36 / var(--tw-ring-opacity));
 }
-
 .ring-stone-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(28 25 23/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(28 25 23 / var(--tw-ring-opacity));
 }
-
 .ring-subtle {
-  --tw-ring-color: var(--cal-bg-subtle)
+  --tw-ring-color: var(--cal-bg-subtle);
 }
-
 .ring-teal-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(204 251 241/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(204 251 241 / var(--tw-ring-opacity));
 }
-
 .ring-teal-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(153 246 228/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(153 246 228 / var(--tw-ring-opacity));
 }
-
 .ring-teal-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(94 234 212/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(94 234 212 / var(--tw-ring-opacity));
 }
-
 .ring-teal-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(45 212 191/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(45 212 191 / var(--tw-ring-opacity));
 }
-
 .ring-teal-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(240 253 250/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(240 253 250 / var(--tw-ring-opacity));
 }
-
 .ring-teal-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(20 184 166/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity));
 }
-
 .ring-teal-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(13 148 136/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(13 148 136 / var(--tw-ring-opacity));
 }
-
 .ring-teal-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(15 118 110/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(15 118 110 / var(--tw-ring-opacity));
 }
-
 .ring-teal-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(17 94 89/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(17 94 89 / var(--tw-ring-opacity));
 }
-
 .ring-teal-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(19 78 74/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(19 78 74 / var(--tw-ring-opacity));
 }
-
 .ring-transparent {
-  --tw-ring-color: transparent
+  --tw-ring-color: transparent;
 }
-
 .ring-violet-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(237 233 254/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(237 233 254 / var(--tw-ring-opacity));
 }
-
 .ring-violet-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(221 214 254/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(221 214 254 / var(--tw-ring-opacity));
 }
-
 .ring-violet-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(196 181 253/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(196 181 253 / var(--tw-ring-opacity));
 }
-
 .ring-violet-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(167 139 250/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(167 139 250 / var(--tw-ring-opacity));
 }
-
 .ring-violet-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(245 243 255/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(245 243 255 / var(--tw-ring-opacity));
 }
-
 .ring-violet-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(139 92 246/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity));
 }
-
 .ring-violet-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(124 58 237/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(124 58 237 / var(--tw-ring-opacity));
 }
-
 .ring-violet-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(109 40 217/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(109 40 217 / var(--tw-ring-opacity));
 }
-
 .ring-violet-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(91 33 182/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(91 33 182 / var(--tw-ring-opacity));
 }
-
 .ring-violet-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(76 29 149/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(76 29 149 / var(--tw-ring-opacity));
 }
-
 .ring-white {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
 }
-
 .ring-yellow-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(254 249 195/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(254 249 195 / var(--tw-ring-opacity));
 }
-
 .ring-yellow-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(254 240 138/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(254 240 138 / var(--tw-ring-opacity));
 }
-
 .ring-yellow-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(253 224 71/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(253 224 71 / var(--tw-ring-opacity));
 }
-
 .ring-yellow-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(250 204 21/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity));
 }
-
 .ring-yellow-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(254 252 232/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(254 252 232 / var(--tw-ring-opacity));
 }
-
 .ring-yellow-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(234 179 8/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity));
 }
-
 .ring-yellow-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(202 138 4/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(202 138 4 / var(--tw-ring-opacity));
 }
-
 .ring-yellow-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(161 98 7/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(161 98 7 / var(--tw-ring-opacity));
 }
-
 .ring-yellow-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(133 77 14/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(133 77 14 / var(--tw-ring-opacity));
 }
-
 .ring-yellow-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(113 63 18/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(113 63 18 / var(--tw-ring-opacity));
 }
-
 .ring-zinc-100 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(244 244 245/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(244 244 245 / var(--tw-ring-opacity));
 }
-
 .ring-zinc-200 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(228 228 231/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(228 228 231 / var(--tw-ring-opacity));
 }
-
 .ring-zinc-300 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(212 212 216/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(212 212 216 / var(--tw-ring-opacity));
 }
-
 .ring-zinc-400 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(161 161 170/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(161 161 170 / var(--tw-ring-opacity));
 }
-
 .ring-zinc-50 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(250 250 250/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(250 250 250 / var(--tw-ring-opacity));
 }
-
 .ring-zinc-500 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(113 113 122/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(113 113 122 / var(--tw-ring-opacity));
 }
-
 .ring-zinc-600 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(82 82 91/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(82 82 91 / var(--tw-ring-opacity));
 }
-
 .ring-zinc-700 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(63 63 70/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(63 63 70 / var(--tw-ring-opacity));
 }
-
 .ring-zinc-800 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(39 39 42/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(39 39 42 / var(--tw-ring-opacity));
 }
-
 .ring-zinc-900 {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(24 24 27/var(--tw-ring-opacity))
+  --tw-ring-color: rgb(24 24 27 / var(--tw-ring-opacity));
 }
-
 .ring-offset-1 {
-  --tw-ring-offset-width: 1px
+  --tw-ring-offset-width: 1px;
 }
-
 .ring-offset-2 {
-  --tw-ring-offset-width: 2px
+  --tw-ring-offset-width: 2px;
 }
-
 .blur {
-  --tw-blur: blur(8px)
-}
-
-.blur,.blur-\[3px\] {
-  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)
+  --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);
 }
-
 .blur-\[3px\] {
-  --tw-blur: blur(3px)
+  --tw-blur: blur(3px);
+  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 rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))
-}
-
-.drop-shadow,.grayscale {
-  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)
+  --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);
 }
-
 .grayscale {
-  --tw-grayscale: grayscale(100%)
-}
-
-.grayscale-0 {
-  --tw-grayscale: grayscale(0)
-}
-
-.grayscale-0,.invert {
-  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)
+  --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%)
+  --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: 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: 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: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-
 .backdrop-blur {
-  --tw-backdrop-blur: blur(8px)
-}
-
-.backdrop-blur,.backdrop-blur-\[1px\] {
+  --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-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-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-\[1px\] {
-  --tw-backdrop-blur: blur(1px)
-}
-
 .backdrop-blur-lg {
-  --tw-backdrop-blur: blur(16px)
-}
-
-.backdrop-blur-lg,.backdrop-blur-md {
+  --tw-backdrop-blur: blur(16px);
   -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: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-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-md {
-  --tw-backdrop-blur: blur(12px)
+  --tw-backdrop-blur: blur(12px);
+  -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%)
-}
-
-.backdrop-grayscale,.backdrop-invert {
+  --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-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-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%)
+  --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%)
+  --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,.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: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
-
 .transition {
-  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
-  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
-  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(.4,0,.2,1);
-  transition-duration: .15s
+  transition-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(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
-
 .transition-all {
   transition-property: all;
-  transition-timing-function: cubic-bezier(.4,0,.2,1);
-  transition-duration: .15s
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
-
 .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-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
-
 .transition-none {
-  transition-property: none
+  transition-property: none;
 }
-
 .transition-opacity {
   transition-property: opacity;
-  transition-timing-function: cubic-bezier(.4,0,.2,1);
-  transition-duration: .15s
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-shadow {
+  transition-property: box-shadow;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
-
 .transition-transform {
   transition-property: transform;
-  transition-timing-function: cubic-bezier(.4,0,.2,1);
-  transition-duration: .15s
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
-
 .delay-1000 {
-  transition-delay: 1s
+  transition-delay: 1000ms;
 }
-
 .duration-100 {
-  transition-duration: .1s
+  transition-duration: 100ms;
 }
-
 .duration-150 {
-  transition-duration: .15s
+  transition-duration: 150ms;
 }
-
 .duration-200 {
-  transition-duration: .2s
+  transition-duration: 200ms;
 }
-
 .duration-300 {
-  transition-duration: .3s
+  transition-duration: 300ms;
 }
-
 .ease-in {
-  transition-timing-function: cubic-bezier(.4,0,1,1)
+  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
-
 .ease-in-out {
-  transition-timing-function: cubic-bezier(.4,0,.2,1)
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
-
 .ease-out {
-  transition-timing-function: cubic-bezier(0,0,.2,1)
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-
 .will-change-transform {
-  will-change: transform
+  will-change: transform;
 }
-
 .scrollbar {
   --scrollbar-track: initial;
   --scrollbar-thumb: initial;
@@ -12981,452 +11031,641 @@ select {
   --scrollbar-thumb-active: var(--scrollbar-thumb-hover);
   --scrollbar-corner-active: var(--scrollbar-corner-hover);
   scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
-  overflow: overlay
+  overflow: overlay;
 }
-
 .scrollbar.overflow-x-hidden {
-  overflow-x: hidden
+  overflow-x: hidden;
 }
-
 .scrollbar.overflow-y-hidden {
-  overflow-y: hidden
+  overflow-y: hidden;
 }
-
 .scrollbar::-webkit-scrollbar-track {
-  background-color: var(--scrollbar-track)
+  background-color: var(--scrollbar-track);
 }
-
 .scrollbar::-webkit-scrollbar-thumb {
-  background-color: var(--scrollbar-thumb)
+  background-color: var(--scrollbar-thumb);
 }
-
 .scrollbar::-webkit-scrollbar-corner {
-  background-color: var(--scrollbar-corner)
+  background-color: var(--scrollbar-corner);
 }
-
 .scrollbar::-webkit-scrollbar-track:hover {
-  background-color: var(--scrollbar-track-hover)
+  background-color: var(--scrollbar-track-hover);
 }
-
 .scrollbar::-webkit-scrollbar-thumb:hover {
-  background-color: var(--scrollbar-thumb-hover)
+  background-color: var(--scrollbar-thumb-hover);
 }
-
 .scrollbar::-webkit-scrollbar-corner:hover {
-  background-color: var(--scrollbar-corner-hover)
+  background-color: var(--scrollbar-corner-hover);
 }
-
 .scrollbar::-webkit-scrollbar-track:active {
-  background-color: var(--scrollbar-track-active)
+  background-color: var(--scrollbar-track-active);
 }
-
 .scrollbar::-webkit-scrollbar-thumb:active {
-  background-color: var(--scrollbar-thumb-active)
+  background-color: var(--scrollbar-thumb-active);
 }
-
 .scrollbar::-webkit-scrollbar-corner:active {
-  background-color: var(--scrollbar-corner-active)
+  background-color: var(--scrollbar-corner-active);
 }
-
 .scrollbar {
-  scrollbar-width: auto
+  scrollbar-width: auto;
 }
-
 .scrollbar::-webkit-scrollbar {
   width: 16px;
-  height: 16px
+  height: 16px;
+}
+.scrollbar-thin {
+  --scrollbar-track: initial;
+  --scrollbar-thumb: initial;
+  --scrollbar-corner: initial;
+  --scrollbar-track-hover: var(--scrollbar-track);
+  --scrollbar-thumb-hover: var(--scrollbar-thumb);
+  --scrollbar-corner-hover: var(--scrollbar-corner);
+  --scrollbar-track-active: var(--scrollbar-track-hover);
+  --scrollbar-thumb-active: var(--scrollbar-thumb-hover);
+  --scrollbar-corner-active: var(--scrollbar-corner-hover);
+  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
+  overflow: overlay;
 }
-
 .scrollbar-thin.overflow-x-hidden {
-  overflow-x: hidden
+  overflow-x: hidden;
 }
-
 .scrollbar-thin.overflow-y-hidden {
-  overflow-y: hidden
+  overflow-y: hidden;
 }
-
-@keyframes enter {
-  0% {
-      opacity: var(--tw-enter-opacity,1);
-      transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))
-  }
+.scrollbar-thin::-webkit-scrollbar-track {
+  background-color: var(--scrollbar-track);
 }
-
-@keyframes exit {
-  to {
-      opacity: var(--tw-exit-opacity,1);
-      transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))
-  }
+.scrollbar-thin::-webkit-scrollbar-thumb {
+  background-color: var(--scrollbar-thumb);
 }
-
-.animate-in {
-  animation-name: enter;
-  animation-duration: .15s;
-  --tw-enter-opacity: initial;
-  --tw-enter-scale: initial;
-  --tw-enter-rotate: initial;
-  --tw-enter-translate-x: initial;
-  --tw-enter-translate-y: initial
+.scrollbar-thin::-webkit-scrollbar-corner {
+  background-color: var(--scrollbar-corner);
 }
-
-.zoom-in {
-  --tw-enter-scale: 0
+.scrollbar-thin::-webkit-scrollbar-track:hover {
+  background-color: var(--scrollbar-track-hover);
 }
-
-.zoom-out {
-  --tw-exit-scale: 0
+.scrollbar-thin::-webkit-scrollbar-thumb:hover {
+  background-color: var(--scrollbar-thumb-hover);
 }
-
-.slide-in-from-bottom {
-  --tw-enter-translate-y: 100%
+.scrollbar-thin::-webkit-scrollbar-corner:hover {
+  background-color: var(--scrollbar-corner-hover);
 }
-
-.slide-in-from-left {
-  --tw-enter-translate-x: -100%
+.scrollbar-thin::-webkit-scrollbar-track:active {
+  background-color: var(--scrollbar-track-active);
 }
-
-.slide-in-from-right {
-  --tw-enter-translate-x: 100%
+.scrollbar-thin::-webkit-scrollbar-thumb:active {
+  background-color: var(--scrollbar-thumb-active);
+}
+.scrollbar-thin::-webkit-scrollbar-corner:active {
+  background-color: var(--scrollbar-corner-active);
 }
+.scrollbar-thin {
+  scrollbar-width: thin;
+}
+.scrollbar-thin::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+@keyframes enter {
 
-.slide-in-from-top {
-  --tw-enter-translate-y: -100%
+  from {
+    opacity: var(--tw-enter-opacity, 1);
+    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
+  }
 }
+@keyframes exit {
 
+  to {
+    opacity: var(--tw-exit-opacity, 1);
+    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
+  }
+}
+.zoom-in {
+  --tw-enter-scale: 0;
+}
+.zoom-out {
+  --tw-exit-scale: 0;
+}
 .duration-100 {
-  animation-duration: .1s
+  animation-duration: 100ms;
 }
-
 .duration-150 {
-  animation-duration: .15s
+  animation-duration: 150ms;
 }
-
 .duration-200 {
-  animation-duration: .2s
+  animation-duration: 200ms;
 }
-
 .duration-300 {
-  animation-duration: .3s
+  animation-duration: 300ms;
 }
-
 .delay-1000 {
-  animation-delay: 1s
+  animation-delay: 1000ms;
 }
-
 .ease-in {
-  animation-timing-function: cubic-bezier(.4,0,1,1)
+  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
-
 .ease-in-out {
-  animation-timing-function: cubic-bezier(.4,0,.2,1)
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
-
 .ease-out {
-  animation-timing-function: cubic-bezier(0,0,.2,1)
+  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-
 .running {
-  animation-play-state: running
+  animation-play-state: running;
 }
-
-.no-scrollbar::-webkit-scrollbar {
-  display: none
+.paused {
+  animation-play-state: paused;
 }
-
+/* Chrome, Safari and Opera */
+.no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
 .no-scrollbar {
-  -ms-overflow-style: none;
-  scrollbar-width: none
-}
-
+    -ms-overflow-style: none; /* IE and Edge */
+    scrollbar-width: none; /* Firefox */
+  }
 .\[--booker-main-width\:420px\] {
-  --booker-main-width:420px
+  --booker-main-width: 420px;
 }
-
 .\[--booker-main-width\:480px\] {
-  --booker-main-width:480px;
+  --booker-main-width: 480px;
 }
-
 .\[--booker-meta-width\:240px\] {
-  --booker-meta-width:240px
+  --booker-meta-width: 240px;
 }
-
 .\[--booker-meta-width\:340px\] {
-  --booker-meta-width:340px
+  --booker-meta-width: 340px;
 }
-
 .\[--booker-timeslots-width\:240px\] {
-  --booker-timeslots-width:240px
+  --booker-timeslots-width: 240px;
 }
-
-.\[--cal-brand-accent\: \#fafafa\] {
-  --cal-brand-accent:#fafafa
+.\[--cal-brand-emphasis\:\#101010\] {
+  --cal-brand-emphasis: #101010;
 }
-
-.\[--cal-brand-emphasis\: \#101010\] {
-  --cal-brand-emphasis:#101010
+.\[--cal-brand-subtle\:\#9CA3AF\] {
+  --cal-brand-subtle: #9CA3AF;
 }
-
-.\[--cal-brand-subtle\: \#9CA3AF\] {
-  --cal-brand-subtle:#9ca3af
+.\[--cal-brand-text\:\#FFFFFF\] {
+  --cal-brand-text: #FFFFFF;
 }
-
-.\[--cal-brand-text\: \#FFFFFF\],.\[--cal-brand-text\:white\] {
-  --cal-brand-text:#fff
+.\[--cal-brand-text\:white\] {
+  --cal-brand-text: white;
 }
-
-.\[--cal-brand\: \#111827\] {
-  --cal-brand:#111827
+.\[--cal-brand\:\#111827\] {
+  --cal-brand: #111827;
 }
-
 .\[--calendar-dates-sticky-offset\:66px\] {
-  --calendar-dates-sticky-offset:66px
+  --calendar-dates-sticky-offset: 66px;
 }
-
 .\[--disabled-gradient-background\:\#E5E7EB\] {
-  --disabled-gradient-background:#e5e7eb
+  --disabled-gradient-background: #E5E7EB;
 }
-
 .\[--disabled-gradient-background\:\#F8F9FB\] {
-  --disabled-gradient-background:#f8f9fb
+  --disabled-gradient-background: #F8F9FB;
 }
-
 .\[--disabled-gradient-foreground\:\#D1D5DB\] {
-  --disabled-gradient-foreground:#d1d5db
+  --disabled-gradient-foreground: #D1D5DB;
 }
-
 .\[--disabled-gradient-foreground\:\#E6E7EB\] {
-  --disabled-gradient-foreground:#e6e7eb
+  --disabled-gradient-foreground: #E6E7EB;
 }
-
 .\[--troublehooster-meta-width\:0px\] {
-  --troublehooster-meta-width:0px
+  --troublehooster-meta-width: 0px;
 }
-
 .\[--troublehooster-meta-width\:250px\] {
-  --troublehooster-meta-width:250px
+  --troublehooster-meta-width: 250px;
 }
-
 .\[-webkit-app-region\:no-drag\] {
-  -webkit-app-region: no-drag
+  -webkit-app-region: no-drag;
+}
+.\[a-zA-Z\:_\] {
+  a-z-a--z: ;
 }
-
 .\[appearance\:textfield\] {
   -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield
+     -moz-appearance: textfield;
+          appearance: textfield;
 }
-
 .\[filter\:invert\(0\.5\)_brightness\(0\.5\)\] {
-  filter: invert(.5) brightness(.5)
+  filter: invert(0.5) brightness(0.5);
 }
-
 .\[grid-area\:calendar\] {
-  grid-area: calendar
+  grid-area: calendar;
 }
-
 .\[grid-area\:header\] {
-  grid-area: header
+  grid-area: header;
 }
-
 .\[grid-area\:main\] {
-  grid-area: main
+  grid-area: main;
 }
-
 .\[grid-area\:meta\] {
-  grid-area: meta
+  grid-area: meta;
 }
-
 .\[grid-area\:timeslots\] {
-  grid-area: timeslots
+  grid-area: timeslots;
 }
 
-
-
+/**
+* Add css variables here as well for light mode in addition to tailwind.config to avoid FOUC
+* Must update them here as well: packages/embeds/embed-core/src/addAppCssVars.ts
+*/
 :root {
-/* background */
-
---cal-bg-emphasis: hsla(220,13%,91%,1);
---cal-bg: hsla(0,0%,100%,1);
---cal-bg-subtle: hsla(220, 14%, 96%,1);
---cal-bg-muted: hsla(210,20%,98%,1);
---cal-bg-inverted: hsla(0,0%,6%,1);
-
-/* background -> components*/
---cal-bg-info: hsla(218,83%,98%,1);
---cal-bg-success: hsla(134,76%,94%,1);
---cal-bg-attention: hsla(37, 86%, 92%, 1);
---cal-bg-error: hsla(3,66%,93%,1);
---cal-bg-dark-error: hsla(2, 55%, 30%, 1);
-
-/* Borders */
---cal-border-emphasis: hsla(218, 11%, 65%, 1);
---cal-border: hsla(216, 12%, 84%, 1);
---cal-border-subtle: hsla(220, 13%, 91%, 1);
---cal-border-booker: #e5e7eb;
---cal-border-muted: hsla(220, 14%, 96%, 1);
---cal-border-error: hsla(4, 63%, 41%, 1);
---cal-border-focus: hsla(0, 0%, 10%, 1);
-
-/* Content/Text */
---cal-text-emphasis: hsla(217, 19%, 27%, 1);
---cal-text: hsla(217, 19%, 27%, 1);
---cal-text-subtle: hsla(220, 9%, 46%, 1);
---cal-text-muted: hsla(218, 11%, 65%, 1);
---cal-text-inverted: hsla(0, 0%, 100%, 1);
-
-/* Content/Text -> components */
---cal-text-info: hsla(228, 56%, 33%, 1);
---cal-text-success: hsla(133, 34%, 24%, 1);
---cal-text-attention: hsla(16, 62%, 28%, 1);
---cal-text-error: hsla(2, 55%, 30%, 1);
-
-/* Brand shinanigans
-    -> These will be computed for the users theme at runtime.
-  */
---cal-brand: hsla(221, 39%, 11%, 1);
---cal-brand-emphasis: hsla(0, 0%, 6%, 1);
---cal-brand-text: hsla(0, 0%, 100%, 1);
-}
-
-.dark {
-  /* background */
-
-  --cal-bg-emphasis: hsla(0, 0%, 25%, 1);
-  --cal-bg: hsla(0, 0%, 10%, 1);
-  --cal-bg-subtle: hsla(0, 0%, 18%, 1);
-  --cal-bg-muted: hsla(0, 0%, 12%, 1);
-  --cal-bg-inverted: hsla(220, 14%, 96%, 1);
-
-  /* background -> components*/
-  --cal-bg-info: hsla(228, 56%, 33%, 1);
-  --cal-bg-success: hsla(133, 34%, 24%, 1);
-  --cal-bg-attention: hsla(16, 62%, 28%, 1);
-  --cal-bg-error: hsla(2, 55%, 30%, 1);
-  --cal-bg-dark-error: hsla(2, 55%, 30%, 1);
+  /* Spacing Scale */
+  --cal-spacing-0: 0px;
+  --cal-spacing-px: 1px;
+  --cal-spacing-0_5: 0.125rem; /* 2px */
+  --cal-spacing-1: 0.25rem;   /* 4px */
+  --cal-spacing-1_5: 0.375rem; /* 6px */
+  --cal-spacing-2: 0.5rem;    /* 8px */
+  --cal-spacing-2_5: 0.625rem; /* 10px */
+  --cal-spacing-3: 0.75rem;   /* 12px */
+  --cal-spacing-3_5: 0.875rem; /* 14px */
+  --cal-spacing-4: 1rem;      /* 16px */
+  --cal-spacing-5: 1.25rem;   /* 20px */
+  --cal-spacing-6: 1.5rem;    /* 24px */
+  --cal-spacing-7: 1.75rem;   /* 28px */
+  --cal-spacing-8: 2rem;      /* 32px */
+  --cal-spacing-9: 2.25rem;   /* 36px */
+  --cal-spacing-10: 2.5rem;   /* 40px */
+  --cal-spacing-11: 2.75rem;  /* 44px */
+  --cal-spacing-12: 3rem;     /* 48px */
+  --cal-spacing-14: 3.5rem;   /* 56px */
+  --cal-spacing-16: 4rem;     /* 64px */
+  --cal-spacing-20: 5rem;     /* 80px */
+  --cal-spacing-24: 6rem;     /* 96px */
+  --cal-spacing-28: 7rem;     /* 112px */
+  --cal-spacing-32: 8rem;     /* 128px */
+  --cal-spacing-36: 9rem;     /* 144px */
+  --cal-spacing-40: 10rem;    /* 160px */
+  --cal-spacing-44: 11rem;    /* 176px */
+  --cal-spacing-48: 12rem;    /* 192px */
+  --cal-spacing-52: 13rem;    /* 208px */
+  --cal-spacing-56: 14rem;    /* 224px */
+  --cal-spacing-60: 15rem;    /* 240px */
+  --cal-spacing-64: 16rem;    /* 256px */
+  --cal-spacing-72: 18rem;    /* 288px */
+  --cal-spacing-80: 20rem;    /* 320px */
+  --cal-spacing-96: 24rem;    /* 384px */
+
+  /* Border Radius */
+  --cal-radius-none: 0px;
+  --cal-radius-sm: 0.125rem;  /* 2px */
+  --cal-radius: 0.25rem;      /* 4px */
+  --cal-radius-md: 0.375rem;  /* 6px */
+  --cal-radius-lg: 0.5rem;    /* 8px */
+  --cal-radius-xl: 0.75rem;   /* 12px */
+  --cal-radius-2xl: 1rem;     /* 16px */
+  --cal-radius-3xl: 1.5rem;   /* 24px */
+  --cal-radius-full: 9999px;
+
+  /* Background Standard */
+  --cal-bg-emphasis: hsla(220, 13%, 91%, 1); /* gray.200 - active items and emphasising */
+  --cal-bg: hsla(0, 0%, 100%, 1); /* white - default background */
+  --cal-bg-subtle: hsla(220, 14%, 94%, 1); /* gray.100 - hovering on items, subtle raising */
+  --cal-bg-muted: hsla(210, 20%, 97%, 1); /* gray.50 - large items, sidebar, sections */
+  --cal-bg-inverted: hsla(210, 30%, 4%, 1); /* gray.900 - tooltips */
+
+  /* Background Primary */
+  --cal-bg-primary: hsla(214, 30%, 16%, 1); /* stone-100 */
+  --cal-bg-primary-emphasis: hsla(220, 6%, 25%, 1); /* stone-800 */
+  --cal-bg-primary-muted: hsla(220, 14%, 94%, 1); /* stone-400 */
+
+  /* Background Brand */
+  --cal-bg-brand: hsla(214, 30%, 16%, 1); /* gray-50 */
+  --cal-bg-brand-emphasis: hsla(220, 6%, 25%, 1); /* stone-100 */
+  --cal-bg-brand-muted: hsla(220, 14%, 94%, 1); /* stone-100 */
+  
+  /* Background Semantic */
+  --cal-bg-semantic-info-subtle: hsla(212, 88%, 97%, 1); /* blue-100 */
+  --cal-bg-semantic-info-emphasis: hsla(236, 80%, 25%, 1); /* blue-500 */
+  --cal-bg-semantic-success-subtle: hsla(167, 54%, 93%, 1); /* green-100 */
+  --cal-bg-semantic-success-emphasis: hsla(158, 74%, 38%, 1); /* green-500 */
+  --cal-bg-semantic-attention-subtle: hsla(34, 100%, 92%, 1); /* orange-100 */
+  --cal-bg-semantic-attention-emphasis: hsla(15, 79%, 34%, 1); /* orange-500 */
+  --cal-bg-semantic-error-subtle: hsla(0, 93%, 94%, 1); /* red-100 */
+  --cal-bg-semantic-error-emphasis: hsla(0, 63%, 24%, 1); /* red-500 */
+
+  /* Background Visualization */
+  --cal-bg-visualization-1-subtle: hsla(326, 78%, 95%, 1); /* pink-100 */
+  --cal-bg-visualization-1-emphasis: hsla(330, 81%, 60%, 1); /* pink-500 */
+  --cal-bg-visualization-2-subtle: hsla(256, 86%, 91%, 1); /* purple-100 */
+  --cal-bg-visualization-2-emphasis: hsla(256, 85%, 57%, 1); /* purple-500 */
+  --cal-bg-visualization-3-subtle: hsla(217, 87%, 91%, 1); /* blue-100 */
+  --cal-bg-visualization-3-emphasis: hsla(235, 100%, 63%, 1); /* blue-500 */
+  --cal-bg-visualization-4-subtle: hsla(167, 54%, 93%, 1); /* green-100 */
+  --cal-bg-visualization-4-emphasis: hsla(158, 74%, 38%, 1); /* green-500 */
+  --cal-bg-visualization-5-subtle: hsla(55, 97%, 88%, 1); /* yellow-100 */
+  --cal-bg-visualization-5-emphasis: hsla(45, 93%, 47%, 1); /* yellow-500 */
+  --cal-bg-visualization-6-subtle: hsla(34, 100%, 92%, 1); /* orange-100 */
+  --cal-bg-visualization-6-emphasis: hsla(25, 95%, 53%, 1); /* orange-500 */
+  --cal-bg-visualization-7-subtle: hsla(0, 96%, 89%, 1); /* red-100 */
+  --cal-bg-visualization-7-emphasis: hsla(0, 84%, 60%, 1); /* red-500 */
+
+  /* Legacy Background Components - Consider deprecating */
+  --cal-bg-info: hsla(221, 91%, 93%, 1); /* #dee9fc - info backgrounds */
+  --cal-bg-success: hsla(142, 76%, 94%, 1); /* #e2fbe8 - success backgrounds */
+  --cal-bg-attention: hsla(33, 100%, 92%, 1); /* #fceed8 - attention backgrounds */
+  --cal-bg-error: hsla(3, 66%, 93%, 1); /* #f9e3e2 - error backgrounds */
+  --cal-bg-dark-error: hsla(2, 55%, 30%, 1); /* Keeping existing dark error */
 
   /* Borders */
-  --cal-border-emphasis: hsla(0, 0%, 46%, 1);
-  --cal-border: hsla(0, 0%, 34%, 1);
-  --cal-border-subtle: hsla(0, 0%, 22%, 1);
-  --cal-border-booker: hsla(0, 0%, 22%, 1);
-  --cal-border-muted: hsla(0, 0%, 18%, 1);
-  --cal-border-error: hsla(4, 63%, 41%, 1);
-  --cal-border-focus: hsla(0, 0%, 100%, 1);
-
-  /* Content/Text */
-  --cal-text-emphasis: hsla(240, 20%, 99%, 1);
-  --cal-text: hsla(0, 0%, 84%, 1);
-  --cal-text-subtle: hsla(0, 0%, 65%, 1);
-  --cal-text-muted: hsla(0, 0%, 34%, 1);
-  --cal-text-inverted: hsla(0, 0%, 10%, 1);
-
-  /* Content/Text -> components */
-  --cal-text-info: hsla(218, 83%, 93%, 1);
-  --cal-text-success: hsla(134, 76%, 94%, 1);
-  --cal-text-attention: hsla(37, 86%, 92%, 1);
-  --cal-text-error: hsla(3, 66%, 93%, 1);
-
-  /* Brand shenanigans
-      -> These will be computed for the users theme at runtime.
-    */
-  --cal-brand: hsla(0, 0%, 100%, 1);
-  --cal-brand-emphasis: hsla(218, 11%, 65%, 1);
-  --cal-brand-text: hsla(0, 0%, 0%,1);
+  --cal-border-emphasis: hsla(218, 11%, 65%, 1); /* gray.400 - input:hover */
+  --cal-border: hsla(216, 12%, 84%, 1); /* gray.300 - inputs */
+  --cal-border-subtle: hsla(220, 13%, 91%, 1); /* gray.200 - container borders */
+  --cal-border-muted: hsla(220, 14%, 94%, 1); /* gray.100 */
+  --cal-border-error: hsla(0, 96%, 89%, 1); /* Keeping existing error border */
+  --cal-border-semantic-error: hsla(0, 96%, 89%, 1);
+
+  /* Content/Text Standard */
+  --cal-text-emphasis: hsla(210, 30%, 4%, 1); /* gray-900 */
+  --cal-text: hsla(220, 6%, 25%, 1); /* gray-700 */
+  --cal-text-subtle: hsla(220, 9%, 46%, 1); /* gray-500 */
+  --cal-text-muted: hsla(218, 11%, 65%, 1); /* gray-400 */
+  --cal-text-inverted: hsla(0, 0%, 100%, 1); /* white */
+
+  /* Content/Text Semantic */
+  --cal-text-semantic-info: hsla(236, 80%, 25%, 1); /* blue-800 */
+  --cal-text-semantic-success: hsla(150, 84%, 22%, 1); /* green-800 */
+  --cal-text-semantic-attention: hsla(15, 79%, 34%, 1); /* orange-800 */
+  --cal-text-semantic-error: hsla(0, 63%, 24%, 1); /* red-800 */
+
+  /* Content/Text Visualization */
+  --cal-text-visualization-1: hsla(332, 79%, 25%, 1); /* pink-800 */
+  --cal-text-visualization-2: hsla(270, 91%, 25%, 1); /* purple-800 */
+  --cal-text-visualization-3: hsla(217, 91%, 25%, 1); /* blue-800 */
+  --cal-text-visualization-4: hsla(142, 71%, 25%, 1); /* green-800 */
+  --cal-text-visualization-5: hsla(45, 93%, 25%, 1); /* yellow-800 */
+  --cal-text-visualization-6: hsla(24, 95%, 25%, 1); /* orange-800 */
+  --cal-text-visualization-7: hsla(0, 84%, 25%, 1); /* red-800 */
+
+  /* Border/Semantic Subtle */
+  --cal-border-semantic-attention-subtle: hsla(32, 98%, 83%, 1); 
+  --cal-border-semantic-error-subtle: hsla(0, 96%, 89%, 1); 
+
+  /* Legacy Content/Text Components - Consider deprecating */
+  --cal-text-info: hsla(225, 57%, 33%, 1); /* #253985 - interactive text/icons */
+  --cal-text-success: hsla(144, 34%, 24%, 1); /* #285231 */
+  --cal-text-attention: hsla(16, 62%, 28%, 1); /* Keeping existing attention text */
+  --cal-text-error: hsla(0, 63%, 31%, 1); /* Keeping existing error text */
+
+  /* Brand */
+  --cal-brand: hsla(221, 39%, 11%, 1); /* Keeping existing brand color */
+  --cal-brand-emphasis: hsla(0, 0%, 6%, 1); /* Keeping existing brand emphasis */
+  --cal-brand-text: hsla(0, 0%, 100%, 1); /* white */
 }
 
+.dark {
+  /* Background Standard */
+  --cal-bg-emphasis: hsla(0, 0%, 25%, 1); /* stone-700 */
+  --cal-bg: hsla(0, 0%, 6%, 1); /* stone-950 */
+  --cal-bg-subtle: hsla(0, 0%, 15%, 1); /* stone-800 */
+  --cal-bg-muted: hsla(0, 0%, 9%, 1); /* stone-900 */
+  --cal-bg-inverted: hsla(0, 0%, 98%, 1); /* stone-50 */
+
+  /* Background Primary */
+  --cal-bg-primary: hsla(0, 0%, 96%, 1); /* stone-100 */
+  --cal-bg-primary-emphasis: hsla(0, 0%, 64%, 1); /* stone-800 */
+  --cal-bg-primary-muted: hsla(0, 0%, 15%, 1); /* stone-400 */
+
+  /* Background Brand */
+  --cal-bg-brand: hsla(0, 0%, 98%, 1); /* gray-50 */
+  --cal-bg-brand-emphasis: hsla(0, 0%, 96%, 1); /* stone-100 */
+  --cal-bg-brand-muted: hsla(0, 0%, 96%, 1); /* stone-100 */
+
+  /* Background Semantic */
+  --cal-bg-semantic-info-subtle: hsla(236, 80%, 8%, 1); /* blue-800 */
+  --cal-bg-semantic-info-emphasis: hsla(229, 90%, 74%, 1); /* blue-500 */
+  --cal-bg-semantic-success-subtle: hsla(148, 88%, 16%, 1); /* green-800 */
+  --cal-bg-semantic-success-emphasis: hsla(158, 74%, 38%, 1); /* green-500 */
+  --cal-bg-semantic-attention-subtle: hsla(21, 86%, 8%, 1); /* orange-800 */
+  --cal-bg-semantic-attention-emphasis: hsla(27, 96%, 61%, 1); /* orange-500 */
+  --cal-bg-semantic-error-subtle: hsla(0, 70%, 8%, 1); /* red-800 */
+  --cal-bg-semantic-error-emphasis: hsla(0, 91%, 71%, 1); /* red-500 */
+
+  /* Background Visualization */
+  --cal-bg-visualization-1-subtle: hsla(336, 74%, 35%, 1); /* pink-200 */
+  --cal-bg-visualization-1-emphasis: hsla(330, 81%, 60%, 1); /* pink-500 */
+  --cal-bg-visualization-2-subtle: hsla(252, 83%, 23%, 1); /* purple-200 */
+  --cal-bg-visualization-2-emphasis: hsla(256, 85%, 57%, 1); /* purple-500 */
+  --cal-bg-visualization-3-subtle: hsla(236, 74%, 35%, 1); /* blue-200 */
+  --cal-bg-visualization-3-emphasis: hsla(235, 100%, 63%, 1); /* blue-500 */
+  --cal-bg-visualization-4-subtle: hsla(150, 84%, 22%, 1); /* green-200 */
+  --cal-bg-visualization-4-emphasis: hsla(158, 74%, 38%, 1); /* green-500 */
+  --cal-bg-visualization-5-subtle: hsla(28, 73%, 26%, 1); /* yellow-200 */
+  --cal-bg-visualization-5-emphasis: hsla(45, 93%, 47%, 1); /* yellow-500 */
+  --cal-bg-visualization-6-subtle: hsla(15, 75%, 23%, 1); /* orange-200 */
+  --cal-bg-visualization-6-emphasis: hsla(25, 95%, 53%, 1); /* orange-500 */
+  --cal-bg-visualization-7-subtle: hsla(0, 70%, 35%, 1); /* red-200 */
+  --cal-bg-visualization-7-emphasis: hsla(0, 84%, 60%, 1); /* red-500 */
+
+  /* Legacy Background Components - Consider deprecating */
+  --cal-bg-info: hsla(228, 56%, 33%, 1); /* Keeping existing info background */
+  --cal-bg-success: hsla(133, 34%, 24%, 1); /* Keeping existing success background */
+  --cal-bg-attention: hsla(16, 62%, 28%, 1); /* Keeping existing attention background */
+  --cal-bg-error: hsla(2, 55%, 30%, 1); /* Keeping existing error background */
+  --cal-bg-dark-error: hsla(2, 55%, 30%, 1); /* Keeping existing dark error */
+
+  /* Border Standard */
+  --cal-border: hsla(0, 0%, 30%, 1); /* stone-600 */
+  --cal-border-muted: hsla(0, 0%, 9%, 1); /* stone-500 */
+  --cal-border-subtle: hsla(0, 0%, 15%, 1); /* stone-700 */
+  --cal-border-emphasis: hsla(0, 0%, 45%, 1); /* stone-800 */
+  /* Border Semantic */
+  --cal-border-semantic-error: hsla(0, 63%, 24%, 1); /* red-800 */
+
+
+  /* Border/Semantic Subtle */
+  --cal-border-semantic-attention-subtle: hsla(15, 75%, 23%, 1); 
+  --cal-border-semantic-error-subtle: hsla(0, 63%, 24%, 1); 
+
+
+  /* Legacy Border - Consider deprecating */
+  --cal-border-error: hsla(0, 63%, 24%, 1); /* Keeping existing error border */
+
+  /* Content/Text Standard */
+  --cal-text-emphasis: hsla(0, 0%, 98%, 1); /* stone-50 */
+  --cal-text: hsla(0, 0%, 83%, 1); /* stone-300 */
+  --cal-text-subtle: hsla(0, 0%, 64%, 1); /* stone-400 */
+  --cal-text-muted: hsla(0, 0%, 64%, 1); /* stone-400 */
+  --cal-text-inverted: hsla(0, 0%, 0%, 1); /* black */
+
+  /* Content/Text Semantic */
+  --cal-text-semantic-info: hsla(229, 90%, 74%, 1); /* blue-100 */
+  --cal-text-semantic-success: hsla(161, 49%, 54%, 1); /* green-100 */
+  --cal-text-semantic-attention: hsla(27, 96%, 61%, 1); /* orange-100 */
+  --cal-text-semantic-error: hsla(0, 91%, 71%, 1); /* red-100 */
+
+  /* Content/Text Semantic Emphasis */
+  --cal-text-semantic-info-emphasis: hsla(217, 91%, 25%, 1); /* blue-800 */
+  --cal-text-semantic-success-emphasis: hsla(142, 71%, 25%, 1); /* green-800 */
+  --cal-text-semantic-attention-emphasis: hsla(24, 95%, 25%, 1); /* orange-800 */
+  --cal-text-semantic-error-emphasis: hsla(0, 84%, 25%, 1); /* red-800 */
+
+  /* Legacy Content/Text Components - Consider deprecating */
+  --cal-text-info: hsla(218, 83%, 93%, 1); /* Keeping existing info text */
+  --cal-text-success: hsla(134, 76%, 94%, 1); /* Keeping existing success text */
+  --cal-text-attention: hsla(37, 86%, 92%, 1); /* Keeping existing attention text */
+  --cal-text-error: hsla(3, 66%, 93%, 1); /* Keeping existing error text */
+
+  /* Brand */
+  --cal-brand: hsla(0, 0%, 100%, 1); /* white */
+  --cal-brand-emphasis: hsla(218, 11%, 65%, 1); /* Keeping existing brand emphasis */
+  --cal-brand-text: hsla(0, 0%, 0%, 1); /* black */
+}
 
 ::-moz-selection {
   color: var(--cal-brand-text);
-  background: var(--cal-brand)
+  background: var(--cal-brand);
 }
 
 ::selection {
   color: var(--cal-brand-text);
-  background: var(--cal-brand)
+  background: var(--cal-brand);
 }
 
-body {
+body  {
   text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased
+  -webkit-font-smoothing: antialiased;
+}
+
+/*
+  Desktop App specific CSS
+    https://docs.todesktop.com/
+*/
+
+html.todesktop-platform-win32 .todesktop\:\!bg-transparent{
+  background: inherit !important;
 }
 
-html.todesktop a,html.todesktop button,html.todesktop header,html.todesktop img {
+/* disable user selection on buttons, links and images on desktop app */
+html.todesktop button,
+html.todesktop a,
+html.todesktop img,
+html.todesktop header {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
-  cursor: default!important
+  cursor: default !important;
 }
 
-html.todesktop,html.todesktop div {
-  cursor: default!important
+html.todesktop,
+html.todesktop div {
+  cursor: default !important;
 }
 
+/* make header draggable on desktop app */
 html.todesktop header {
-  -webkit-app-region: drag
+  -webkit-app-region: drag;
+}
+
+html.todesktop header button,
+html.todesktop header a {
+  -webkit-app-region: no-drag;
 }
 
-html.todesktop header a,html.todesktop header button {
-  -webkit-app-region: no-drag
+html.todesktop-platform-darwin body, html.todesktop-platform-darwin aside {
+  background: transparent !important;
 }
 
 html.todesktop-platform-darwin.dark main.bg-default {
-  background: rgba(0,0,0,.6)!important
+  background: rgba(0, 0, 0, 0.6) !important;
 }
 
 html.todesktop-platform-darwin.light main.bg-default {
-  background: hsla(0,0%,100%,.8)!important
+  background: rgba(255, 255, 255, 0.8) !important;
 }
 
 html.todesktop.light {
-  --cal-bg-emphasis: rgba(28,28,28,.1)
+  --cal-bg-emphasis: hsla(0, 0%, 11%, 0.1);
 }
 
 html.todesktop.dark {
-  --cal-bg-emphasis: rgba(65,66,68,.3)
-}
-
-[multiple]:focus,[type=checkbox]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=radio]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea:focus {
+  --cal-bg-emphasis: hsla(220, 2%, 26%, 0.3);
+}
+
+/*
+  Adds Utility to hide scrollbar to tailwind
+    https://github.com/tailwindlabs/tailwindcss/discussions/2394
+    https://github.com/tailwindlabs/tailwindcss/pull/5732
+*/
+
+/*
+ * Override the default tailwindcss-forms styling (default is: 'colors.blue.600')
+ * @see: https://github.com/tailwindlabs/tailwindcss-forms/issues/14#issuecomment-1005376006
+ */
+[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="checkbox"]:focus,
+[type="radio"]:focus,
+[type="time"]:focus,
+[type="week"]:focus,
+[multiple]:focus,
+textarea:focus,
+select:focus {
   --tw-ring-color: var(--brand-color);
-  border-color: var(--brand-color)
+  border-color: var(--brand-color);
 }
 
+/* TODO: avoid global specific css */
+/* button[role="switch"][data-state="checked"] span {
+  transform: translateX(16px);
+} */
+
+/* hide chat bubble on mobile */
 @media only screen and (max-width: 768px) {
-  #launcher,div[role=presentation]>iframe {
-      display:none!important
+  /* Intercom FAB*/
+  #launcher {
+    display: none !important;
+  }
+
+  /* Zendesk FAB*/
+  div[role="presentation"] > iframe {
+    display: none !important;
   }
 
+  /* Helpscout FAB*/
   .BeaconFabButtonFrame {
-      margin-left: -30px;
-      left: 50%;
-      bottom: 28px!important;
-      z-index: 1058!important
+    margin-left: -30px;
+    left: 50%;
+    bottom: 28px !important;
+    z-index: 1058 !important;
   }
 }
 
+/* TODO: implement styling for react-multi-email */
+
+/* !important to override react-dates */
 .DateRangePickerInput__withBorder {
-  border: 0!important
+  border: 0 !important;
 }
-
 .DateInput_input {
-  border: 1px solid #d1d5db!important;
-  border-radius: 2px!important;
-  font-size: inherit!important;
-  font-weight: inherit!important;
+  border: 1px solid #d1d5db !important;
+  border-radius: 2px !important;
+  font-size: inherit !important;
+  font-weight: inherit !important;
   color: #000;
-  padding: 11px ​11px 9px!important;
-  line-height: 16px!important
+  padding: 11px ​11px 9px !important;
+  line-height: 16px !important;
 }
 
 .DateInput_input__focused {
-  border: 2px solid #000!important;
-  border-radius: 2px!important;
-  box-shadow: none!important;
-  padding: 10px ​10px 9px!important
+  border: 2px solid #000 !important;
+  border-radius: 2px !important;
+  box-shadow: none !important;
+  padding: 10px ​10px 9px !important;
 }
 
 .DateRangePickerInput_arrow {
-  padding: 0 10px
+  padding: 0px 10px;
 }
 
 .loader {
@@ -13437,377 +11676,10408 @@ html.todesktop.dark {
   position: relative;
   border-width: 4px;
   border-style: solid;
-  animation: loader 2s ease infinite
+  animation: loader 2s infinite ease;
 }
 
 .loader-inner {
   vertical-align: top;
   display: inline-block;
   width: 100%;
-  animation: loader-inner 2s ease-in infinite
+  animation: loader-inner 2s infinite ease-in;
 }
 
 .no-ring-inset {
-  --tw-ring-inset: unset
+  --tw-ring-inset: unset;
 }
 
 @keyframes loader {
   0% {
-      transform: rotate(0deg)
+    transform: rotate(0deg);
   }
 
   25% {
-      transform: rotate(180deg)
+    transform: rotate(180deg);
   }
 
   50% {
-      transform: rotate(180deg)
+    transform: rotate(180deg);
   }
 
   75% {
-      transform: rotate(1turn)
+    transform: rotate(360deg);
   }
 
-  to {
-      transform: rotate(1turn)
+  100% {
+    transform: rotate(360deg);
   }
 }
 
 @keyframes loader-inner {
   0% {
-      height: 0%
+    height: 0%;
   }
 
   25% {
-      height: 0%
+    height: 0%;
   }
 
   50% {
-      height: 100%
+    height: 100%;
   }
 
   75% {
-      height: 100%
+    height: 100%;
   }
 
-  to {
-      height: 0%
+  100% {
+    height: 0%;
   }
 }
 
 .text-inverted-important {
-  color: #fff!important
+  color: white !important;
 }
 
 #timeZone input:focus {
-  box-shadow: none
+  box-shadow: none;
 }
 
+/* react-date-picker forces a border upon us, cast it away */
 .react-date-picker__wrapper {
-  border: none!important
+  border: none !important;
 }
 
 .react-date-picker__inputGroup__input {
   padding-top: 0;
-  padding-bottom: 0
+  padding-bottom: 0;
 }
 
+/* animations */
 .slideInBottom {
-  animation-duration: .3s;
+  animation-duration: 0.3s;
   animation-fill-mode: both;
-  animation-name: slideInBottom
+  animation-name: slideInBottom;
 }
 
 @keyframes slideInBottom {
-  0% {
-      opacity: 0;
-      transform: translateY(30%);
-      pointer-events: none
+  from {
+    opacity: 0;
+    transform: translateY(30%);
+    pointer-events: none;
   }
-
   to {
-      opacity: 1;
-      pointer-events: auto
+    opacity: 1;
+    pointer-events: auto;
   }
 }
 
+/* animations */
 .slideInTop {
-  animation-duration: .3s;
+  animation-duration: 0.3s;
   animation-fill-mode: both;
-  animation-name: slideInTop
+  animation-name: slideInTop;
 }
 
 @keyframes slideInTop {
-  0% {
-      opacity: 0;
-      transform: translateY(-20%);
-      pointer-events: none
+  from {
+    opacity: 0;
+    transform: translateY(-20%);
+    pointer-events: none;
   }
-
   to {
-      opacity: 1;
-      pointer-events: auto;
-      transform: translateY(0)
+    opacity: 1;
+    pointer-events: auto;
+    transform: translateY(0%);
   }
 }
 
 .fadeIn {
-  animation-duration: .3s;
+  animation-duration: 0.3s;
   animation-fill-mode: both;
   animation-name: fadeIn;
-  animation-timing-function: ease-in-out
+  animation-timing-function: ease-in-out;
 }
 
 @keyframes fadeIn {
-  0% {
-      opacity: 0
+  from {
+    opacity: 0;
   }
-
   to {
-      opacity: 1
+    opacity: 1;
   }
 }
 
-@supports(-webkit-touch-callout:none) {
+/**
+ * Makes sure h-screen works on mobile Safari. By default h-screen
+ * does not take into account the height of the address bar, causing
+ * weird behaviour when scrolling — sometimes the height will be correct
+ * and sometimes it won't, depending on whether the address bar is
+ * in 'collapsed' state or not.
+ * @see: https://benborgers.com/posts/tailwind-h-screen
+ */
+@supports (-webkit-touch-callout: none) {
   .h-screen {
-      height: -webkit-fill-available
+    height: -webkit-fill-available;
   }
 }
 
 ::-webkit-search-cancel-button {
-  -webkit-appearance: none
+  -webkit-appearance: none;
 }
 
-.react-tel-input .country-list .country.highlight,.react-tel-input .country-list .country:hover {
-  background-color: var(--cal-bg-emphasis)!important
+.react-tel-input .country-list .country:hover,
+.react-tel-input .country-list .country.highlight {
+  background-color: var(--cal-bg-emphasis) !important;
 }
 
-.react-tel-input .flag-dropdown .selected-flag,.react-tel-input .flag-dropdown.open .selected-flag {
-  background-color: var(--cal-bg,#fff)!important
+.react-tel-input .flag-dropdown .selected-flag,
+.react-tel-input .flag-dropdown.open .selected-flag {
+  background-color: var(--cal-bg, white) !important;
 }
 
 .react-tel-input .flag-dropdown {
-  left: .125rem;
-  border-top-width: 0!important;
-  border-bottom-width: 0!important;
-  border-left-width: 0!important;
-  border-right-color: var(--cal-border,#d1d5db)!important
-}
-
-.first-letter\:text-xs:first-letter {
-  font-size: .75rem;
-  line-height: 1rem
-}
-
-.selection\:bg-subtle ::-moz-selection {
-  background-color: var(--cal-bg-subtle)
+  left: var(--cal-spacing-0_5);
+  border-top-width: 0px !important;
+  border-bottom-width: 0px !important;
+  border-left-width: 0px !important;
+  border-right-color: var(--cal-border) !important;
 }
 
-.selection\:bg-subtle ::selection {
-  background-color: var(--cal-bg-subtle)
+.intercom-lightweight-app {
+  z-index: 40 !important;
 }
 
-.selection\:bg-subtle::-moz-selection {
-  background-color: var(--cal-bg-subtle)
+[data-radix-popper-content-wrapper] {
+  border: none;
 }
 
-.selection\:bg-subtle::selection {
-  background-color: var(--cal-bg-subtle)
+.first-letter\:text-xs::first-letter {
+  font-size: 0.75rem;
+  line-height: 1rem;
 }
 
 .placeholder\:text-sm::-moz-placeholder {
-  font-size: .875rem;
-  line-height: 1.25rem
+  font-size: 0.875rem;
+  line-height: 1.25rem;
 }
 
 .placeholder\:text-sm::placeholder {
-  font-size: .875rem;
-  line-height: 1.25rem
+  font-size: 0.875rem;
+  line-height: 1.25rem;
 }
 
 .placeholder\:font-normal::-moz-placeholder {
-  font-weight: 400
+  font-weight: 400;
 }
 
 .placeholder\:font-normal::placeholder {
-  font-weight: 400
+  font-weight: 400;
 }
 
 .placeholder\:text-gray-500::-moz-placeholder {
   --tw-text-opacity: 1;
-  color: rgb(107 114 128/var(--tw-text-opacity))
+  color: rgb(107 114 128 / var(--tw-text-opacity));
 }
 
 .placeholder\:text-gray-500::placeholder {
   --tw-text-opacity: 1;
-  color: rgb(107 114 128/var(--tw-text-opacity))
+  color: rgb(107 114 128 / var(--tw-text-opacity));
 }
 
 .placeholder\:text-muted::-moz-placeholder {
-  color: var(--cal-text-muted,#9ca3af)
+  color: var(--cal-text-muted);
 }
 
 .placeholder\:text-muted::placeholder {
-  color: var(--cal-text-muted,#9ca3af)
+  color: var(--cal-text-muted);
 }
 
 .placeholder\:text-subtle::-moz-placeholder {
-  color: var(--cal-text-subtle,#6b7280)
+  color: var(--cal-text-subtle);
 }
 
 .placeholder\:text-subtle::placeholder {
-  color: var(--cal-text-subtle,#6b7280)
+  color: var(--cal-text-subtle);
+}
+
+.before\:pointer-events-none::before {
+  content: var(--tw-content);
+  pointer-events: none;
+}
+
+.before\:absolute::before {
+  content: var(--tw-content);
+  position: absolute;
+}
+
+.before\:inset-0::before {
+  content: var(--tw-content);
+  inset: var(--cal-spacing-0);
+}
+
+.before\:bottom-\[-3px\]::before {
+  content: var(--tw-content);
+  bottom: -3px;
+}
+
+.before\:bottom-\[-5px\]::before {
+  content: var(--tw-content);
+  bottom: -5px;
 }
 
-.before\:pointer-events-none:before {
+.before\:left-\[-24px\]::before {
   content: var(--tw-content);
-  pointer-events: none
+  left: -24px;
 }
 
-.before\:absolute:before {
+.before\:left-\[-30px\]::before {
   content: var(--tw-content);
-  position: absolute
+  left: -30px;
 }
 
-.before\:inset-0:before {
+.before\:top-\[-0\.5rem\]::before {
   content: var(--tw-content);
-  inset: 0
+  top: -0.5rem;
 }
 
-.before\:bottom-\[-3px\]:before {
+.before\:top-\[-3px\]::before {
   content: var(--tw-content);
-  bottom: -3px
+  top: -3px;
 }
 
-.before\:bottom-\[-5px\]:before {
+.before\:top-\[-5px\]::before {
   content: var(--tw-content);
-  bottom: -5px
+  top: -5px;
 }
 
-.before\:left-\[-30px\]:before {
+.before\:h-\[calc\(100\%\+0\.5rem\)\]::before {
   content: var(--tw-content);
-  left: -30px
+  height: calc(100% + 0.5rem);
 }
 
-.before\:top-\[-3px\]:before {
+.before\:w-0::before {
   content: var(--tw-content);
-  top: -3px
+  width: var(--cal-spacing-0);
 }
 
-.before\:top-\[-5px\]:before {
+.before\:w-0\.5::before {
   content: var(--tw-content);
-  top: -5px
+  width: var(--cal-spacing-0_5);
 }
 
-.before\:w-\[calc\(100\%_\+_35px\)\]:before {
+.before\:w-\[calc\(100\%_\+_35px\)\]::before {
   content: var(--tw-content);
-  width: calc(100% + 35px)
+  width: calc(100% + 35px);
 }
 
-.before\:rounded-md:before {
+.before\:rounded-md::before {
   content: var(--tw-content);
-  border-radius: .375rem
+  border-radius: var(--cal-radius-md);
 }
 
-.before\:border-0:before {
+.before\:border-0::before {
   content: var(--tw-content);
-  border-width: 0
+  border-width: 0px;
 }
 
-.before\:bg-default:before {
+.before\:bg-default::before {
   content: var(--tw-content);
-  background-color: var(--cal-bg,#fff)
+  background-color: var(--cal-bg, white);
 }
 
-.before\:bg-subtle:before {
+.before\:bg-subtle::before {
   content: var(--tw-content);
-  background-color: var(--cal-bg-subtle)
+  background-color: var(--cal-bg-subtle);
 }
 
-.before\:py-3:before {
+.before\:py-3::before {
   content: var(--tw-content);
-  padding-top: .75rem;
-  padding-bottom: .75rem
+  padding-top: var(--cal-spacing-3);
+  padding-bottom: var(--cal-spacing-3);
 }
 
-.before\:opacity-0:before {
+.before\:opacity-0::before {
   content: var(--tw-content);
-  opacity: 0
+  opacity: 0;
 }
 
-.before\:transition-opacity:before {
+.before\:transition-opacity::before {
   content: var(--tw-content);
   transition-property: opacity;
-  transition-timing-function: cubic-bezier(.4,0,.2,1);
-  transition-duration: .15s
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
 
-.after\:block:after {
+.before\:content-\[\'\'\]::before {
+  --tw-content: '';
   content: var(--tw-content);
-  display: block
 }
 
-.after\:h-2:after {
+.after\:absolute::after {
   content: var(--tw-content);
-  height: .5rem
+  position: absolute;
 }
 
-.after\:h-\[6px\]:after {
+.after\:left-\[-24px\]::after {
   content: var(--tw-content);
-  height: 6px
+  left: -24px;
 }
 
-.after\:w-2:after {
+.after\:top-\[1\.5rem\]::after {
   content: var(--tw-content);
-  width: .5rem
+  top: 1.5rem;
 }
 
-.after\:w-\[6px\]:after {
+.after\:block::after {
   content: var(--tw-content);
-  width: 6px
+  display: block;
 }
 
-.after\:rounded-full:after {
+.after\:h-2::after {
   content: var(--tw-content);
-  border-radius: 9999px
+  height: var(--cal-spacing-2);
 }
 
-.after\:bg-default:after {
+.after\:h-\[6px\]::after {
   content: var(--tw-content);
-  background-color: var(--cal-bg,#fff)
+  height: 6px;
 }
 
-.after\:bg-inverted:after {
+.after\:h-\[calc\(100\%-1\.5rem\)\]::after {
   content: var(--tw-content);
-  background-color: var(--cal-bg-inverted)
+  height: calc(100% - 1.5rem);
 }
 
-.after\:bg-muted:after {
+.after\:w-0::after {
   content: var(--tw-content);
-  background-color: var(--cal-bg-muted)
+  width: var(--cal-spacing-0);
 }
 
-/* START - Copied from packages/features/calendars/weeklyview/styles/styles.css - START */
-.scheduler-wrapper {
-  --gridDefaultSize: 1.75rem;
-  --hoursInDay: 24;
-  --minuteInHour: 60;
-  --gridMobileSize: 100vw;
-  --calendar-offset-top: 28px;
+.after\:w-0\.5::after {
+  content: var(--tw-content);
+  width: var(--cal-spacing-0_5);
 }
 
-.scheduler-grid-row-template {
-  grid-template-rows: var(--gridMobileSize) repeat(attr(data-gridstoperperday number), var(--gridMobileSize)) auto;
+.after\:w-2::after {
+  content: var(--tw-content);
+  width: var(--cal-spacing-2);
 }
 
-@media (min-width: 640px) {
-  .scheduler-grid-row-template {
-    grid-template-rows: var(--gridDefaultSize) repeat(
-        attr(data-gridstoperperday number),
-        var(--gridDefaultSize)
-      ) auto;
-  }
+.after\:w-\[6px\]::after {
+  content: var(--tw-content);
+  width: 6px;
+}
+
+.after\:rounded-full::after {
+  content: var(--tw-content);
+  border-radius: var(--cal-radius-full);
+}
+
+.after\:bg-default::after {
+  content: var(--tw-content);
+  background-color: var(--cal-bg, white);
+}
+
+.after\:bg-inverted::after {
+  content: var(--tw-content);
+  background-color: var(--cal-bg-inverted);
+}
+
+.after\:bg-muted::after {
+  content: var(--tw-content);
+  background-color: var(--cal-bg-muted);
+}
+
+.after\:bg-subtle::after {
+  content: var(--tw-content);
+  background-color: var(--cal-bg-subtle);
+}
+
+.after\:content-\[\'\'\]::after {
+  --tw-content: '';
+  content: var(--tw-content);
+}
+
+.first\:mt-0:first-child {
+  margin-top: var(--cal-spacing-0);
+}
+
+.first\:rounded-t-md:first-child {
+  border-top-left-radius: var(--cal-radius-md);
+  border-top-right-radius: var(--cal-radius-md);
+}
+
+.last\:mb-0:last-child {
+  margin-bottom: var(--cal-spacing-0);
+}
+
+.last\:mb-2:last-child {
+  margin-bottom: var(--cal-spacing-2);
+}
+
+.last\:mr-0:last-child {
+  margin-right: var(--cal-spacing-0);
+}
+
+.last\:rounded-b-md:last-child {
+  border-bottom-right-radius: var(--cal-radius-md);
+  border-bottom-left-radius: var(--cal-radius-md);
+}
+
+.last\:border-b-0:last-child {
+  border-bottom-width: 0px;
+}
+
+.last\:pb-0:last-child {
+  padding-bottom: var(--cal-spacing-0);
+}
+
+.last\:font-medium:last-child {
+  font-weight: 500;
+}
+
+.only\:w-full:only-child {
+  width: 100%;
+}
+
+.first-of-type\:rounded-t-\[inherit\]:first-of-type {
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+
+.last-of-type\:rounded-b-\[inherit\]:last-of-type {
+  border-bottom-right-radius: inherit;
+  border-bottom-left-radius: inherit;
+}
+
+.visited\:text-blue-500:visited {
+  color: rgb(59 130 246 );
+}
+
+.checked\:bg-brand-default:checked {
+  background-color: var(--cal-brand,#111827);
+}
+
+.checked\:bg-darkerror:checked {
+  background-color: var(--cal-bg-dark-error);
+}
+
+.checked\:bg-gray-300:checked {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
+}
+
+.checked\:bg-gray-800:checked {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+}
+
+.empty\:before\:inline-block:empty::before {
+  content: var(--tw-content);
+  display: inline-block;
+}
+
+.empty\:before\:content-\[\'\'\]:empty::before {
+  --tw-content: '';
+  content: var(--tw-content);
+}
+
+.focus-within\:relative:focus-within {
+  position: relative;
+}
+
+.focus-within\:z-20:focus-within {
+  z-index: 20;
+}
+
+.focus-within\:border-emphasis:focus-within {
+  border-color: var(--cal-border-emphasis);
+}
+
+.focus-within\:bg-subtle:focus-within {
+  background-color: var(--cal-bg-subtle);
+}
+
+.focus-within\:outline-none:focus-within {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.focus-within\:ring-0:focus-within {
+  --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(0px + 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-within\:ring-2:focus-within {
+  --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-within\:ring-brand-default:focus-within {
+  --tw-ring-color: var(--cal-brand,#111827);
+}
+
+.focus-within\:ring-emphasis:focus-within {
+  --tw-ring-color: var(--cal-bg-emphasis);
+}
+
+.focus-within\:ring-offset-2:focus-within {
+  --tw-ring-offset-width: 2px;
+}
+
+.focus\:z-10:focus {
+  z-index: 10;
+}
+
+.focus\:border:focus {
+  border-width: 1px;
+}
+
+.focus\:border-0:focus {
+  border-width: 0px;
+}
+
+.focus\:border-2:focus {
+  border-width: 2px;
+}
+
+.focus\:border-r:focus {
+  border-right-width: 1px;
+}
+
+.focus\:border-black:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(17 17 17 / var(--tw-border-opacity));
+}
+
+.focus\:border-brand-default:focus {
+  border-color: var(--cal-brand,#111827);
+}
+
+.focus\:border-emphasis:focus {
+  border-color: var(--cal-border-emphasis);
+}
+
+.focus\:border-gray-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(31 41 55 / var(--tw-border-opacity));
+}
+
+.focus\:border-neutral-300:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(212 212 212 / var(--tw-border-opacity));
+}
+
+.focus\:border-neutral-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(115 115 115 / var(--tw-border-opacity));
+}
+
+.focus\:border-neutral-800:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(38 38 38 / var(--tw-border-opacity));
+}
+
+.focus\:border-neutral-900:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(23 23 23 / var(--tw-border-opacity));
+}
+
+.focus\:border-orange-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(251 146 60 / var(--tw-border-opacity));
+}
+
+.focus\:border-red-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity));
+}
+
+.focus\:border-subtle:focus {
+  border-color: var(--cal-border-subtle);
+}
+
+.focus\:\!bg-transparent:focus {
+  background-color: transparent !important;
+}
+
+.focus\:bg-default:focus {
+  background-color: var(--cal-bg, white);
+}
+
+.focus\:bg-emphasis:focus {
+  background-color: var(--cal-bg-emphasis);
+}
+
+.focus\:bg-muted:focus {
+  background-color: var(--cal-bg-muted);
+}
+
+.focus\:bg-subtle:focus {
+  background-color: var(--cal-bg-subtle);
+}
+
+.focus\:text-emphasis:focus {
+  color: var(--cal-text-emphasis);
+}
+
+.focus\:opacity-100:focus {
+  opacity: 1;
+}
+
+.focus\:\!outline-none:focus {
+  outline: 2px solid transparent !important;
+  outline-offset: 2px !important;
+}
+
+.focus\:outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.focus\:\!ring-0:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
+}
+
+.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-0: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(0px + 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-amber-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-amber-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-amber-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-amber-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-amber-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 251 235 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-amber-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-amber-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(217 119 6 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-amber-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(180 83 9 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-amber-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(146 64 14 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-amber-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(120 53 15 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-black:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(17 17 17 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(239 246 255 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-blue-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(30 58 138 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-brand-default:focus {
+  --tw-ring-color: var(--cal-brand,#111827);
+}
+
+.focus\:ring-cyan-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(207 250 254 / 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-cyan-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(34 211 238 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-cyan-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(236 254 255 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-cyan-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-cyan-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(8 145 178 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-cyan-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(14 116 144 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-cyan-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(21 94 117 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-cyan-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(22 78 99 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-emerald-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(209 250 229 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-emerald-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-emerald-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-emerald-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-emerald-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(236 253 245 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-emerald-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-emerald-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(5 150 105 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-emerald-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-emerald-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(6 95 70 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-emerald-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(6 78 59 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-emphasis:focus {
+  --tw-ring-color: var(--cal-bg-emphasis);
+}
+
+.focus\:ring-fuchsia-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(250 232 255 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-fuchsia-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(245 208 254 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-fuchsia-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(240 171 252 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-fuchsia-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(232 121 249 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-fuchsia-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(253 244 255 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-fuchsia-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(217 70 239 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-fuchsia-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(192 38 211 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-fuchsia-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(162 28 175 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-fuchsia-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(134 25 143 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-fuchsia-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(112 26 117 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(243 244 246 / 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-gray-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(249 250 251 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-gray-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(220 252 231 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(187 247 208 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(240 253 244 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(21 128 61 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(22 101 52 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-green-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(20 83 45 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(238 242 255 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(67 56 202 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(55 48 163 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-indigo-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(49 46 129 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-lime-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(236 252 203 / 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-lime-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(163 230 53 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-lime-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(247 254 231 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-lime-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(132 204 22 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-lime-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(101 163 13 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-lime-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(77 124 15 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-lime-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(63 98 18 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-lime-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(54 83 20 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-muted:focus {
+  --tw-ring-color: var(--cal-bg-muted);
+}
+
+.focus\:ring-neutral-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(245 245 245 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-neutral-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(229 229 229 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-neutral-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(212 212 212 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-neutral-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(163 163 163 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-neutral-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(250 250 250 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-neutral-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(115 115 115 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-neutral-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(82 82 82 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-neutral-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(64 64 64 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-neutral-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(38 38 38 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-neutral-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(23 23 23 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-orange-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 237 213 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-orange-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 215 170 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-orange-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(253 186 116 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-orange-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-orange-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 247 237 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-orange-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-orange-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(234 88 12 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-orange-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(194 65 12 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-orange-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(154 52 18 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-orange-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(124 45 18 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(252 231 243 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(251 207 232 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(249 168 212 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(244 114 182 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(253 242 248 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(236 72 153 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(219 39 119 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(190 24 93 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-pink-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(131 24 67 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(243 232 255 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(233 213 255 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(216 180 254 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(250 245 255 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(147 51 234 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(126 34 206 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(107 33 168 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-purple-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(88 28 135 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 226 226 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 242 242 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-red-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(127 29 29 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-rose-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 228 230 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-rose-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 205 211 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-rose-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(253 164 175 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-rose-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(251 113 133 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-rose-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 241 242 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-rose-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-rose-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(225 29 72 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-rose-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(190 18 60 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-rose-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(159 18 57 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-rose-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(136 19 55 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-sky-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-sky-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(186 230 253 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-sky-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(125 211 252 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-sky-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(56 189 248 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-sky-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(240 249 255 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-sky-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-sky-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(2 132 199 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-sky-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(3 105 161 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-sky-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(7 89 133 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-sky-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(12 74 110 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-slate-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-slate-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-slate-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-slate-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-slate-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(248 250 252 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-slate-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-slate-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-slate-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-slate-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(30 41 59 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-slate-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-stone-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(245 245 244 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-stone-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(231 229 228 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-stone-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(214 211 209 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-stone-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(168 162 158 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-stone-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(250 250 249 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-stone-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(120 113 108 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-stone-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(87 83 78 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-stone-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(68 64 60 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-stone-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(41 37 36 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-stone-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(28 25 23 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-teal-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(204 251 241 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-teal-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(153 246 228 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-teal-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(94 234 212 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-teal-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(45 212 191 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-teal-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(240 253 250 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-teal-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-teal-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(13 148 136 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-teal-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(15 118 110 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-teal-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(17 94 89 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-teal-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(19 78 74 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-transparent:focus {
+  --tw-ring-color: transparent;
+}
+
+.focus\:ring-violet-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(237 233 254 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-violet-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(221 214 254 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-violet-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(196 181 253 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-violet-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(167 139 250 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-violet-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(245 243 255 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-violet-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-violet-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(124 58 237 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-violet-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(109 40 217 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-violet-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(91 33 182 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-violet-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(76 29 149 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-white:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 249 195 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 240 138 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(253 224 71 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 252 232 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(202 138 4 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(161 98 7 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(133 77 14 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-yellow-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(113 63 18 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-zinc-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(244 244 245 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-zinc-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(228 228 231 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-zinc-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(212 212 216 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-zinc-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(161 161 170 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-zinc-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(250 250 250 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-zinc-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(113 113 122 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-zinc-600:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(82 82 91 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-zinc-700:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(63 63 70 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-zinc-800:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(39 39 42 / var(--tw-ring-opacity));
+}
+
+.focus\:ring-zinc-900:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(24 24 27 / var(--tw-ring-opacity));
+}
+
+.focus\:\!ring-offset-0:focus {
+  --tw-ring-offset-width: 0px !important;
+}
+
+.focus\:ring-offset-0:focus {
+  --tw-ring-offset-width: 0px;
+}
+
+.focus\:ring-offset-1:focus {
+  --tw-ring-offset-width: 1px;
+}
+
+.focus\:ring-offset-2:focus {
+  --tw-ring-offset-width: 2px;
+}
+
+.focus-visible\:border-red-100:focus-visible {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 226 226 / var(--tw-border-opacity));
+}
+
+.focus-visible\:bg-error:focus-visible {
+  background-color: var(--cal-bg-error);
+}
+
+.focus-visible\:bg-subtle:focus-visible {
+  background-color: var(--cal-bg-subtle);
+}
+
+.focus-visible\:bg-transparent:focus-visible {
+  background-color: transparent;
+}
+
+.focus-visible\:text-red-700:focus-visible {
+  --tw-text-opacity: 1;
+  color: rgb(185 28 28 / var(--tw-text-opacity));
+}
+
+.focus-visible\:outline-none:focus-visible {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.focus-visible\:outline-2:focus-visible {
+  outline-width: 2px;
+}
+
+.focus-visible\:ring-2:focus-visible {
+  --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-visible\:ring-brand-default:focus-visible {
+  --tw-ring-color: var(--cal-brand,#111827);
+}
+
+.focus-visible\:ring-red-700:focus-visible {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity));
+}
+
+.focus-visible\:ring-offset-2:focus-visible {
+  --tw-ring-offset-width: 2px;
+}
+
+.disabled\:pointer-events-none:disabled {
+  pointer-events: none;
+}
+
+.disabled\:cursor-default:disabled {
+  cursor: default;
+}
+
+.disabled\:cursor-not-allowed:disabled {
+  cursor: not-allowed;
+}
+
+.disabled\:border-red-200:disabled {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 202 202 / var(--tw-border-opacity));
+}
+
+.disabled\:border-subtle:disabled {
+  border-color: var(--cal-border-subtle);
+}
+
+.disabled\:border-transparent:disabled {
+  border-color: transparent;
+}
+
+.disabled\:bg-brand-subtle:disabled {
+  background-color: var(--cal-brand-subtle,#9CA3AF);
+}
+
+.disabled\:bg-emphasis:disabled {
+  background-color: var(--cal-bg-emphasis);
+}
+
+.disabled\:bg-gray-200:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+}
+
+.disabled\:bg-red-100:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
+}
+
+.disabled\:bg-subtle:disabled {
+  background-color: var(--cal-bg-subtle);
+}
+
+.disabled\:bg-transparent:disabled {
+  background-color: transparent;
+}
+
+.disabled\:bg-opacity-30:disabled {
+  --tw-bg-opacity: 0.3;
+}
+
+.disabled\:font-light:disabled {
+  font-weight: 300;
+}
+
+.disabled\:text-muted:disabled {
+  color: var(--cal-text-muted);
+}
+
+.disabled\:text-red-700:disabled {
+  --tw-text-opacity: 1;
+  color: rgb(185 28 28 / var(--tw-text-opacity));
+}
+
+.disabled\:opacity-30:disabled {
+  opacity: 0.3;
+}
+
+.disabled\:opacity-40:disabled {
+  opacity: 0.4;
+}
+
+.disabled\:opacity-50:disabled {
+  opacity: 0.5;
+}
+
+.group\/booking_status_email:hover .group-hover\/booking_status_email\:visible {
+  visibility: visible;
+}
+
+.group:hover .group-hover\:visible {
+  visibility: visible;
+}
+
+.group:hover .group-hover\:flex {
+  display: flex;
+}
+
+.group:hover .group-hover\:inline-flex {
+  display: inline-flex;
+}
+
+.group:hover .group-hover\:scale-100 {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.group:hover .group-hover\:cursor-pointer {
+  cursor: pointer;
+}
+
+.group:hover .group-hover\:border-emphasis {
+  border-color: var(--cal-border-emphasis);
+}
+
+.group\/remove:hover .group-hover\/remove\:bg-inverted {
+  background-color: var(--cal-bg-inverted);
+}
+
+.group:hover .group-hover\:\!bg-muted {
+  background-color: var(--cal-bg-muted) !important;
+}
+
+.group:hover .group-hover\:bg-blue-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(147 197 253 / var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-opacity-40 {
+  --tw-bg-opacity: 0.4;
+}
+
+.group\/remove:hover .group-hover\/remove\:text-inverted {
+  color: var(--cal-text-inverted);
+}
+
+.group:hover .group-hover\:text-default {
+  color: var(--cal-text);
+}
+
+.group:hover .group-hover\:text-emphasis {
+  color: var(--cal-text-emphasis);
+}
+
+.group:hover .group-hover\:text-subtle {
+  color: var(--cal-text-subtle);
+}
+
+.group:hover .group-hover\:opacity-100 {
+  opacity: 1;
+}
+
+.group:active .group-active\:translate-y-\[0\.5px\] {
+  --tw-translate-y: 0.5px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.group.destructive .group-\[\.destructive\]\:text-red-300 {
+  --tw-text-opacity: 1;
+  color: rgb(252 165 165 / var(--tw-text-opacity));
+}
+
+.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
+}
+
+.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
+  --tw-ring-offset-color: #dc2626;
+}
+
+.peer:checked ~ .peer-checked\:text-emphasis {
+  color: var(--cal-text-emphasis);
+}
+
+.peer:checked ~ .peer-checked\: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);
+}
+
+.peer:disabled ~ .peer-disabled\:opacity-50 {
+  opacity: 0.5;
+}
+
+.aria-checked\:bg-emphasis[aria-checked="true"] {
+  background-color: var(--cal-bg-emphasis);
+}
+
+.aria-selected\:bg-emphasis[aria-selected="true"] {
+  background-color: var(--cal-bg-emphasis);
+}
+
+.aria-selected\:bg-muted[aria-selected="true"] {
+  background-color: var(--cal-bg-muted);
+}
+
+.aria-selected\:bg-subtle[aria-selected="true"] {
+  background-color: var(--cal-bg-subtle);
+}
+
+.aria-selected\:text-emphasis[aria-selected="true"] {
+  color: var(--cal-text-emphasis);
+}
+
+.aria-selected\:opacity-100[aria-selected="true"] {
+  opacity: 1;
+}
+
+.data-\[disabled\]\:pointer-events-none[data-disabled] {
+  pointer-events: none;
+}
+
+.data-\[state\=checked\]\:translate-x-3[data-state=checked] {
+  --tw-translate-x: var(--cal-spacing-3);
+  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));
+}
+
+.data-\[state\=checked\]\:translate-x-5[data-state=checked] {
+  --tw-translate-x: var(--cal-spacing-5);
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
+  --tw-translate-x: var(--cal-spacing-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));
+}
+
+.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel] {
+  --tw-translate-x: var(--cal-spacing-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));
+}
+
+.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
+  --tw-translate-x: var(--radix-toast-swipe-end-x);
+  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));
+}
+
+.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] {
+  --tw-translate-x: var(--radix-toast-swipe-move-x);
+  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));
+}
+
+.data-\[state\=checked\]\:bg-brand-accent[data-state=checked] {
+  background-color: var(--cal-brand-accent,white);
+}
+
+.data-\[state\=checked\]\:bg-brand-default[data-state=checked] {
+  background-color: var(--cal-brand,#111827);
+}
+
+.data-\[state\=selected\]\:bg-subtle[data-state=selected] {
+  background-color: var(--cal-bg-subtle);
+}
+
+.data-\[state\=unchecked\]\:bg-emphasis[data-state=unchecked] {
+  background-color: var(--cal-bg-emphasis);
+}
+
+.data-\[state\=checked\]\:text-brand[data-state=checked] {
+  color: var(--cal-brand-text);
+}
+
+.data-\[disabled\]\:opacity-50[data-disabled] {
+  opacity: 0.5;
+}
+
+.data-\[swipe\=move\]\:transition-none[data-swipe=move] {
+  transition-property: none;
+}
+
+.data-\[state\=open\]\:animate-in[data-state=open] {
+  animation-name: enter;
+  animation-duration: 150ms;
+  --tw-enter-opacity: initial;
+  --tw-enter-scale: initial;
+  --tw-enter-rotate: initial;
+  --tw-enter-translate-x: initial;
+  --tw-enter-translate-y: initial;
+}
+
+.data-\[state\=closed\]\:animate-out[data-state=closed] {
+  animation-name: exit;
+  animation-duration: 150ms;
+  --tw-exit-opacity: initial;
+  --tw-exit-scale: initial;
+  --tw-exit-rotate: initial;
+  --tw-exit-translate-x: initial;
+  --tw-exit-translate-y: initial;
+}
+
+.data-\[swipe\=end\]\:animate-out[data-swipe=end] {
+  animation-name: exit;
+  animation-duration: 150ms;
+  --tw-exit-opacity: initial;
+  --tw-exit-scale: initial;
+  --tw-exit-rotate: initial;
+  --tw-exit-translate-x: initial;
+  --tw-exit-translate-y: initial;
+}
+
+.data-\[state\=closed\]\:fade-out-0[data-state=closed] {
+  --tw-exit-opacity: 0;
+}
+
+.data-\[state\=closed\]\:fade-out-80[data-state=closed] {
+  --tw-exit-opacity: 0.8;
+}
+
+.data-\[state\=open\]\:fade-in-0[data-state=open] {
+  --tw-enter-opacity: 0;
+}
+
+.data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
+  --tw-exit-scale: .95;
+}
+
+.data-\[state\=open\]\:zoom-in-95[data-state=open] {
+  --tw-enter-scale: .95;
+}
+
+.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
+  --tw-enter-translate-y: -var(--cal-spacing-2);
+}
+
+.data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
+  --tw-enter-translate-x: var(--cal-spacing-2);
+}
+
+.data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
+  --tw-enter-translate-x: -var(--cal-spacing-2);
+}
+
+.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
+  --tw-enter-translate-y: var(--cal-spacing-2);
+}
+
+.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
+  --tw-exit-translate-x: -50%;
+}
+
+.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed] {
+  --tw-exit-translate-x: 100%;
+}
+
+.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] {
+  --tw-exit-translate-y: -48%;
+}
+
+.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
+  --tw-enter-translate-x: -50%;
+}
+
+.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] {
+  --tw-enter-translate-y: -48%;
+}
+
+.data-\[state\=open\]\:slide-in-from-top-full[data-state=open] {
+  --tw-enter-translate-y: -100%;
+}
+
+.group[data-state=selected] .group-data-\[state\=selected\]\:bg-subtle {
+  background-color: var(--cal-bg-subtle);
+}
+
+html.todesktop .todesktop\:-mt-3 {
+  margin-top: calc(var(--cal-spacing-3) * -1);
+}
+
+html.todesktop .todesktop\:mt-10 {
+  margin-top: var(--cal-spacing-10);
+}
+
+html.todesktop .todesktop\:mt-4 {
+  margin-top: var(--cal-spacing-4);
+}
+
+html.todesktop .todesktop\:block {
+  display: block;
+}
+
+html.todesktop .todesktop\:hidden {
+  display: none;
+}
+
+html.todesktop .todesktop\:flex-col-reverse {
+  flex-direction: column-reverse;
+}
+
+html.todesktop .todesktop\:\!bg-transparent {
+  background-color: transparent !important;
+}
+
+html.todesktop .todesktop\:py-\[7px\] {
+  padding-top: 7px;
+  padding-bottom: 7px;
+}
+
+html.todesktop .todesktop\:\!text-blue-500 {
+  --tw-text-opacity: 1 !important;
+  color: rgb(59 130 246 / var(--tw-text-opacity)) !important;
+}
+
+html.todesktop .todesktop\:\[-webkit-app-region\:drag\] {
+  -webkit-app-region: drag;
+}
+
+.prose-headings\:text-emphasis :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"] *))) {
+  color: var(--cal-text-emphasis);
+}
+
+.prose-h3\:font-cal :is(:where(h3):not(:where([class~="not-prose"] *))) {
+  font-family: var(--font-cal), ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+}
+
+.prose-h3\:text-white :is(:where(h3):not(:where([class~="not-prose"] *))) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.prose-a\:text-default :is(:where(a):not(:where([class~="not-prose"] *))) {
+  color: var(--cal-text);
+}
+
+.prose-a\:text-white :is(:where(a):not(:where([class~="not-prose"] *))) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.prose-strong\:text-default :is(:where(strong):not(:where([class~="not-prose"] *))) {
+  color: var(--cal-text);
+}
+
+.prose-code\:text-default :is(:where(code):not(:where([class~="not-prose"] *))) {
+  color: var(--cal-text);
+}
+
+.hover\:-mt-px:hover {
+  margin-top: calc(var(--cal-spacing-px) * -1);
+}
+
+.hover\:cursor-default:hover {
+  cursor: default;
+}
+
+.hover\:cursor-not-allowed:hover {
+  cursor: not-allowed;
+}
+
+.hover\:cursor-pointer:hover {
+  cursor: pointer;
+}
+
+.hover\:rounded-md:hover {
+  border-radius: var(--cal-radius-md);
+}
+
+.hover\:border:hover {
+  border-width: 1px;
+}
+
+.hover\:border-b-2:hover {
+  border-bottom-width: 2px;
+}
+
+.hover\:border-amber-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 243 199 / var(--tw-border-opacity));
+}
+
+.hover\:border-amber-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(253 230 138 / var(--tw-border-opacity));
+}
+
+.hover\:border-amber-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(252 211 77 / var(--tw-border-opacity));
+}
+
+.hover\:border-amber-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(251 191 36 / var(--tw-border-opacity));
+}
+
+.hover\:border-amber-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 251 235 / var(--tw-border-opacity));
+}
+
+.hover\:border-amber-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(245 158 11 / var(--tw-border-opacity));
+}
+
+.hover\:border-amber-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(217 119 6 / var(--tw-border-opacity));
+}
+
+.hover\:border-amber-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(180 83 9 / var(--tw-border-opacity));
+}
+
+.hover\:border-amber-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(146 64 14 / var(--tw-border-opacity));
+}
+
+.hover\:border-amber-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(120 53 15 / var(--tw-border-opacity));
+}
+
+.hover\:border-black:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(17 17 17 / var(--tw-border-opacity));
+}
+
+.hover\:border-blue-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(219 234 254 / var(--tw-border-opacity));
+}
+
+.hover\:border-blue-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(191 219 254 / var(--tw-border-opacity));
+}
+
+.hover\:border-blue-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(147 197 253 / var(--tw-border-opacity));
+}
+
+.hover\:border-blue-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(96 165 250 / var(--tw-border-opacity));
+}
+
+.hover\:border-blue-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 246 255 / var(--tw-border-opacity));
+}
+
+.hover\:border-blue-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(59 130 246 / var(--tw-border-opacity));
+}
+
+.hover\:border-blue-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(37 99 235 / var(--tw-border-opacity));
+}
+
+.hover\:border-blue-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(29 78 216 / var(--tw-border-opacity));
+}
+
+.hover\:border-blue-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(30 64 175 / var(--tw-border-opacity));
+}
+
+.hover\:border-blue-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(30 58 138 / var(--tw-border-opacity));
+}
+
+.hover\:border-brand-default:hover {
+  border-color: var(--cal-brand,#111827);
+}
+
+.hover\:border-cyan-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(207 250 254 / var(--tw-border-opacity));
+}
+
+.hover\:border-cyan-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(165 243 252 / var(--tw-border-opacity));
+}
+
+.hover\:border-cyan-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(103 232 249 / var(--tw-border-opacity));
+}
+
+.hover\:border-cyan-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(34 211 238 / var(--tw-border-opacity));
+}
+
+.hover\:border-cyan-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(236 254 255 / var(--tw-border-opacity));
+}
+
+.hover\:border-cyan-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(6 182 212 / var(--tw-border-opacity));
+}
+
+.hover\:border-cyan-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(8 145 178 / var(--tw-border-opacity));
+}
+
+.hover\:border-cyan-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(14 116 144 / var(--tw-border-opacity));
+}
+
+.hover\:border-cyan-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(21 94 117 / var(--tw-border-opacity));
+}
+
+.hover\:border-cyan-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(22 78 99 / var(--tw-border-opacity));
+}
+
+.hover\:border-default:hover {
+  border-color: var(--cal-border);
+}
+
+.hover\:border-emerald-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(209 250 229 / var(--tw-border-opacity));
+}
+
+.hover\:border-emerald-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(167 243 208 / var(--tw-border-opacity));
+}
+
+.hover\:border-emerald-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(110 231 183 / var(--tw-border-opacity));
+}
+
+.hover\:border-emerald-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(52 211 153 / var(--tw-border-opacity));
+}
+
+.hover\:border-emerald-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(236 253 245 / var(--tw-border-opacity));
+}
+
+.hover\:border-emerald-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(16 185 129 / var(--tw-border-opacity));
+}
+
+.hover\:border-emerald-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(5 150 105 / var(--tw-border-opacity));
+}
+
+.hover\:border-emerald-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(4 120 87 / var(--tw-border-opacity));
+}
+
+.hover\:border-emerald-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(6 95 70 / var(--tw-border-opacity));
+}
+
+.hover\:border-emerald-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(6 78 59 / var(--tw-border-opacity));
+}
+
+.hover\:border-emphasis:hover {
+  border-color: var(--cal-border-emphasis);
+}
+
+.hover\:border-error:hover {
+  border-color: var(--cal-border-error);
+}
+
+.hover\:border-fuchsia-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(250 232 255 / var(--tw-border-opacity));
+}
+
+.hover\:border-fuchsia-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(245 208 254 / var(--tw-border-opacity));
+}
+
+.hover\:border-fuchsia-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(240 171 252 / var(--tw-border-opacity));
+}
+
+.hover\:border-fuchsia-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(232 121 249 / var(--tw-border-opacity));
+}
+
+.hover\:border-fuchsia-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(253 244 255 / var(--tw-border-opacity));
+}
+
+.hover\:border-fuchsia-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(217 70 239 / var(--tw-border-opacity));
+}
+
+.hover\:border-fuchsia-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(192 38 211 / var(--tw-border-opacity));
+}
+
+.hover\:border-fuchsia-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(162 28 175 / var(--tw-border-opacity));
+}
+
+.hover\:border-fuchsia-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(134 25 143 / var(--tw-border-opacity));
+}
+
+.hover\:border-fuchsia-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(112 26 117 / var(--tw-border-opacity));
+}
+
+.hover\:border-gray-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(243 244 246 / var(--tw-border-opacity));
+}
+
+.hover\:border-gray-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / 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-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(156 163 175 / var(--tw-border-opacity));
+}
+
+.hover\:border-gray-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(249 250 251 / var(--tw-border-opacity));
+}
+
+.hover\:border-gray-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(107 114 128 / 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-gray-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(55 65 81 / var(--tw-border-opacity));
+}
+
+.hover\:border-gray-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(31 41 55 / var(--tw-border-opacity));
+}
+
+.hover\:border-gray-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(17 24 39 / var(--tw-border-opacity));
+}
+
+.hover\:border-green-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(220 252 231 / var(--tw-border-opacity));
+}
+
+.hover\:border-green-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(187 247 208 / var(--tw-border-opacity));
+}
+
+.hover\:border-green-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(134 239 172 / var(--tw-border-opacity));
+}
+
+.hover\:border-green-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(74 222 128 / var(--tw-border-opacity));
+}
+
+.hover\:border-green-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(240 253 244 / var(--tw-border-opacity));
+}
+
+.hover\:border-green-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(34 197 94 / var(--tw-border-opacity));
+}
+
+.hover\:border-green-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(22 163 74 / var(--tw-border-opacity));
+}
+
+.hover\:border-green-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(21 128 61 / var(--tw-border-opacity));
+}
+
+.hover\:border-green-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(22 101 52 / var(--tw-border-opacity));
+}
+
+.hover\:border-green-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(20 83 45 / var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(224 231 255 / var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(199 210 254 / var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(165 180 252 / var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(129 140 248 / var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(238 242 255 / var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(99 102 241 / var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(79 70 229 / var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(67 56 202 / var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(55 48 163 / var(--tw-border-opacity));
+}
+
+.hover\:border-indigo-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(49 46 129 / var(--tw-border-opacity));
+}
+
+.hover\:border-lime-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(236 252 203 / var(--tw-border-opacity));
+}
+
+.hover\:border-lime-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(217 249 157 / var(--tw-border-opacity));
+}
+
+.hover\:border-lime-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(190 242 100 / var(--tw-border-opacity));
+}
+
+.hover\:border-lime-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(163 230 53 / var(--tw-border-opacity));
+}
+
+.hover\:border-lime-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(247 254 231 / var(--tw-border-opacity));
+}
+
+.hover\:border-lime-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(132 204 22 / var(--tw-border-opacity));
+}
+
+.hover\:border-lime-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(101 163 13 / var(--tw-border-opacity));
+}
+
+.hover\:border-lime-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(77 124 15 / var(--tw-border-opacity));
+}
+
+.hover\:border-lime-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(63 98 18 / var(--tw-border-opacity));
+}
+
+.hover\:border-lime-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(54 83 20 / var(--tw-border-opacity));
+}
+
+.hover\:border-neutral-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(245 245 245 / var(--tw-border-opacity));
+}
+
+.hover\:border-neutral-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 229 229 / var(--tw-border-opacity));
+}
+
+.hover\:border-neutral-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(212 212 212 / var(--tw-border-opacity));
+}
+
+.hover\:border-neutral-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(163 163 163 / var(--tw-border-opacity));
+}
+
+.hover\:border-neutral-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(250 250 250 / var(--tw-border-opacity));
+}
+
+.hover\:border-neutral-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(115 115 115 / var(--tw-border-opacity));
+}
+
+.hover\:border-neutral-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(82 82 82 / var(--tw-border-opacity));
+}
+
+.hover\:border-neutral-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(64 64 64 / var(--tw-border-opacity));
+}
+
+.hover\:border-neutral-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(38 38 38 / var(--tw-border-opacity));
+}
+
+.hover\:border-neutral-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(23 23 23 / var(--tw-border-opacity));
+}
+
+.hover\:border-orange-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 237 213 / var(--tw-border-opacity));
+}
+
+.hover\:border-orange-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 215 170 / var(--tw-border-opacity));
+}
+
+.hover\:border-orange-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(253 186 116 / var(--tw-border-opacity));
+}
+
+.hover\:border-orange-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(251 146 60 / var(--tw-border-opacity));
+}
+
+.hover\:border-orange-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 247 237 / var(--tw-border-opacity));
+}
+
+.hover\:border-orange-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(249 115 22 / var(--tw-border-opacity));
+}
+
+.hover\:border-orange-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(234 88 12 / var(--tw-border-opacity));
+}
+
+.hover\:border-orange-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(194 65 12 / var(--tw-border-opacity));
+}
+
+.hover\:border-orange-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(154 52 18 / var(--tw-border-opacity));
+}
+
+.hover\:border-orange-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(124 45 18 / var(--tw-border-opacity));
+}
+
+.hover\:border-pink-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(252 231 243 / var(--tw-border-opacity));
+}
+
+.hover\:border-pink-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(251 207 232 / var(--tw-border-opacity));
+}
+
+.hover\:border-pink-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(249 168 212 / var(--tw-border-opacity));
+}
+
+.hover\:border-pink-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(244 114 182 / var(--tw-border-opacity));
+}
+
+.hover\:border-pink-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(253 242 248 / var(--tw-border-opacity));
+}
+
+.hover\:border-pink-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(236 72 153 / var(--tw-border-opacity));
+}
+
+.hover\:border-pink-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(219 39 119 / var(--tw-border-opacity));
+}
+
+.hover\:border-pink-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(190 24 93 / var(--tw-border-opacity));
+}
+
+.hover\:border-pink-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(131 24 67 / var(--tw-border-opacity));
+}
+
+.hover\:border-purple-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(243 232 255 / var(--tw-border-opacity));
+}
+
+.hover\:border-purple-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(233 213 255 / var(--tw-border-opacity));
+}
+
+.hover\:border-purple-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(216 180 254 / var(--tw-border-opacity));
+}
+
+.hover\:border-purple-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(192 132 252 / var(--tw-border-opacity));
+}
+
+.hover\:border-purple-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(250 245 255 / var(--tw-border-opacity));
+}
+
+.hover\:border-purple-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(168 85 247 / var(--tw-border-opacity));
+}
+
+.hover\:border-purple-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(147 51 234 / var(--tw-border-opacity));
+}
+
+.hover\:border-purple-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(126 34 206 / var(--tw-border-opacity));
+}
+
+.hover\:border-purple-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(107 33 168 / var(--tw-border-opacity));
+}
+
+.hover\:border-purple-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(88 28 135 / var(--tw-border-opacity));
+}
+
+.hover\:border-red-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 226 226 / var(--tw-border-opacity));
+}
+
+.hover\:border-red-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 202 202 / var(--tw-border-opacity));
+}
+
+.hover\:border-red-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(252 165 165 / var(--tw-border-opacity));
+}
+
+.hover\:border-red-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(248 113 113 / var(--tw-border-opacity));
+}
+
+.hover\:border-red-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 242 242 / var(--tw-border-opacity));
+}
+
+.hover\:border-red-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity));
+}
+
+.hover\:border-red-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(220 38 38 / var(--tw-border-opacity));
+}
+
+.hover\:border-red-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(185 28 28 / var(--tw-border-opacity));
+}
+
+.hover\:border-red-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(153 27 27 / var(--tw-border-opacity));
+}
+
+.hover\:border-red-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(127 29 29 / var(--tw-border-opacity));
+}
+
+.hover\:border-rose-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 228 230 / var(--tw-border-opacity));
+}
+
+.hover\:border-rose-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 205 211 / var(--tw-border-opacity));
+}
+
+.hover\:border-rose-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(253 164 175 / var(--tw-border-opacity));
+}
+
+.hover\:border-rose-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(251 113 133 / var(--tw-border-opacity));
+}
+
+.hover\:border-rose-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 241 242 / var(--tw-border-opacity));
+}
+
+.hover\:border-rose-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(244 63 94 / var(--tw-border-opacity));
+}
+
+.hover\:border-rose-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(225 29 72 / var(--tw-border-opacity));
+}
+
+.hover\:border-rose-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(190 18 60 / var(--tw-border-opacity));
+}
+
+.hover\:border-rose-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(159 18 57 / var(--tw-border-opacity));
+}
+
+.hover\:border-rose-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(136 19 55 / var(--tw-border-opacity));
+}
+
+.hover\:border-sky-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(224 242 254 / var(--tw-border-opacity));
+}
+
+.hover\:border-sky-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(186 230 253 / var(--tw-border-opacity));
+}
+
+.hover\:border-sky-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(125 211 252 / var(--tw-border-opacity));
+}
+
+.hover\:border-sky-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(56 189 248 / var(--tw-border-opacity));
+}
+
+.hover\:border-sky-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(240 249 255 / var(--tw-border-opacity));
+}
+
+.hover\:border-sky-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(14 165 233 / var(--tw-border-opacity));
+}
+
+.hover\:border-sky-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(2 132 199 / var(--tw-border-opacity));
+}
+
+.hover\:border-sky-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(3 105 161 / var(--tw-border-opacity));
+}
+
+.hover\:border-sky-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(7 89 133 / var(--tw-border-opacity));
+}
+
+.hover\:border-sky-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(12 74 110 / var(--tw-border-opacity));
+}
+
+.hover\:border-slate-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(241 245 249 / var(--tw-border-opacity));
+}
+
+.hover\:border-slate-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(226 232 240 / var(--tw-border-opacity));
+}
+
+.hover\:border-slate-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(203 213 225 / var(--tw-border-opacity));
+}
+
+.hover\:border-slate-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(148 163 184 / var(--tw-border-opacity));
+}
+
+.hover\:border-slate-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(248 250 252 / var(--tw-border-opacity));
+}
+
+.hover\:border-slate-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(100 116 139 / var(--tw-border-opacity));
+}
+
+.hover\:border-slate-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(71 85 105 / var(--tw-border-opacity));
+}
+
+.hover\:border-slate-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(51 65 85 / var(--tw-border-opacity));
+}
+
+.hover\:border-slate-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(30 41 59 / var(--tw-border-opacity));
+}
+
+.hover\:border-slate-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(15 23 42 / var(--tw-border-opacity));
+}
+
+.hover\:border-stone-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(245 245 244 / var(--tw-border-opacity));
+}
+
+.hover\:border-stone-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(231 229 228 / var(--tw-border-opacity));
+}
+
+.hover\:border-stone-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(214 211 209 / var(--tw-border-opacity));
+}
+
+.hover\:border-stone-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(168 162 158 / var(--tw-border-opacity));
+}
+
+.hover\:border-stone-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(250 250 249 / var(--tw-border-opacity));
+}
+
+.hover\:border-stone-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(120 113 108 / var(--tw-border-opacity));
+}
+
+.hover\:border-stone-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(87 83 78 / var(--tw-border-opacity));
+}
+
+.hover\:border-stone-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(68 64 60 / var(--tw-border-opacity));
+}
+
+.hover\:border-stone-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(41 37 36 / var(--tw-border-opacity));
+}
+
+.hover\:border-stone-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(28 25 23 / var(--tw-border-opacity));
+}
+
+.hover\:border-teal-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(204 251 241 / var(--tw-border-opacity));
+}
+
+.hover\:border-teal-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(153 246 228 / var(--tw-border-opacity));
+}
+
+.hover\:border-teal-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(94 234 212 / var(--tw-border-opacity));
+}
+
+.hover\:border-teal-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(45 212 191 / var(--tw-border-opacity));
+}
+
+.hover\:border-teal-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(240 253 250 / var(--tw-border-opacity));
+}
+
+.hover\:border-teal-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(20 184 166 / var(--tw-border-opacity));
+}
+
+.hover\:border-teal-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(13 148 136 / var(--tw-border-opacity));
+}
+
+.hover\:border-teal-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(15 118 110 / var(--tw-border-opacity));
+}
+
+.hover\:border-teal-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(17 94 89 / var(--tw-border-opacity));
+}
+
+.hover\:border-teal-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(19 78 74 / var(--tw-border-opacity));
+}
+
+.hover\:border-transparent:hover {
+  border-color: transparent;
+}
+
+.hover\:border-violet-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(237 233 254 / var(--tw-border-opacity));
+}
+
+.hover\:border-violet-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(221 214 254 / var(--tw-border-opacity));
+}
+
+.hover\:border-violet-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(196 181 253 / var(--tw-border-opacity));
+}
+
+.hover\:border-violet-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(167 139 250 / var(--tw-border-opacity));
+}
+
+.hover\:border-violet-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(245 243 255 / var(--tw-border-opacity));
+}
+
+.hover\:border-violet-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(139 92 246 / var(--tw-border-opacity));
+}
+
+.hover\:border-violet-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(124 58 237 / var(--tw-border-opacity));
+}
+
+.hover\:border-violet-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(109 40 217 / var(--tw-border-opacity));
+}
+
+.hover\:border-violet-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(91 33 182 / var(--tw-border-opacity));
+}
+
+.hover\:border-violet-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(76 29 149 / var(--tw-border-opacity));
+}
+
+.hover\:border-white:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 249 195 / var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 240 138 / var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(253 224 71 / var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(250 204 21 / var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 252 232 / var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(234 179 8 / var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(202 138 4 / var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(161 98 7 / var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(133 77 14 / var(--tw-border-opacity));
+}
+
+.hover\:border-yellow-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(113 63 18 / var(--tw-border-opacity));
+}
+
+.hover\:border-zinc-100:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(244 244 245 / var(--tw-border-opacity));
+}
+
+.hover\:border-zinc-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(228 228 231 / var(--tw-border-opacity));
+}
+
+.hover\:border-zinc-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(212 212 216 / var(--tw-border-opacity));
+}
+
+.hover\:border-zinc-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(161 161 170 / var(--tw-border-opacity));
+}
+
+.hover\:border-zinc-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(250 250 250 / var(--tw-border-opacity));
+}
+
+.hover\:border-zinc-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(113 113 122 / var(--tw-border-opacity));
+}
+
+.hover\:border-zinc-600:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(82 82 91 / var(--tw-border-opacity));
+}
+
+.hover\:border-zinc-700:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(63 63 70 / var(--tw-border-opacity));
+}
+
+.hover\:border-zinc-800:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(39 39 42 / var(--tw-border-opacity));
+}
+
+.hover\:border-zinc-900:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(24 24 27 / var(--tw-border-opacity));
+}
+
+.hover\:\!bg-emphasis:hover {
+  background-color: var(--cal-bg-emphasis) !important;
+}
+
+.hover\:\!bg-inverted:hover {
+  background-color: var(--cal-bg-inverted) !important;
+}
+
+.hover\:\!bg-transparent:hover {
+  background-color: transparent !important;
+}
+
+.hover\:bg-amber-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-amber-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 230 138 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-amber-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 211 77 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-amber-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 191 36 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-amber-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 251 235 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-amber-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-amber-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 119 6 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-amber-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(180 83 9 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-amber-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(146 64 14 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-amber-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(120 53 15 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-attention:hover {
+  background-color: var(--cal-bg-attention);
+}
+
+.hover\:bg-black:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 17 17 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(147 197 253 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-blue-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-brand-default:hover {
+  background-color: var(--cal-brand,#111827);
+}
+
+.hover\:bg-brand-emphasis:hover {
+  background-color: var(--cal-brand-emphasis,#101010);
+}
+
+.hover\:bg-cyan-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(207 250 254 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-cyan-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(165 243 252 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-cyan-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(103 232 249 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-cyan-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 211 238 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-cyan-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 254 255 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-cyan-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-cyan-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(8 145 178 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-cyan-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(14 116 144 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-cyan-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(21 94 117 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-cyan-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(22 78 99 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-default:hover {
+  background-color: var(--cal-bg, white);
+}
+
+.hover\:bg-emerald-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-emerald-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(167 243 208 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-emerald-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(110 231 183 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-emerald-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(52 211 153 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-emerald-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 253 245 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-emerald-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(16 185 129 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-emerald-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-emerald-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(4 120 87 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-emerald-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(6 95 70 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-emerald-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(6 78 59 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-emphasis:hover {
+  background-color: var(--cal-bg-emphasis);
+}
+
+.hover\:bg-error:hover {
+  background-color: var(--cal-bg-error);
+}
+
+.hover\:bg-fuchsia-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 232 255 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-fuchsia-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 208 254 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-fuchsia-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 171 252 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-fuchsia-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(232 121 249 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-fuchsia-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 244 255 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-fuchsia-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 70 239 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-fuchsia-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(192 38 211 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-fuchsia-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(162 28 175 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-fuchsia-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(134 25 143 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-fuchsia-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(112 26 117 / 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-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(107 114 128 / 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-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / 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-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(187 247 208 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(134 239 172 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(22 101 52 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-green-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(20 83 45 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(199 210 254 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(165 180 252 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(129 140 248 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(67 56 202 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 48 163 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-indigo-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(49 46 129 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-inverted:hover {
+  background-color: var(--cal-bg-inverted);
+}
+
+.hover\:bg-lime-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 252 203 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-lime-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 249 157 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-lime-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(190 242 100 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-lime-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(163 230 53 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-lime-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(247 254 231 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-lime-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(132 204 22 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-lime-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(101 163 13 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-lime-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(77 124 15 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-lime-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(63 98 18 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-lime-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(54 83 20 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-muted:hover {
+  background-color: var(--cal-bg-muted);
+}
+
+.hover\:bg-neutral-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-neutral-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-neutral-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-neutral-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-neutral-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-neutral-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-neutral-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(82 82 82 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-neutral-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-neutral-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-neutral-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-orange-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-orange-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 215 170 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-orange-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 186 116 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-orange-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 146 60 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-orange-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-orange-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-orange-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-orange-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-orange-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(154 52 18 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-orange-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(124 45 18 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 231 243 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 207 232 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 168 212 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(244 114 182 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 242 248 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 72 153 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 39 119 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(190 24 93 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-pink-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(131 24 67 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 232 255 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(233 213 255 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(216 180 254 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(192 132 252 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 245 255 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(147 51 234 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(126 34 206 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(107 33 168 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-purple-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(88 28 135 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 165 165 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(153 27 27 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-red-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(127 29 29 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-rose-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 228 230 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-rose-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 205 211 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-rose-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 164 175 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-rose-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 113 133 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-rose-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 241 242 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-rose-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(244 63 94 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-rose-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(225 29 72 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-rose-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(190 18 60 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-rose-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(159 18 57 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-rose-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(136 19 55 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-sky-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-sky-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(186 230 253 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-sky-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(125 211 252 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-sky-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(56 189 248 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-sky-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 249 255 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-sky-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-sky-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-sky-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(3 105 161 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-sky-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(7 89 133 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-sky-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(12 74 110 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-slate-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-slate-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-slate-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-slate-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-slate-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-slate-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-slate-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-slate-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-slate-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-slate-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-stone-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 245 244 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-stone-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(231 229 228 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-stone-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-stone-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(168 162 158 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-stone-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 249 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-stone-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(120 113 108 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-stone-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(87 83 78 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-stone-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(68 64 60 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-stone-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(41 37 36 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-stone-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(28 25 23 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-subtle:hover {
+  background-color: var(--cal-bg-subtle);
+}
+
+.hover\:bg-success:hover {
+  background-color: var(--cal-bg-success);
+}
+
+.hover\:bg-teal-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(204 251 241 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-teal-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(153 246 228 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-teal-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(94 234 212 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-teal-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(45 212 191 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-teal-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 253 250 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-teal-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(20 184 166 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-teal-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(13 148 136 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-teal-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 118 110 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-teal-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 94 89 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-teal-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(19 78 74 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-transparent:hover {
+  background-color: transparent;
+}
+
+.hover\:bg-violet-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(237 233 254 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-violet-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(221 214 254 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-violet-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(196 181 253 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-violet-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(167 139 250 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-violet-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 243 255 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-violet-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(139 92 246 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-violet-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(124 58 237 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-violet-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(109 40 217 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-violet-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(91 33 182 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-violet-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(76 29 149 / 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-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 240 138 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 224 71 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(202 138 4 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(161 98 7 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(133 77 14 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-yellow-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(113 63 18 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-zinc-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(244 244 245 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-zinc-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(228 228 231 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-zinc-300:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(212 212 216 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-zinc-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(161 161 170 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-zinc-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-zinc-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(113 113 122 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-zinc-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(82 82 91 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-zinc-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-zinc-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-zinc-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
+}
+
+.hover\:font-normal:hover {
+  font-weight: 400;
+}
+
+.hover\:\!text-inverted:hover {
+  color: var(--cal-text-inverted) !important;
+}
+
+.hover\:text-amber-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(254 243 199 / var(--tw-text-opacity));
+}
+
+.hover\:text-amber-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(253 230 138 / var(--tw-text-opacity));
+}
+
+.hover\:text-amber-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(252 211 77 / var(--tw-text-opacity));
+}
+
+.hover\:text-amber-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(251 191 36 / var(--tw-text-opacity));
+}
+
+.hover\:text-amber-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 251 235 / var(--tw-text-opacity));
+}
+
+.hover\:text-amber-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(245 158 11 / var(--tw-text-opacity));
+}
+
+.hover\:text-amber-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(217 119 6 / var(--tw-text-opacity));
+}
+
+.hover\:text-amber-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(180 83 9 / var(--tw-text-opacity));
+}
+
+.hover\:text-amber-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(146 64 14 / var(--tw-text-opacity));
+}
+
+.hover\:text-amber-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(120 53 15 / var(--tw-text-opacity));
+}
+
+.hover\:text-attention:hover {
+  color: var(--cal-text-attention);
+}
+
+.hover\:text-black:hover {
+  --tw-text-opacity: 1;
+  color: rgb(17 17 17 / var(--tw-text-opacity));
+}
+
+.hover\:text-blue-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(219 234 254 / var(--tw-text-opacity));
+}
+
+.hover\:text-blue-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(191 219 254 / var(--tw-text-opacity));
+}
+
+.hover\:text-blue-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(147 197 253 / var(--tw-text-opacity));
+}
+
+.hover\:text-blue-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(96 165 250 / var(--tw-text-opacity));
+}
+
+.hover\:text-blue-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(239 246 255 / var(--tw-text-opacity));
+}
+
+.hover\:text-blue-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity));
+}
+
+.hover\:text-blue-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(37 99 235 / var(--tw-text-opacity));
+}
+
+.hover\:text-blue-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(29 78 216 / var(--tw-text-opacity));
+}
+
+.hover\:text-blue-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(30 64 175 / var(--tw-text-opacity));
+}
+
+.hover\:text-blue-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(30 58 138 / var(--tw-text-opacity));
+}
+
+.hover\:text-cyan-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(207 250 254 / var(--tw-text-opacity));
+}
+
+.hover\:text-cyan-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(165 243 252 / var(--tw-text-opacity));
+}
+
+.hover\:text-cyan-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(103 232 249 / var(--tw-text-opacity));
+}
+
+.hover\:text-cyan-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(34 211 238 / var(--tw-text-opacity));
+}
+
+.hover\:text-cyan-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(236 254 255 / var(--tw-text-opacity));
+}
+
+.hover\:text-cyan-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(6 182 212 / var(--tw-text-opacity));
+}
+
+.hover\:text-cyan-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(8 145 178 / var(--tw-text-opacity));
+}
+
+.hover\:text-cyan-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(14 116 144 / var(--tw-text-opacity));
+}
+
+.hover\:text-cyan-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(21 94 117 / var(--tw-text-opacity));
+}
+
+.hover\:text-cyan-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(22 78 99 / var(--tw-text-opacity));
+}
+
+.hover\:text-default:hover {
+  color: var(--cal-text);
+}
+
+.hover\:text-emerald-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(209 250 229 / var(--tw-text-opacity));
+}
+
+.hover\:text-emerald-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(167 243 208 / var(--tw-text-opacity));
+}
+
+.hover\:text-emerald-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(110 231 183 / var(--tw-text-opacity));
+}
+
+.hover\:text-emerald-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(52 211 153 / var(--tw-text-opacity));
+}
+
+.hover\:text-emerald-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(236 253 245 / var(--tw-text-opacity));
+}
+
+.hover\:text-emerald-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(16 185 129 / var(--tw-text-opacity));
+}
+
+.hover\:text-emerald-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(5 150 105 / var(--tw-text-opacity));
+}
+
+.hover\:text-emerald-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(4 120 87 / var(--tw-text-opacity));
+}
+
+.hover\:text-emerald-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(6 95 70 / var(--tw-text-opacity));
+}
+
+.hover\:text-emerald-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(6 78 59 / var(--tw-text-opacity));
+}
+
+.hover\:text-emphasis:hover {
+  color: var(--cal-text-emphasis);
+}
+
+.hover\:text-error:hover {
+  color: var(--cal-text-error);
+}
+
+.hover\:text-fuchsia-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(250 232 255 / var(--tw-text-opacity));
+}
+
+.hover\:text-fuchsia-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(245 208 254 / var(--tw-text-opacity));
+}
+
+.hover\:text-fuchsia-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(240 171 252 / var(--tw-text-opacity));
+}
+
+.hover\:text-fuchsia-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(232 121 249 / var(--tw-text-opacity));
+}
+
+.hover\:text-fuchsia-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(253 244 255 / var(--tw-text-opacity));
+}
+
+.hover\:text-fuchsia-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(217 70 239 / var(--tw-text-opacity));
+}
+
+.hover\:text-fuchsia-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(192 38 211 / var(--tw-text-opacity));
+}
+
+.hover\:text-fuchsia-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(162 28 175 / var(--tw-text-opacity));
+}
+
+.hover\:text-fuchsia-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(134 25 143 / var(--tw-text-opacity));
+}
+
+.hover\:text-fuchsia-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(112 26 117 / var(--tw-text-opacity));
+}
+
+.hover\:text-gray-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(243 244 246 / var(--tw-text-opacity));
+}
+
+.hover\:text-gray-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(229 231 235 / var(--tw-text-opacity));
+}
+
+.hover\:text-gray-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity));
+}
+
+.hover\:text-gray-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity));
+}
+
+.hover\:text-gray-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(249 250 251 / var(--tw-text-opacity));
+}
+
+.hover\:text-gray-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / 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-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(220 252 231 / var(--tw-text-opacity));
+}
+
+.hover\:text-green-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(187 247 208 / var(--tw-text-opacity));
+}
+
+.hover\:text-green-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(134 239 172 / var(--tw-text-opacity));
+}
+
+.hover\:text-green-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(74 222 128 / var(--tw-text-opacity));
+}
+
+.hover\:text-green-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(240 253 244 / var(--tw-text-opacity));
+}
+
+.hover\:text-green-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity));
+}
+
+.hover\:text-green-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(22 163 74 / var(--tw-text-opacity));
+}
+
+.hover\:text-green-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(21 128 61 / var(--tw-text-opacity));
+}
+
+.hover\:text-green-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(22 101 52 / var(--tw-text-opacity));
+}
+
+.hover\:text-green-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(20 83 45 / var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(224 231 255 / var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(199 210 254 / var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(165 180 252 / var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(129 140 248 / var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(238 242 255 / var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(99 102 241 / var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(79 70 229 / var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(67 56 202 / var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(55 48 163 / var(--tw-text-opacity));
+}
+
+.hover\:text-indigo-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(49 46 129 / var(--tw-text-opacity));
+}
+
+.hover\:text-lime-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(236 252 203 / var(--tw-text-opacity));
+}
+
+.hover\:text-lime-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(217 249 157 / var(--tw-text-opacity));
+}
+
+.hover\:text-lime-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(190 242 100 / var(--tw-text-opacity));
+}
+
+.hover\:text-lime-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(163 230 53 / var(--tw-text-opacity));
+}
+
+.hover\:text-lime-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(247 254 231 / var(--tw-text-opacity));
+}
+
+.hover\:text-lime-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(132 204 22 / var(--tw-text-opacity));
+}
+
+.hover\:text-lime-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(101 163 13 / var(--tw-text-opacity));
+}
+
+.hover\:text-lime-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(77 124 15 / var(--tw-text-opacity));
+}
+
+.hover\:text-lime-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(63 98 18 / var(--tw-text-opacity));
+}
+
+.hover\:text-lime-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(54 83 20 / var(--tw-text-opacity));
+}
+
+.hover\:text-neutral-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(245 245 245 / var(--tw-text-opacity));
+}
+
+.hover\:text-neutral-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(229 229 229 / var(--tw-text-opacity));
+}
+
+.hover\:text-neutral-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(212 212 212 / var(--tw-text-opacity));
+}
+
+.hover\:text-neutral-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity));
+}
+
+.hover\:text-neutral-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(250 250 250 / var(--tw-text-opacity));
+}
+
+.hover\:text-neutral-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity));
+}
+
+.hover\:text-neutral-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(82 82 82 / var(--tw-text-opacity));
+}
+
+.hover\:text-neutral-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(64 64 64 / var(--tw-text-opacity));
+}
+
+.hover\:text-neutral-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(38 38 38 / var(--tw-text-opacity));
+}
+
+.hover\:text-neutral-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(23 23 23 / var(--tw-text-opacity));
+}
+
+.hover\:text-orange-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 237 213 / var(--tw-text-opacity));
+}
+
+.hover\:text-orange-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(254 215 170 / var(--tw-text-opacity));
+}
+
+.hover\:text-orange-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(253 186 116 / var(--tw-text-opacity));
+}
+
+.hover\:text-orange-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(251 146 60 / var(--tw-text-opacity));
+}
+
+.hover\:text-orange-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 247 237 / var(--tw-text-opacity));
+}
+
+.hover\:text-orange-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(249 115 22 / var(--tw-text-opacity));
+}
+
+.hover\:text-orange-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(234 88 12 / var(--tw-text-opacity));
+}
+
+.hover\:text-orange-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(194 65 12 / var(--tw-text-opacity));
+}
+
+.hover\:text-orange-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(154 52 18 / var(--tw-text-opacity));
+}
+
+.hover\:text-orange-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(124 45 18 / var(--tw-text-opacity));
+}
+
+.hover\:text-pink-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(252 231 243 / var(--tw-text-opacity));
+}
+
+.hover\:text-pink-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(251 207 232 / var(--tw-text-opacity));
+}
+
+.hover\:text-pink-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(249 168 212 / var(--tw-text-opacity));
+}
+
+.hover\:text-pink-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(244 114 182 / var(--tw-text-opacity));
+}
+
+.hover\:text-pink-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(253 242 248 / var(--tw-text-opacity));
+}
+
+.hover\:text-pink-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(236 72 153 / var(--tw-text-opacity));
+}
+
+.hover\:text-pink-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(219 39 119 / var(--tw-text-opacity));
+}
+
+.hover\:text-pink-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(190 24 93 / var(--tw-text-opacity));
+}
+
+.hover\:text-pink-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(131 24 67 / var(--tw-text-opacity));
+}
+
+.hover\:text-purple-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(243 232 255 / var(--tw-text-opacity));
+}
+
+.hover\:text-purple-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(233 213 255 / var(--tw-text-opacity));
+}
+
+.hover\:text-purple-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(216 180 254 / var(--tw-text-opacity));
+}
+
+.hover\:text-purple-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(192 132 252 / var(--tw-text-opacity));
+}
+
+.hover\:text-purple-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(250 245 255 / var(--tw-text-opacity));
+}
+
+.hover\:text-purple-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(168 85 247 / var(--tw-text-opacity));
+}
+
+.hover\:text-purple-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(147 51 234 / var(--tw-text-opacity));
+}
+
+.hover\:text-purple-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(126 34 206 / var(--tw-text-opacity));
+}
+
+.hover\:text-purple-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(107 33 168 / var(--tw-text-opacity));
+}
+
+.hover\:text-purple-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(88 28 135 / var(--tw-text-opacity));
+}
+
+.hover\:text-red-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(254 226 226 / var(--tw-text-opacity));
+}
+
+.hover\:text-red-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(254 202 202 / var(--tw-text-opacity));
+}
+
+.hover\:text-red-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(252 165 165 / var(--tw-text-opacity));
+}
+
+.hover\:text-red-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(248 113 113 / var(--tw-text-opacity));
+}
+
+.hover\:text-red-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(254 242 242 / var(--tw-text-opacity));
+}
+
+.hover\:text-red-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity));
+}
+
+.hover\:text-red-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity));
+}
+
+.hover\:text-red-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(185 28 28 / var(--tw-text-opacity));
+}
+
+.hover\:text-red-700\/30:hover {
+  color: rgb(185 28 28 / 0.3);
+}
+
+.hover\:text-red-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(153 27 27 / var(--tw-text-opacity));
+}
+
+.hover\:text-red-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(127 29 29 / var(--tw-text-opacity));
+}
+
+.hover\:text-rose-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 228 230 / var(--tw-text-opacity));
+}
+
+.hover\:text-rose-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(254 205 211 / var(--tw-text-opacity));
+}
+
+.hover\:text-rose-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(253 164 175 / var(--tw-text-opacity));
+}
+
+.hover\:text-rose-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(251 113 133 / var(--tw-text-opacity));
+}
+
+.hover\:text-rose-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 241 242 / var(--tw-text-opacity));
+}
+
+.hover\:text-rose-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(244 63 94 / var(--tw-text-opacity));
+}
+
+.hover\:text-rose-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(225 29 72 / var(--tw-text-opacity));
+}
+
+.hover\:text-rose-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(190 18 60 / var(--tw-text-opacity));
+}
+
+.hover\:text-rose-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(159 18 57 / var(--tw-text-opacity));
+}
+
+.hover\:text-rose-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(136 19 55 / var(--tw-text-opacity));
+}
+
+.hover\:text-sky-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(224 242 254 / var(--tw-text-opacity));
+}
+
+.hover\:text-sky-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(186 230 253 / var(--tw-text-opacity));
+}
+
+.hover\:text-sky-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(125 211 252 / var(--tw-text-opacity));
+}
+
+.hover\:text-sky-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(56 189 248 / var(--tw-text-opacity));
+}
+
+.hover\:text-sky-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(240 249 255 / var(--tw-text-opacity));
+}
+
+.hover\:text-sky-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(14 165 233 / var(--tw-text-opacity));
+}
+
+.hover\:text-sky-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(2 132 199 / var(--tw-text-opacity));
+}
+
+.hover\:text-sky-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(3 105 161 / var(--tw-text-opacity));
+}
+
+.hover\:text-sky-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(7 89 133 / var(--tw-text-opacity));
+}
+
+.hover\:text-sky-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(12 74 110 / var(--tw-text-opacity));
+}
+
+.hover\:text-slate-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(241 245 249 / var(--tw-text-opacity));
+}
+
+.hover\:text-slate-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(226 232 240 / var(--tw-text-opacity));
+}
+
+.hover\:text-slate-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(203 213 225 / var(--tw-text-opacity));
+}
+
+.hover\:text-slate-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(148 163 184 / var(--tw-text-opacity));
+}
+
+.hover\:text-slate-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(248 250 252 / var(--tw-text-opacity));
+}
+
+.hover\:text-slate-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(100 116 139 / var(--tw-text-opacity));
+}
+
+.hover\:text-slate-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(71 85 105 / var(--tw-text-opacity));
+}
+
+.hover\:text-slate-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(51 65 85 / var(--tw-text-opacity));
+}
+
+.hover\:text-slate-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(30 41 59 / var(--tw-text-opacity));
+}
+
+.hover\:text-slate-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(15 23 42 / var(--tw-text-opacity));
+}
+
+.hover\:text-stone-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(245 245 244 / var(--tw-text-opacity));
+}
+
+.hover\:text-stone-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(231 229 228 / var(--tw-text-opacity));
+}
+
+.hover\:text-stone-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(214 211 209 / var(--tw-text-opacity));
+}
+
+.hover\:text-stone-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(168 162 158 / var(--tw-text-opacity));
+}
+
+.hover\:text-stone-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(250 250 249 / var(--tw-text-opacity));
+}
+
+.hover\:text-stone-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(120 113 108 / var(--tw-text-opacity));
+}
+
+.hover\:text-stone-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(87 83 78 / var(--tw-text-opacity));
+}
+
+.hover\:text-stone-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(68 64 60 / var(--tw-text-opacity));
+}
+
+.hover\:text-stone-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(41 37 36 / var(--tw-text-opacity));
+}
+
+.hover\:text-stone-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(28 25 23 / var(--tw-text-opacity));
+}
+
+.hover\:text-subtle:hover {
+  color: var(--cal-text-subtle);
+}
+
+.hover\:text-teal-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(204 251 241 / var(--tw-text-opacity));
+}
+
+.hover\:text-teal-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(153 246 228 / var(--tw-text-opacity));
+}
+
+.hover\:text-teal-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(94 234 212 / var(--tw-text-opacity));
+}
+
+.hover\:text-teal-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(45 212 191 / var(--tw-text-opacity));
+}
+
+.hover\:text-teal-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(240 253 250 / var(--tw-text-opacity));
+}
+
+.hover\:text-teal-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(20 184 166 / var(--tw-text-opacity));
+}
+
+.hover\:text-teal-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(13 148 136 / var(--tw-text-opacity));
+}
+
+.hover\:text-teal-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(15 118 110 / var(--tw-text-opacity));
+}
+
+.hover\:text-teal-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(17 94 89 / var(--tw-text-opacity));
+}
+
+.hover\:text-teal-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(19 78 74 / var(--tw-text-opacity));
+}
+
+.hover\:text-transparent:hover {
+  color: transparent;
+}
+
+.hover\:text-violet-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(237 233 254 / var(--tw-text-opacity));
+}
+
+.hover\:text-violet-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(221 214 254 / var(--tw-text-opacity));
+}
+
+.hover\:text-violet-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(196 181 253 / var(--tw-text-opacity));
+}
+
+.hover\:text-violet-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(167 139 250 / var(--tw-text-opacity));
+}
+
+.hover\:text-violet-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(245 243 255 / var(--tw-text-opacity));
+}
+
+.hover\:text-violet-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(139 92 246 / var(--tw-text-opacity));
+}
+
+.hover\:text-violet-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(124 58 237 / var(--tw-text-opacity));
+}
+
+.hover\:text-violet-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(109 40 217 / var(--tw-text-opacity));
+}
+
+.hover\:text-violet-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(91 33 182 / var(--tw-text-opacity));
+}
+
+.hover\:text-violet-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(76 29 149 / var(--tw-text-opacity));
+}
+
+.hover\:text-white:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(254 249 195 / var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(254 240 138 / var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(253 224 71 / var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(250 204 21 / var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(254 252 232 / var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(234 179 8 / var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(202 138 4 / var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(161 98 7 / var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(133 77 14 / var(--tw-text-opacity));
+}
+
+.hover\:text-yellow-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(113 63 18 / var(--tw-text-opacity));
+}
+
+.hover\:text-zinc-100:hover {
+  --tw-text-opacity: 1;
+  color: rgb(244 244 245 / var(--tw-text-opacity));
+}
+
+.hover\:text-zinc-200:hover {
+  --tw-text-opacity: 1;
+  color: rgb(228 228 231 / var(--tw-text-opacity));
+}
+
+.hover\:text-zinc-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(212 212 216 / var(--tw-text-opacity));
+}
+
+.hover\:text-zinc-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(161 161 170 / var(--tw-text-opacity));
+}
+
+.hover\:text-zinc-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(250 250 250 / var(--tw-text-opacity));
+}
+
+.hover\:text-zinc-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(113 113 122 / var(--tw-text-opacity));
+}
+
+.hover\:text-zinc-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(82 82 91 / var(--tw-text-opacity));
+}
+
+.hover\:text-zinc-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(63 63 70 / var(--tw-text-opacity));
+}
+
+.hover\:text-zinc-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(39 39 42 / var(--tw-text-opacity));
+}
+
+.hover\:text-zinc-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(24 24 27 / var(--tw-text-opacity));
+}
+
+.hover\:underline:hover {
+  text-decoration-line: underline;
+}
+
+.hover\:underline-offset-2:hover {
+  text-underline-offset: 2px;
+}
+
+.hover\:opacity-100:hover {
+  opacity: 1;
+}
+
+.hover\:opacity-50:hover {
+  opacity: 0.5;
+}
+
+.hover\:opacity-70:hover {
+  opacity: 0.7;
+}
+
+.hover\:shadow:hover {
+  --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);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:shadow-sm:hover {
+  --tw-shadow: 0 1px 2px 0 rgb(0 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);
+}
+
+.hover\:outline-none:hover {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.hover\:ring-0:hover {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + 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);
+}
+
+.hover\:ring-amber-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 243 199 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-amber-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-amber-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-amber-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-amber-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 251 235 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-amber-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-amber-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(217 119 6 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-amber-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(180 83 9 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-amber-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(146 64 14 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-amber-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(120 53 15 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-black:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(17 17 17 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-blue-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(219 234 254 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-blue-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-blue-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-blue-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-blue-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(239 246 255 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-blue-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-blue-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-blue-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-blue-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-blue-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(30 58 138 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-cyan-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(207 250 254 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-cyan-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(165 243 252 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-cyan-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-cyan-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(34 211 238 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-cyan-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(236 254 255 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-cyan-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-cyan-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(8 145 178 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-cyan-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(14 116 144 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-cyan-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(21 94 117 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-cyan-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(22 78 99 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-emerald-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(209 250 229 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-emerald-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-emerald-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-emerald-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-emerald-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(236 253 245 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-emerald-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-emerald-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(5 150 105 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-emerald-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-emerald-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(6 95 70 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-emerald-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(6 78 59 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-fuchsia-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(250 232 255 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-fuchsia-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(245 208 254 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-fuchsia-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(240 171 252 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-fuchsia-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(232 121 249 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-fuchsia-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(253 244 255 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-fuchsia-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(217 70 239 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-fuchsia-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(192 38 211 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-fuchsia-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(162 28 175 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-fuchsia-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(134 25 143 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-fuchsia-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(112 26 117 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-gray-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-gray-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-gray-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-gray-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-gray-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(249 250 251 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-gray-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-gray-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-gray-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-gray-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-gray-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-green-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(220 252 231 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-green-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(187 247 208 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-green-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-green-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-green-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(240 253 244 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-green-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-green-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-green-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(21 128 61 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-green-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(22 101 52 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-green-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(20 83 45 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-indigo-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(224 231 255 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-indigo-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-indigo-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-indigo-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-indigo-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(238 242 255 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-indigo-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-indigo-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-indigo-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(67 56 202 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-indigo-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(55 48 163 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-indigo-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(49 46 129 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-lime-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(236 252 203 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-lime-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(217 249 157 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-lime-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(190 242 100 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-lime-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(163 230 53 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-lime-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(247 254 231 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-lime-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(132 204 22 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-lime-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(101 163 13 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-lime-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(77 124 15 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-lime-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(63 98 18 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-lime-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(54 83 20 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-neutral-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(245 245 245 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-neutral-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(229 229 229 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-neutral-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(212 212 212 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-neutral-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(163 163 163 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-neutral-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(250 250 250 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-neutral-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(115 115 115 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-neutral-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(82 82 82 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-neutral-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(64 64 64 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-neutral-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(38 38 38 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-neutral-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(23 23 23 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-orange-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 237 213 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-orange-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 215 170 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-orange-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(253 186 116 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-orange-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-orange-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 247 237 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-orange-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-orange-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(234 88 12 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-orange-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(194 65 12 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-orange-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(154 52 18 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-orange-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(124 45 18 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-pink-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(252 231 243 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-pink-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(251 207 232 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-pink-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(249 168 212 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-pink-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(244 114 182 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-pink-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(253 242 248 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-pink-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(236 72 153 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-pink-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(219 39 119 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-pink-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(190 24 93 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-pink-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(131 24 67 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-purple-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(243 232 255 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-purple-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(233 213 255 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-purple-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(216 180 254 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-purple-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-purple-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(250 245 255 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-purple-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-purple-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(147 51 234 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-purple-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(126 34 206 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-purple-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(107 33 168 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-purple-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(88 28 135 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-red-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 226 226 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-red-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-red-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-red-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-red-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 242 242 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-red-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-red-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-red-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-red-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-red-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(127 29 29 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-rose-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 228 230 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-rose-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 205 211 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-rose-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(253 164 175 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-rose-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(251 113 133 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-rose-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 241 242 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-rose-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-rose-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(225 29 72 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-rose-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(190 18 60 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-rose-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(159 18 57 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-rose-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(136 19 55 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-sky-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-sky-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(186 230 253 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-sky-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(125 211 252 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-sky-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(56 189 248 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-sky-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(240 249 255 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-sky-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(14 165 233 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-sky-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(2 132 199 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-sky-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(3 105 161 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-sky-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(7 89 133 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-sky-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(12 74 110 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-slate-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-slate-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-slate-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-slate-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-slate-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(248 250 252 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-slate-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-slate-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-slate-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-slate-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(30 41 59 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-slate-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-stone-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(245 245 244 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-stone-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(231 229 228 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-stone-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(214 211 209 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-stone-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(168 162 158 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-stone-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(250 250 249 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-stone-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(120 113 108 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-stone-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(87 83 78 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-stone-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(68 64 60 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-stone-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(41 37 36 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-stone-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(28 25 23 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-teal-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(204 251 241 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-teal-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(153 246 228 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-teal-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(94 234 212 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-teal-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(45 212 191 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-teal-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(240 253 250 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-teal-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-teal-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(13 148 136 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-teal-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(15 118 110 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-teal-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(17 94 89 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-teal-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(19 78 74 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-transparent:hover {
+  --tw-ring-color: transparent;
+}
+
+.hover\:ring-violet-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(237 233 254 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-violet-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(221 214 254 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-violet-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(196 181 253 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-violet-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(167 139 250 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-violet-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(245 243 255 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-violet-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-violet-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(124 58 237 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-violet-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(109 40 217 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-violet-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(91 33 182 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-violet-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(76 29 149 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-white:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-yellow-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 249 195 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-yellow-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 240 138 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-yellow-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(253 224 71 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-yellow-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-yellow-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 252 232 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-yellow-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-yellow-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(202 138 4 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-yellow-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(161 98 7 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-yellow-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(133 77 14 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-yellow-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(113 63 18 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-zinc-100:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(244 244 245 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-zinc-200:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(228 228 231 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-zinc-300:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(212 212 216 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-zinc-400:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(161 161 170 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-zinc-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(250 250 250 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-zinc-500:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(113 113 122 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-zinc-600:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(82 82 91 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-zinc-700:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(63 63 70 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-zinc-800:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(39 39 42 / var(--tw-ring-opacity));
+}
+
+.hover\:ring-zinc-900:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(24 24 27 / var(--tw-ring-opacity));
+}
+
+.hover\:brightness-90:hover {
+  --tw-brightness: brightness(.9);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.hover\:brightness-95:hover {
+  --tw-brightness: brightness(.95);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.hover\:before\:opacity-100:hover::before {
+  content: var(--tw-content);
+  opacity: 1;
+}
+
+.after\:hover\:block:hover::after {
+  content: var(--tw-content);
+  display: block;
+}
+
+.hover\:after\:bg-subtle:hover::after {
+  content: var(--tw-content);
+  background-color: var(--cal-bg-subtle);
+}
+
+.checked\:hover\:border-error:hover:checked {
+  border-color: var(--cal-border-error);
+}
+
+.checked\:hover\:bg-brand-default:hover:checked {
+  background-color: var(--cal-brand,#111827);
+}
+
+.checked\:hover\:bg-darkerror:hover:checked {
+  background-color: var(--cal-bg-dark-error);
+}
+
+.checked\:hover\:bg-gray-600:hover:checked {
+  --tw-bg-opacity: 1;
+  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
+}
+
+.hover\:checked\:bg-gray-300:checked:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
+}
+
+.disabled\:hover\:cursor-not-allowed:hover:disabled {
+  cursor: not-allowed;
+}
+
+.disabled\:hover\:border-default:hover:disabled {
+  border-color: var(--cal-border);
+}
+
+.disabled\:hover\:border-inherit:hover:disabled {
+  border-color: inherit;
+}
+
+.disabled\:hover\:border-red-200:hover:disabled {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 202 202 / var(--tw-border-opacity));
+}
+
+.disabled\:hover\:border-subtle:hover:disabled {
+  border-color: var(--cal-border-subtle);
+}
+
+.disabled\:hover\:bg-brand-subtle:hover:disabled {
+  background-color: var(--cal-brand-subtle,#9CA3AF);
+}
+
+.disabled\:hover\:bg-default:hover:disabled {
+  background-color: var(--cal-bg, white);
+}
+
+.disabled\:hover\:bg-transparent:hover:disabled {
+  background-color: transparent;
+}
+
+.disabled\:hover\:bg-opacity-30:hover:disabled {
+  --tw-bg-opacity: 0.3;
+}
+
+.disabled\:hover\:text-muted:hover:disabled {
+  color: var(--cal-text-muted);
+}
+
+.disabled\:hover\:opacity-40:hover:disabled {
+  opacity: 0.4;
+}
+
+.disabled\:hover\:shadow-none:hover:disabled {
+  --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);
+}
+
+.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
+  --tw-text-opacity: 1;
+  color: rgb(254 242 242 / var(--tw-text-opacity));
+}
+
+html.todesktop .todesktop\:hover\:\!bg-transparent:hover {
+  background-color: transparent !important;
+}
+
+html.todesktop .todesktop\:hover\:bg-transparent:hover {
+  background-color: transparent;
+}
+
+.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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.active\:bg-default:active {
+  background-color: var(--cal-bg, white);
+}
+
+.radix-state-open\:rotate-45[data-state="open"] {
+  --tw-rotate: 45deg;
+  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));
+}
+
+.radix-state-open\:rounded-r-md[data-state="open"] {
+  border-top-right-radius: var(--cal-radius-md);
+  border-bottom-right-radius: var(--cal-radius-md);
+}
+
+.radix-state-open\:text-blue-500[data-state="open"] {
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity));
+}
+
+.radix-state-open\:ring-0[data-state="open"] {
+  --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(0px + 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);
+}
+
+.enabled\:hover\:border-emphasis:hover:not(:disabled) {
+  border-color: var(--cal-border-emphasis);
+}
+
+.enabled\:hover\:border-subtle:hover:not(:disabled) {
+  border-color: var(--cal-border-subtle);
+}
+
+.enabled\:hover\:bg-muted:hover:not(:disabled) {
+  background-color: var(--cal-bg-muted);
+}
+
+.enabled\:hover\:bg-subtle:hover:not(:disabled) {
+  background-color: var(--cal-bg-subtle);
+}
+
+.enabled\:hover\:text-emphasis:hover:not(:disabled) {
+  color: var(--cal-text-emphasis);
+}
+
+.enabled\:hover\:shadow-outline-gray-hover:hover:not(:disabled) {
+  --tw-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.03), 0px 2px 2px -1px rgba(0, 0, 0, 0.03);
+  --tw-shadow-colored: 0px 2px 3px 0px var(--tw-shadow-color), 0px 2px 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);
+}
+
+.enabled\:hover\:shadow-outline-red-hover:hover:not(:disabled) {
+  --tw-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
+  --tw-shadow-colored: 0px 1px 1px 0px var(--tw-shadow-color), 0px 2px 3px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.enabled\:hover\:shadow-solid-gray-hover:hover:not(:disabled) {
+  --tw-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.08), 1px 4px 8px 0px rgba(0, 0, 0, 0.12), 0px 2px 0.4px 0px rgba(255, 255, 255, 0.16) inset, 0px -2px 2px 0px rgba(0, 0, 0, 0.40) inset;
+  --tw-shadow-colored: 0px 2px 3px 0px var(--tw-shadow-color), 0px 1px 1px 0px var(--tw-shadow-color), 1px 4px 8px 0px var(--tw-shadow-color), inset 0px 2px 0.4px 0px var(--tw-shadow-color), inset 0px -2px 2px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.enabled\:active\:shadow-outline-gray-active:active:not(:disabled) {
+  --tw-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05) inset;
+  --tw-shadow-colored: inset 0px 2px 1px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.enabled\:active\:shadow-outline-red-active:active:not(:disabled) {
+  --tw-shadow: 0px 1px 1px 0px rgba(127, 29, 29, 0.06), 0px 0px 3px 0px rgba(127, 29, 29, 0.08), 0px 2px 2px 1px rgba(127, 29, 29, 0.06) inset;
+  --tw-shadow-colored: 0px 1px 1px 0px var(--tw-shadow-color), 0px 0px 3px 0px var(--tw-shadow-color), inset 0px 2px 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);
+}
+
+.enabled\:active\:shadow-solid-gray-active:active:not(:disabled) {
+  --tw-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.40) inset, 0px 0px 2px 1px rgba(0, 0, 0, 0.40) inset;
+  --tw-shadow-colored: inset 0px 2px 3px 0px var(--tw-shadow-color), inset 0px 0px 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);
+}
+
+:is([dir="ltr"] .ltr\:right-0) {
+  right: var(--cal-spacing-0);
+}
+
+:is([dir="ltr"] .ltr\:right-2) {
+  right: var(--cal-spacing-2);
+}
+
+:is([dir="ltr"] .ltr\:right-4) {
+  right: var(--cal-spacing-4);
+}
+
+:is([dir="ltr"] .ltr\:-ml-1) {
+  margin-left: calc(var(--cal-spacing-1) * -1);
+}
+
+:is([dir="ltr"] .ltr\:-mr-1) {
+  margin-right: calc(var(--cal-spacing-1) * -1);
+}
+
+:is([dir="ltr"] .ltr\:ml-1) {
+  margin-left: var(--cal-spacing-1);
+}
+
+:is([dir="ltr"] .ltr\:ml-2) {
+  margin-left: var(--cal-spacing-2);
+}
+
+:is([dir="ltr"] .ltr\:ml-3) {
+  margin-left: var(--cal-spacing-3);
+}
+
+:is([dir="ltr"] .ltr\:mr-1) {
+  margin-right: var(--cal-spacing-1);
+}
+
+:is([dir="ltr"] .ltr\:mr-2) {
+  margin-right: var(--cal-spacing-2);
+}
+
+:is([dir="ltr"] .ltr\:mr-3) {
+  margin-right: var(--cal-spacing-3);
+}
+
+:is([dir="ltr"] .ltr\:mr-4) {
+  margin-right: var(--cal-spacing-4);
+}
+
+:is([dir="ltr"] .ltr\:mr-5) {
+  margin-right: var(--cal-spacing-5);
+}
+
+:is([dir="ltr"] .ltr\:mr-\[10px\]) {
+  margin-right: 10px;
+}
+
+:is([dir="ltr"] .ltr\:translate-x-\[2px\]) {
+  --tw-translate-x: 2px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+:is([dir="ltr"] .ltr\:translate-x-\[4px\]) {
+  --tw-translate-x: 4px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+:is([dir="ltr"] .ltr\:rounded-l-md) {
+  border-top-left-radius: var(--cal-radius-md);
+  border-bottom-left-radius: var(--cal-radius-md);
+}
+
+:is([dir="ltr"] .ltr\:rounded-r-md) {
+  border-top-right-radius: var(--cal-radius-md);
+  border-bottom-right-radius: var(--cal-radius-md);
+}
+
+:is([dir="ltr"] .ltr\:rounded-tl-md) {
+  border-top-left-radius: var(--cal-radius-md);
+}
+
+:is([dir="ltr"] .ltr\:border-l) {
+  border-left-width: 1px;
+}
+
+:is([dir="ltr"] .ltr\:border-r-0) {
+  border-right-width: 0px;
+}
+
+:is([dir="ltr"] .ltr\:pl-3) {
+  padding-left: var(--cal-spacing-3);
+}
+
+:is([dir="ltr"] .ltr\:pl-4) {
+  padding-left: var(--cal-spacing-4);
+}
+
+:is([dir="ltr"] .ltr\:pr-10) {
+  padding-right: var(--cal-spacing-10);
+}
+
+:is([dir="ltr"] .ltr\:pr-4) {
+  padding-right: var(--cal-spacing-4);
+}
+
+:is([dir="ltr"] .ltr\:text-left) {
+  text-align: left;
+}
+
+:is([dir="ltr"] .ltr\:last\:mr-0:last-child) {
+  margin-right: var(--cal-spacing-0);
+}
+
+:is([dir="ltr"] .ltr\:radix-state-open\:rounded-r-\[--btn-group-radius\][data-state="open"]) {
+  border-top-right-radius: var(--btn-group-radius);
+  border-bottom-right-radius: var(--btn-group-radius);
+}
+
+:is([dir="ltr"] .ltr\:radix-state-open\:rounded-r-md[data-state="open"]) {
+  border-top-right-radius: var(--cal-radius-md);
+  border-bottom-right-radius: var(--cal-radius-md);
+}
+
+:is([dir="rtl"] .rtl\:left-0) {
+  left: var(--cal-spacing-0);
+}
+
+:is([dir="rtl"] .rtl\:left-2) {
+  left: var(--cal-spacing-2);
+}
+
+:is([dir="rtl"] .rtl\:left-4) {
+  left: var(--cal-spacing-4);
+}
+
+:is([dir="rtl"] .rtl\:-ml-1) {
+  margin-left: calc(var(--cal-spacing-1) * -1);
+}
+
+:is([dir="rtl"] .rtl\:-mr-1) {
+  margin-right: calc(var(--cal-spacing-1) * -1);
+}
+
+:is([dir="rtl"] .rtl\:-mr-14) {
+  margin-right: calc(var(--cal-spacing-14) * -1);
+}
+
+:is([dir="rtl"] .rtl\:-mr-2) {
+  margin-right: calc(var(--cal-spacing-2) * -1);
+}
+
+:is([dir="rtl"] .rtl\:ml-1) {
+  margin-left: var(--cal-spacing-1);
+}
+
+:is([dir="rtl"] .rtl\:ml-2) {
+  margin-left: var(--cal-spacing-2);
+}
+
+:is([dir="rtl"] .rtl\:ml-3) {
+  margin-left: var(--cal-spacing-3);
+}
+
+:is([dir="rtl"] .rtl\:ml-4) {
+  margin-left: var(--cal-spacing-4);
+}
+
+:is([dir="rtl"] .rtl\:ml-5) {
+  margin-left: var(--cal-spacing-5);
+}
+
+:is([dir="rtl"] .rtl\:ml-\[10px\]) {
+  margin-left: 10px;
+}
+
+:is([dir="rtl"] .rtl\:mr-1) {
+  margin-right: var(--cal-spacing-1);
+}
+
+:is([dir="rtl"] .rtl\:mr-2) {
+  margin-right: var(--cal-spacing-2);
+}
+
+:is([dir="rtl"] .rtl\:mr-3) {
+  margin-right: var(--cal-spacing-3);
+}
+
+:is([dir="rtl"] .rtl\:mr-4) {
+  margin-right: var(--cal-spacing-4);
+}
+
+:is([dir="rtl"] .rtl\:mr-auto) {
+  margin-right: auto;
+}
+
+:is([dir="rtl"] .rtl\:flex-grow) {
+  flex-grow: 1;
+}
+
+:is([dir="rtl"] .rtl\:-translate-x-\[2px\]) {
+  --tw-translate-x: -2px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+:is([dir="rtl"] .rtl\:-translate-x-\[4px\]) {
+  --tw-translate-x: -4px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+:is([dir="rtl"] .rtl\:rotate-180) {
+  --tw-rotate: 180deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+:is([dir="rtl"] .rtl\:flex-row-reverse) {
+  flex-direction: row-reverse;
+}
+
+:is([dir="rtl"] .rtl\:justify-end) {
+  justify-content: flex-end;
+}
+
+:is([dir="rtl"] .rtl\:space-x-reverse) > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 1;
+}
+
+:is([dir="rtl"] .rtl\:rounded-l-md) {
+  border-top-left-radius: var(--cal-radius-md);
+  border-bottom-left-radius: var(--cal-radius-md);
+}
+
+:is([dir="rtl"] .rtl\:rounded-r-md) {
+  border-top-right-radius: var(--cal-radius-md);
+  border-bottom-right-radius: var(--cal-radius-md);
+}
+
+:is([dir="rtl"] .rtl\:rounded-tr-md) {
+  border-top-right-radius: var(--cal-radius-md);
+}
+
+:is([dir="rtl"] .rtl\:border-l-0) {
+  border-left-width: 0px;
+}
+
+:is([dir="rtl"] .rtl\:border-r) {
+  border-right-width: 1px;
+}
+
+:is([dir="rtl"] .rtl\:border-default) {
+  border-color: var(--cal-border);
+}
+
+:is([dir="rtl"] .rtl\:border-r-default) {
+  border-right-color: var(--cal-border);
+}
+
+:is([dir="rtl"] .rtl\:pl-10) {
+  padding-left: var(--cal-spacing-10);
+}
+
+:is([dir="rtl"] .rtl\:pl-4) {
+  padding-left: var(--cal-spacing-4);
+}
+
+:is([dir="rtl"] .rtl\:pr-4) {
+  padding-right: var(--cal-spacing-4);
+}
+
+:is([dir="rtl"] .rtl\:pr-6) {
+  padding-right: var(--cal-spacing-6);
+}
+
+:is([dir="rtl"] .rtl\:text-right) {
+  text-align: right;
+}
+
+:is([dir="rtl"] .rtl\:last\:ml-0:last-child) {
+  margin-left: var(--cal-spacing-0);
+}
+
+:is([dir="rtl"] .rtl\:radix-state-open\:rounded-l-\[--btn-group-radius\][data-state="open"]) {
+  border-top-left-radius: var(--btn-group-radius);
+  border-bottom-left-radius: var(--btn-group-radius);
+}
+
+:is([dir="rtl"] .rtl\:radix-state-open\:rounded-l-md[data-state="open"]) {
+  border-top-left-radius: var(--cal-radius-md);
+  border-bottom-left-radius: var(--cal-radius-md);
+}
+
+:is(.dark .dark\:block) {
+  display: block;
+}
+
+:is(.dark .dark\:hidden) {
+  display: none;
+}
+
+:is(.dark .dark\:divide-darkgray-100) > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
+}
+
+:is(.dark .dark\:border) {
+  border-width: 1px;
+}
+
+:is(.dark .dark\:border-cal-bg-muted) {
+  border-color: var(--cal-bg-muted);
+}
+
+:is(.dark .dark\:border-darkgray-200) {
+  --tw-border-opacity: 1;
+  border-color: rgb(226 232 240 / var(--tw-border-opacity));
+}
+
+:is(.dark .dark\:border-default) {
+  border-color: var(--cal-border);
+}
+
+:is(.dark .dark\:border-emphasis) {
+  border-color: var(--cal-border-emphasis);
+}
+
+:is(.dark .dark\:border-gray-900) {
+  --tw-border-opacity: 1;
+  border-color: rgb(17 24 39 / var(--tw-border-opacity));
+}
+
+:is(.dark .dark\:border-transparent) {
+  border-color: transparent;
+}
+
+:is(.dark .dark\:bg-\[\#292929\]) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(41 41 41 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-black) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 17 17 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-blue-900) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-blue-950) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 37 84 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-brand-emphasis) {
+  background-color: var(--cal-brand-emphasis,#101010);
+}
+
+:is(.dark .dark\:bg-darkgray-100) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-darkgray-200) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-darkgray-400) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-darkgray-50) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-darkgray-900) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-default) {
+  background-color: var(--cal-bg, white);
+}
+
+:is(.dark .dark\:bg-gray-600) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-inherit) {
+  background-color: inherit;
+}
+
+:is(.dark .dark\:bg-inverted) {
+  background-color: var(--cal-bg-inverted);
+}
+
+:is(.dark .dark\:bg-muted) {
+  background-color: var(--cal-bg-muted);
+}
+
+:is(.dark .dark\:bg-orange-900) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(124 45 18 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-red-900) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(127 29 29 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-transparent) {
+  background-color: transparent;
+}
+
+:is(.dark .dark\:bg-white) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:bg-white\/5) {
+  background-color: rgb(255 255 255 / 0.05);
+}
+
+:is(.dark .dark\:bg-opacity-5) {
+  --tw-bg-opacity: 0.05;
+}
+
+:is(.dark .dark\:bg-opacity-70) {
+  --tw-bg-opacity: 0.7;
+}
+
+:is(.dark .dark\:bg-gradient-to-tr) {
+  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
+}
+
+:is(.dark .dark\:bg-none) {
+  background-image: none;
+}
+
+:is(.dark .dark\:from-subtle) {
+  --tw-gradient-from: var(--cal-bg-subtle) 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);
+}
+
+:is(.dark .dark\:to-muted) {
+  --tw-gradient-to: var(--cal-bg-muted) var(--tw-gradient-to-position);
+}
+
+:is(.dark .dark\:\!text-darkgray-900) {
+  --tw-text-opacity: 1 !important;
+  color: rgb(15 23 42 / var(--tw-text-opacity)) !important;
+}
+
+:is(.dark .dark\:text-black) {
+  --tw-text-opacity: 1;
+  color: rgb(17 17 17 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-blue-200) {
+  --tw-text-opacity: 1;
+  color: rgb(191 219 254 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-blue-300) {
+  --tw-text-opacity: 1;
+  color: rgb(147 197 253 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-blue-400) {
+  --tw-text-opacity: 1;
+  color: rgb(96 165 250 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-darkgray-50) {
+  --tw-text-opacity: 1;
+  color: rgb(248 250 252 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-darkgray-800) {
+  --tw-text-opacity: 1;
+  color: rgb(30 41 59 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-darkgray-900) {
+  --tw-text-opacity: 1;
+  color: rgb(15 23 42 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-default) {
+  color: var(--cal-text);
+}
+
+:is(.dark .dark\:text-emphasis) {
+  color: var(--cal-text-emphasis);
+}
+
+:is(.dark .dark\:text-gray-300) {
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-green-400) {
+  --tw-text-opacity: 1;
+  color: rgb(74 222 128 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-inverted) {
+  color: var(--cal-text-inverted);
+}
+
+:is(.dark .dark\:text-muted) {
+  color: var(--cal-text-muted);
+}
+
+:is(.dark .dark\:text-orange-200) {
+  --tw-text-opacity: 1;
+  color: rgb(254 215 170 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-red-100) {
+  --tw-text-opacity: 1;
+  color: rgb(254 226 226 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-red-200) {
+  --tw-text-opacity: 1;
+  color: rgb(254 202 202 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:text-red-700\/30) {
+  color: rgb(185 28 28 / 0.3);
+}
+
+:is(.dark .dark\:text-subtle) {
+  color: var(--cal-text-subtle);
+}
+
+:is(.dark .dark\:text-white) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:opacity-100) {
+  opacity: 1;
+}
+
+:is(.dark .dark\:opacity-80) {
+  opacity: 0.8;
+}
+
+:is(.dark .dark\:opacity-90) {
+  opacity: 0.9;
+}
+
+:is(.dark .dark\: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);
+}
+
+:is(.dark .dark\:invert-0) {
+  --tw-invert: invert(0);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+:is(.dark .dark\:invert-\[\.65\]) {
+  --tw-invert: invert(.65);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+:is(.dark .dark\:\[--cal-brand-emphasis\:\#e1e1e1\]) {
+  --cal-brand-emphasis: #e1e1e1;
+}
+
+:is(.dark .dark\:\[--cal-brand-text\:\#000000\]) {
+  --cal-brand-text: #000000;
+}
+
+:is(.dark .dark\:\[--cal-brand-text\:black\]) {
+  --cal-brand-text: black;
+}
+
+:is(.dark .dark\:\[--cal-brand\:\#FFFFFF\]) {
+  --cal-brand: #FFFFFF;
+}
+
+:is(.dark .dark\:\[--cal-brand\:white\]) {
+  --cal-brand: white;
+}
+
+:is(.dark .dark\:\[--disabled-gradient-background\:\#262626\]) {
+  --disabled-gradient-background: #262626;
+}
+
+:is(.dark .dark\:\[--disabled-gradient-foreground\:\#393939\]) {
+  --disabled-gradient-foreground: #393939;
+}
+
+:is(.dark .dark\:\[color-scheme\:dark\]) {
+  color-scheme: dark;
+}
+
+:is(.dark .dark\:\[filter\:invert\(0\.65\)_brightness\(0\.9\)\]) {
+  filter: invert(0.65) brightness(0.9);
+}
+
+:is(.dark .dark\:selection\:bg-green-500 *)::-moz-selection {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:selection\:bg-green-500 *)::selection {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:selection\:bg-green-500)::-moz-selection {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:selection\:bg-green-500)::selection {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:placeholder\:text-darkgray-600)::-moz-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(71 85 105 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:placeholder\:text-darkgray-600)::placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(71 85 105 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:placeholder\:text-muted)::-moz-placeholder {
+  color: var(--cal-text-muted);
+}
+
+:is(.dark .dark\:placeholder\:text-muted)::placeholder {
+  color: var(--cal-text-muted);
+}
+
+:is(.dark .dark\:before\:bg-muted)::before {
+  content: var(--tw-content);
+  background-color: var(--cal-bg-muted);
+}
+
+:is(.dark .dark\:after\:bg-brand-accent)::after {
+  content: var(--tw-content);
+  background-color: var(--cal-brand-accent,white);
+}
+
+:is(.dark .dark\:after\:bg-inverted)::after {
+  content: var(--tw-content);
+  background-color: var(--cal-bg-inverted);
+}
+
+:is(.dark .dark\:checked\:bg-brand-default:checked) {
+  background-color: var(--cal-brand,#111827);
+}
+
+:is(.dark .dark\:checked\:after\:bg-brand-accent:checked)::after {
+  content: var(--tw-content);
+  background-color: var(--cal-brand-accent,white);
+}
+
+:is(.dark .dark\:focus\:border-emphasis:focus) {
+  border-color: var(--cal-border-emphasis);
+}
+
+:is(.dark .disabled\:dark\:text-gray-500):disabled {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity));
+}
+
+:is(.dark .disabled\:dark\:text-subtle):disabled {
+  color: var(--cal-text-subtle);
+}
+
+.group:hover :is(.dark .group-hover\:dark\:bg-blue-800) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:data-\[state\=checked\]\:bg-brand-emphasis[data-state=checked]) {
+  background-color: var(--cal-brand-emphasis,#101010);
+}
+
+:is(.dark .dark\:hover\:bg-darkgray-200:hover) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:hover\:bg-emphasis:hover) {
+  background-color: var(--cal-bg-emphasis);
+}
+
+:is(.dark .dark\:hover\:bg-subtle:hover) {
+  background-color: var(--cal-bg-subtle);
+}
+
+:is(.dark .dark\:hover\:bg-transparent:hover) {
+  background-color: transparent;
+}
+
+:is(.dark .hover\:dark\:bg-gray-900):hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
+}
+
+:is(.dark .dark\:hover\:text-red-100:hover) {
+  --tw-text-opacity: 1;
+  color: rgb(254 226 226 / var(--tw-text-opacity));
+}
+
+:is(.dark .dark\:checked\:hover\:bg-brand-default:hover:checked) {
+  background-color: var(--cal-brand,#111827);
+}
+
+:is(.dark .dark\:checked\:hover\:text-\[--cal-brand\]:hover:checked) {
+  color: var(--cal-brand);
+}
+
+@media print {
+
+  .print\:hidden {
+    display: none;
+  }
+
+  .print\:h-full {
+    height: 100%;
+  }
+
+  .print\:w-full {
+    width: 100%;
+  }
+}
+
+@media (min-width: 640px) {
+
+  .sm\:absolute {
+    position: absolute;
+  }
+
+  .sm\:relative {
+    position: relative;
+  }
+
+  .sm\:sticky {
+    position: sticky;
+  }
+
+  .sm\:inset-y-2 {
+    top: var(--cal-spacing-2);
+    bottom: var(--cal-spacing-2);
+  }
+
+  .sm\:bottom-0 {
+    bottom: var(--cal-spacing-0);
+  }
+
+  .sm\:right-0 {
+    right: var(--cal-spacing-0);
+  }
+
+  .sm\:right-2 {
+    right: var(--cal-spacing-2);
+  }
+
+  .sm\:top-auto {
+    top: auto;
+  }
+
+  .sm\:order-3 {
+    order: 3;
+  }
+
+  .sm\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .sm\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .sm\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .sm\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .sm\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .sm\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .sm\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .sm\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .sm\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .sm\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .sm\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .sm\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .sm\:-mx-4 {
+    margin-left: calc(var(--cal-spacing-4) * -1);
+    margin-right: calc(var(--cal-spacing-4) * -1);
+  }
+
+  .sm\:mx-0 {
+    margin-left: var(--cal-spacing-0);
+    margin-right: var(--cal-spacing-0);
+  }
+
+  .sm\:mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .sm\:my-0 {
+    margin-top: var(--cal-spacing-0);
+    margin-bottom: var(--cal-spacing-0);
+  }
+
+  .sm\:my-8 {
+    margin-top: var(--cal-spacing-8);
+    margin-bottom: var(--cal-spacing-8);
+  }
+
+  .sm\:-mt-4 {
+    margin-top: calc(var(--cal-spacing-4) * -1);
+  }
+
+  .sm\:mb-0 {
+    margin-bottom: var(--cal-spacing-0);
+  }
+
+  .sm\:mb-4 {
+    margin-bottom: var(--cal-spacing-4);
+  }
+
+  .sm\:mb-6 {
+    margin-bottom: var(--cal-spacing-6);
+  }
+
+  .sm\:ml-0 {
+    margin-left: var(--cal-spacing-0);
+  }
+
+  .sm\:ml-16 {
+    margin-left: var(--cal-spacing-16);
+  }
+
+  .sm\:ml-4 {
+    margin-left: var(--cal-spacing-4);
+  }
+
+  .sm\:ml-5 {
+    margin-left: var(--cal-spacing-5);
+  }
+
+  .sm\:ml-auto {
+    margin-left: auto;
+  }
+
+  .sm\:mr-36 {
+    margin-right: var(--cal-spacing-36);
+  }
+
+  .sm\:mr-4 {
+    margin-right: var(--cal-spacing-4);
+  }
+
+  .sm\:mt-0 {
+    margin-top: var(--cal-spacing-0);
+  }
+
+  .sm\:mt-4 {
+    margin-top: var(--cal-spacing-4);
+  }
+
+  .sm\:mt-5 {
+    margin-top: var(--cal-spacing-5);
+  }
+
+  .sm\:mt-6 {
+    margin-top: var(--cal-spacing-6);
+  }
+
+  .sm\:mt-8 {
+    margin-top: var(--cal-spacing-8);
+  }
+
+  .sm\:block {
+    display: block;
+  }
+
+  .sm\:inline-block {
+    display: inline-block;
+  }
+
+  .sm\:inline {
+    display: inline;
+  }
+
+  .sm\:flex {
+    display: flex;
+  }
+
+  .sm\:inline-flex {
+    display: inline-flex;
+  }
+
+  .sm\:table-cell {
+    display: table-cell;
+  }
+
+  .sm\:grid {
+    display: grid;
+  }
+
+  .sm\:hidden {
+    display: none;
+  }
+
+  .sm\:h-10 {
+    height: var(--cal-spacing-10);
+  }
+
+  .sm\:h-4 {
+    height: var(--cal-spacing-4);
+  }
+
+  .sm\:h-auto {
+    height: auto;
+  }
+
+  .sm\:h-screen {
+    height: 100vh;
+  }
+
+  .sm\:max-h-9 {
+    max-height: var(--cal-spacing-9);
+  }
+
+  .sm\:min-h-\[200px\] {
+    min-height: 200px;
+  }
+
+  .sm\:w-1\/2 {
+    width: 50%;
+  }
+
+  .sm\:w-10 {
+    width: var(--cal-spacing-10);
+  }
+
+  .sm\:w-16 {
+    width: var(--cal-spacing-16);
+  }
+
+  .sm\:w-24 {
+    width: var(--cal-spacing-24);
+  }
+
+  .sm\:w-28 {
+    width: var(--cal-spacing-28);
+  }
+
+  .sm\:w-32 {
+    width: var(--cal-spacing-32);
+  }
+
+  .sm\:w-36 {
+    width: var(--cal-spacing-36);
+  }
+
+  .sm\:w-4 {
+    width: var(--cal-spacing-4);
+  }
+
+  .sm\:w-\[100px\] {
+    width: 100px;
+  }
+
+  .sm\:w-\[45rem\] {
+    width: 45rem;
+  }
+
+  .sm\:w-auto {
+    width: auto;
+  }
+
+  .sm\:w-full {
+    width: 100%;
+  }
+
+  .sm\:min-w-80 {
+    min-width: var(--cal-spacing-80);
+  }
+
+  .sm\:min-w-\[12rem\] {
+    min-width: 12rem;
+  }
+
+  .sm\:min-w-\[200px\] {
+    min-width: 200px;
+  }
+
+  .sm\:max-w-32 {
+    max-width: var(--cal-spacing-32);
+  }
+
+  .sm\:max-w-4xl {
+    max-width: 56rem;
+  }
+
+  .sm\:max-w-56 {
+    max-width: var(--cal-spacing-56);
+  }
+
+  .sm\:max-w-64 {
+    max-width: var(--cal-spacing-64);
+  }
+
+  .sm\:max-w-72 {
+    max-width: var(--cal-spacing-72);
+  }
+
+  .sm\:max-w-80 {
+    max-width: var(--cal-spacing-80);
+  }
+
+  .sm\:max-w-\[35rem\] {
+    max-width: 35rem;
+  }
+
+  .sm\:max-w-\[45rem\] {
+    max-width: 45rem;
+  }
+
+  .sm\:max-w-\[48rem\] {
+    max-width: 48rem;
+  }
+
+  .sm\:max-w-\[500px\] {
+    max-width: 500px;
+  }
+
+  .sm\:max-w-\[520px\] {
+    max-width: 520px;
+  }
+
+  .sm\:max-w-\[600px\] {
+    max-width: 600px;
+  }
+
+  .sm\:max-w-\[610px\] {
+    max-width: 610px;
+  }
+
+  .sm\:max-w-\[650px\] {
+    max-width: 650px;
+  }
+
+  .sm\:max-w-\[70rem\] {
+    max-width: 70rem;
+  }
+
+  .sm\:max-w-\[80rem\] {
+    max-width: 80rem;
+  }
+
+  .sm\:max-w-\[90rem\] {
+    max-width: 90rem;
+  }
+
+  .sm\:max-w-lg {
+    max-width: 32rem;
+  }
+
+  .sm\:max-w-md {
+    max-width: 28rem;
+  }
+
+  .sm\:max-w-none {
+    max-width: none;
+  }
+
+  .sm\:max-w-sm {
+    max-width: 24rem;
+  }
+
+  .sm\:max-w-xl {
+    max-width: 36rem;
+  }
+
+  .sm\:flex-1 {
+    flex: 1 1 0%;
+  }
+
+  .sm\:flex-none {
+    flex: none;
+  }
+
+  .sm\:translate-y-\[12px\] {
+    --tw-translate-y: 12px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .sm\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .sm\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .sm\:flex-row {
+    flex-direction: row;
+  }
+
+  .sm\:flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+
+  .sm\:flex-col {
+    flex-direction: column;
+  }
+
+  .sm\:flex-wrap {
+    flex-wrap: wrap;
+  }
+
+  .sm\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  .sm\:items-start {
+    align-items: flex-start;
+  }
+
+  .sm\:items-center {
+    align-items: center;
+  }
+
+  .sm\:justify-start {
+    justify-content: flex-start;
+  }
+
+  .sm\:justify-end {
+    justify-content: flex-end;
+  }
+
+  .sm\:justify-between {
+    justify-content: space-between;
+  }
+
+  .sm\:gap-0 {
+    gap: var(--cal-spacing-0);
+  }
+
+  .sm\:gap-2 {
+    gap: var(--cal-spacing-2);
+  }
+
+  .sm\:gap-3 {
+    gap: var(--cal-spacing-3);
+  }
+
+  .sm\:gap-4 {
+    gap: var(--cal-spacing-4);
+  }
+
+  .sm\:gap-6 {
+    gap: var(--cal-spacing-6);
+  }
+
+  .sm\:gap-x-6 {
+    -moz-column-gap: var(--cal-spacing-6);
+         column-gap: var(--cal-spacing-6);
+  }
+
+  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(var(--cal-spacing-2) * var(--tw-space-x-reverse));
+    margin-left: calc(var(--cal-spacing-2) * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(var(--cal-spacing-4) * var(--tw-space-x-reverse));
+    margin-left: calc(var(--cal-spacing-4) * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(var(--cal-spacing-0) * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(var(--cal-spacing-0) * var(--tw-space-y-reverse));
+  }
+
+  .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(var(--cal-spacing-8) * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(var(--cal-spacing-8) * var(--tw-space-y-reverse));
+  }
+
+  .sm\: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));
+  }
+
+  .sm\:divide-subtle > :not([hidden]) ~ :not([hidden]) {
+    border-color: var(--cal-border-subtle);
+  }
+
+  .sm\:self-center {
+    align-self: center;
+  }
+
+  .sm\:self-baseline {
+    align-self: baseline;
+  }
+
+  .sm\:overflow-hidden {
+    overflow: hidden;
+  }
+
+  .sm\:rounded-lg {
+    border-radius: var(--cal-radius-lg);
+  }
+
+  .sm\:rounded-md {
+    border-radius: var(--cal-radius-md);
+  }
+
+  .sm\:rounded-l-none {
+    border-top-left-radius: var(--cal-radius-none);
+    border-bottom-left-radius: var(--cal-radius-none);
+  }
+
+  .sm\:rounded-r-none {
+    border-top-right-radius: var(--cal-radius-none);
+    border-bottom-right-radius: var(--cal-radius-none);
+  }
+
+  .sm\:rounded-bl-md {
+    border-bottom-left-radius: var(--cal-radius-md);
+  }
+
+  .sm\:rounded-bl-none {
+    border-bottom-left-radius: var(--cal-radius-none);
+  }
+
+  .sm\:rounded-tl-md {
+    border-top-left-radius: var(--cal-radius-md);
+  }
+
+  .sm\:rounded-tl-none {
+    border-top-left-radius: var(--cal-radius-none);
+  }
+
+  .sm\:border-booker-width {
+    border-width: var(--cal-border-booker-width, 1px);
+  }
+
+  .sm\:border-r {
+    border-right-width: 1px;
+  }
+
+  .sm\:border-subtle {
+    border-color: var(--cal-border-subtle);
+  }
+
+  .sm\:p-0 {
+    padding: var(--cal-spacing-0);
+  }
+
+  .sm\:p-3 {
+    padding: var(--cal-spacing-3);
+  }
+
+  .sm\:p-4 {
+    padding: var(--cal-spacing-4);
+  }
+
+  .sm\:p-6 {
+    padding: var(--cal-spacing-6);
+  }
+
+  .sm\:p-8 {
+    padding: var(--cal-spacing-8);
+  }
+
+  .sm\:px-0 {
+    padding-left: var(--cal-spacing-0);
+    padding-right: var(--cal-spacing-0);
+  }
+
+  .sm\:px-10 {
+    padding-left: var(--cal-spacing-10);
+    padding-right: var(--cal-spacing-10);
+  }
+
+  .sm\:px-14 {
+    padding-left: var(--cal-spacing-14);
+    padding-right: var(--cal-spacing-14);
+  }
+
+  .sm\:px-16 {
+    padding-left: var(--cal-spacing-16);
+    padding-right: var(--cal-spacing-16);
+  }
+
+  .sm\:px-4 {
+    padding-left: var(--cal-spacing-4);
+    padding-right: var(--cal-spacing-4);
+  }
+
+  .sm\:px-5 {
+    padding-left: var(--cal-spacing-5);
+    padding-right: var(--cal-spacing-5);
+  }
+
+  .sm\:px-6 {
+    padding-left: var(--cal-spacing-6);
+    padding-right: var(--cal-spacing-6);
+  }
+
+  .sm\:px-8 {
+    padding-left: var(--cal-spacing-8);
+    padding-right: var(--cal-spacing-8);
+  }
+
+  .sm\:py-4 {
+    padding-top: var(--cal-spacing-4);
+    padding-bottom: var(--cal-spacing-4);
+  }
+
+  .sm\:py-5 {
+    padding-top: var(--cal-spacing-5);
+    padding-bottom: var(--cal-spacing-5);
+  }
+
+  .sm\:py-6 {
+    padding-top: var(--cal-spacing-6);
+    padding-bottom: var(--cal-spacing-6);
+  }
+
+  .sm\:py-8 {
+    padding-top: var(--cal-spacing-8);
+    padding-bottom: var(--cal-spacing-8);
+  }
+
+  .sm\:pb-5 {
+    padding-bottom: var(--cal-spacing-5);
+  }
+
+  .sm\:pl-0 {
+    padding-left: var(--cal-spacing-0);
+  }
+
+  .sm\:pl-3 {
+    padding-left: var(--cal-spacing-3);
+  }
+
+  .sm\:pr-5 {
+    padding-right: var(--cal-spacing-5);
+  }
+
+  .sm\:pr-6 {
+    padding-right: var(--cal-spacing-6);
+  }
+
+  .sm\:pr-8 {
+    padding-right: var(--cal-spacing-8);
+  }
+
+  .sm\:pt-0 {
+    padding-top: var(--cal-spacing-0);
+  }
+
+  .sm\:pt-24 {
+    padding-top: var(--cal-spacing-24);
+  }
+
+  .sm\:text-left {
+    text-align: left;
+  }
+
+  .sm\:text-right {
+    text-align: right;
+  }
+
+  .sm\:align-middle {
+    vertical-align: middle;
+  }
+
+  .sm\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
+
+  .sm\:text-sm {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .sm\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .sm\:text-xs {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .sm\:font-medium {
+    font-weight: 500;
+  }
+
+  .sm\:leading-4 {
+    line-height: 1rem;
+  }
+
+  .sm\:transition-\[width\] {
+    transition-property: width;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .sm\:duration-300 {
+    transition-duration: 300ms;
+    animation-duration: 300ms;
+  }
+
+  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open] {
+    --tw-enter-translate-y: 100%;
+  }
+
+  .sm\:hover\:bg-muted:hover {
+    background-color: var(--cal-bg-muted);
+  }
+
+  .sm\:hover\:bg-subtle:hover {
+    background-color: var(--cal-bg-subtle);
+  }
+
+  :is([dir="ltr"] .sm\:ltr\:pl-0) {
+    padding-left: var(--cal-spacing-0);
+  }
+
+  :is([dir="rtl"] .sm\:rtl\:pr-0) {
+    padding-right: var(--cal-spacing-0);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+
+    .sm\:motion-reduce\:transition-none {
+      transition-property: none;
+    }
+  }
+}
+
+@media (min-width: 768px) {
+
+  .md\:not-sr-only {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+  }
+
+  .md\:visible {
+    visibility: visible;
+  }
+
+  .md\:relative {
+    position: relative;
+  }
+
+  .md\:sticky {
+    position: sticky;
+  }
+
+  .md\:\!bottom-20 {
+    bottom: var(--cal-spacing-20) !important;
+  }
+
+  .md\:bottom-4 {
+    bottom: var(--cal-spacing-4);
+  }
+
+  .md\:bottom-auto {
+    bottom: auto;
+  }
+
+  .md\:left-1\/2 {
+    left: 50%;
+  }
+
+  .md\:right-auto {
+    right: auto;
+  }
+
+  .md\:top-6 {
+    top: var(--cal-spacing-6);
+  }
+
+  .md\:z-10 {
+    z-index: 10;
+  }
+
+  .md\:z-auto {
+    z-index: auto;
+  }
+
+  .md\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .md\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .md\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .md\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .md\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .md\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .md\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .md\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .md\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .md\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .md\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .md\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .md\:-mx-8 {
+    margin-left: calc(var(--cal-spacing-8) * -1);
+    margin-right: calc(var(--cal-spacing-8) * -1);
+  }
+
+  .md\:mx-0 {
+    margin-left: var(--cal-spacing-0);
+    margin-right: var(--cal-spacing-0);
+  }
+
+  .md\:mx-14 {
+    margin-left: var(--cal-spacing-14);
+    margin-right: var(--cal-spacing-14);
+  }
+
+  .md\:mx-4 {
+    margin-left: var(--cal-spacing-4);
+    margin-right: var(--cal-spacing-4);
+  }
+
+  .md\:mx-5 {
+    margin-left: var(--cal-spacing-5);
+    margin-right: var(--cal-spacing-5);
+  }
+
+  .md\:mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .md\:my-0 {
+    margin-top: var(--cal-spacing-0);
+    margin-bottom: var(--cal-spacing-0);
+  }
+
+  .md\:my-24 {
+    margin-top: var(--cal-spacing-24);
+    margin-bottom: var(--cal-spacing-24);
+  }
+
+  .md\:-ml-8 {
+    margin-left: calc(var(--cal-spacing-8) * -1);
+  }
+
+  .md\:-mr-8 {
+    margin-right: calc(var(--cal-spacing-8) * -1);
+  }
+
+  .md\:mb-0 {
+    margin-bottom: var(--cal-spacing-0);
+  }
+
+  .md\:mb-2 {
+    margin-bottom: var(--cal-spacing-2);
+  }
+
+  .md\:mb-6 {
+    margin-bottom: var(--cal-spacing-6);
+  }
+
+  .md\:mb-8 {
+    margin-bottom: var(--cal-spacing-8);
+  }
+
+  .md\:ml-3 {
+    margin-left: var(--cal-spacing-3);
+  }
+
+  .md\:ml-5 {
+    margin-left: var(--cal-spacing-5);
+  }
+
+  .md\:mr-6 {
+    margin-right: var(--cal-spacing-6);
+  }
+
+  .md\:mt-0 {
+    margin-top: var(--cal-spacing-0);
+  }
+
+  .md\:block {
+    display: block;
+  }
+
+  .md\:inline {
+    display: inline;
+  }
+
+  .md\:flex {
+    display: flex;
+  }
+
+  .md\:inline-flex {
+    display: inline-flex;
+  }
+
+  .md\:grid {
+    display: grid;
+  }
+
+  .md\:hidden {
+    display: none;
+  }
+
+  .md\:h-0 {
+    height: var(--cal-spacing-0);
+  }
+
+  .md\:h-11 {
+    height: var(--cal-spacing-11);
+  }
+
+  .md\:h-80 {
+    height: var(--cal-spacing-80);
+  }
+
+  .md\:h-9 {
+    height: var(--cal-spacing-9);
+  }
+
+  .md\:h-\[400px\] {
+    height: 400px;
+  }
+
+  .md\:h-screen {
+    height: 100vh;
+  }
+
+  .md\:max-h-80 {
+    max-height: var(--cal-spacing-80);
+  }
+
+  .md\:max-h-min {
+    max-height: -moz-min-content;
+    max-height: min-content;
+  }
+
+  .md\:min-h-9 {
+    min-height: var(--cal-spacing-9);
+  }
+
+  .md\:w-1\/5 {
+    width: 20%;
+  }
+
+  .md\:w-11 {
+    width: var(--cal-spacing-11);
+  }
+
+  .md\:w-64 {
+    width: var(--cal-spacing-64);
+  }
+
+  .md\:w-\[520px\] {
+    width: 520px;
+  }
+
+  .md\:w-\[560px\] {
+    width: 560px;
+  }
+
+  .md\:w-\[700px\] {
+    width: 700px;
+  }
+
+  .md\:w-\[var\(--booker-main-width\)\] {
+    width: var(--booker-main-width);
+  }
+
+  .md\:w-\[var\(--booker-meta-width\)\] {
+    width: var(--booker-meta-width);
+  }
+
+  .md\:w-\[var\(--booker-timeslots-width\)\] {
+    width: var(--booker-timeslots-width);
+  }
+
+  .md\:w-auto {
+    width: auto;
+  }
+
+  .md\:w-fit {
+    width: -moz-fit-content;
+    width: fit-content;
+  }
+
+  .md\:w-full {
+    width: 100%;
+  }
+
+  .md\:min-w-\[120px\] {
+    min-width: 120px;
+  }
+
+  .md\:min-w-\[150px\] {
+    min-width: 150px;
+  }
+
+  .md\:max-w-52 {
+    max-width: var(--cal-spacing-52);
+  }
+
+  .md\:max-w-56 {
+    max-width: var(--cal-spacing-56);
+  }
+
+  .md\:max-w-80 {
+    max-width: var(--cal-spacing-80);
+  }
+
+  .md\:max-w-\[145px\] {
+    max-width: 145px;
+  }
+
+  .md\:max-w-\[200px\] {
+    max-width: 200px;
+  }
+
+  .md\:max-w-\[300px\] {
+    max-width: 300px;
+  }
+
+  .md\:max-w-\[420px\] {
+    max-width: 420px;
+  }
+
+  .md\:max-w-full {
+    max-width: 100%;
+  }
+
+  .md\:max-w-max {
+    max-width: -moz-max-content;
+    max-width: max-content;
+  }
+
+  .md\:max-w-sm {
+    max-width: 24rem;
+  }
+
+  .md\:flex-none {
+    flex: none;
+  }
+
+  .md\:-translate-x-1\/2 {
+    --tw-translate-x: -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));
+  }
+
+  .md\: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));
+  }
+
+  .md\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .md\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+
+  .md\:flex-row {
+    flex-direction: row;
+  }
+
+  .md\:items-start {
+    align-items: flex-start;
+  }
+
+  .md\:justify-start {
+    justify-content: flex-start;
+  }
+
+  .md\:justify-between {
+    justify-content: space-between;
+  }
+
+  .md\:gap-4 {
+    gap: var(--cal-spacing-4);
+  }
+
+  .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(var(--cal-spacing-3) * var(--tw-space-x-reverse));
+    margin-left: calc(var(--cal-spacing-3) * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(var(--cal-spacing-5) * var(--tw-space-x-reverse));
+    margin-left: calc(var(--cal-spacing-5) * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(var(--cal-spacing-0) * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(var(--cal-spacing-0) * var(--tw-space-y-reverse));
+  }
+
+  .md\:overflow-x-hidden {
+    overflow-x: hidden;
+  }
+
+  .md\:rounded-\[10px\] {
+    border-radius: 10px;
+  }
+
+  .md\:rounded-lg {
+    border-radius: var(--cal-radius-lg);
+  }
+
+  .md\:rounded-md {
+    border-radius: var(--cal-radius-md);
+  }
+
+  .md\:rounded-none {
+    border-radius: var(--cal-radius-none);
+  }
+
+  .md\:border {
+    border-width: 1px;
+  }
+
+  .md\:border-0 {
+    border-width: 0px;
+  }
+
+  .md\:border-booker-width {
+    border-width: var(--cal-border-booker-width, 1px);
+  }
+
+  .md\:border-l {
+    border-left-width: 1px;
+  }
+
+  .md\:border-t {
+    border-top-width: 1px;
+  }
+
+  .md\:border-none {
+    border-style: none;
+  }
+
+  .md\:border-subtle {
+    border-color: var(--cal-border-subtle);
+  }
+
+  .md\:object-center {
+    -o-object-position: center;
+       object-position: center;
+  }
+
+  .md\:p-0 {
+    padding: var(--cal-spacing-0);
+  }
+
+  .md\:p-10 {
+    padding: var(--cal-spacing-10);
+  }
+
+  .md\:p-4 {
+    padding: var(--cal-spacing-4);
+  }
+
+  .md\:p-5 {
+    padding: var(--cal-spacing-5);
+  }
+
+  .md\:p-6 {
+    padding: var(--cal-spacing-6);
+  }
+
+  .md\:p-8 {
+    padding: var(--cal-spacing-8);
+  }
+
+  .md\:px-10 {
+    padding-left: var(--cal-spacing-10);
+    padding-right: var(--cal-spacing-10);
+  }
+
+  .md\:px-2 {
+    padding-left: var(--cal-spacing-2);
+    padding-right: var(--cal-spacing-2);
+  }
+
+  .md\:px-20 {
+    padding-left: var(--cal-spacing-20);
+    padding-right: var(--cal-spacing-20);
+  }
+
+  .md\:px-4 {
+    padding-left: var(--cal-spacing-4);
+    padding-right: var(--cal-spacing-4);
+  }
+
+  .md\:px-8 {
+    padding-left: var(--cal-spacing-8);
+    padding-right: var(--cal-spacing-8);
+  }
+
+  .md\:py-2 {
+    padding-top: var(--cal-spacing-2);
+    padding-bottom: var(--cal-spacing-2);
+  }
+
+  .md\:py-2\.5 {
+    padding-top: var(--cal-spacing-2_5);
+    padding-bottom: var(--cal-spacing-2_5);
+  }
+
+  .md\:py-24 {
+    padding-top: var(--cal-spacing-24);
+    padding-bottom: var(--cal-spacing-24);
+  }
+
+  .md\:pl-0 {
+    padding-left: var(--cal-spacing-0);
+  }
+
+  .md\:pl-10 {
+    padding-left: var(--cal-spacing-10);
+  }
+
+  .md\:pr-10 {
+    padding-right: var(--cal-spacing-10);
+  }
+
+  .md\:pt-0 {
+    padding-top: var(--cal-spacing-0);
+  }
+
+  .md\:pt-10 {
+    padding-top: var(--cal-spacing-10);
+  }
+
+  .md\:pt-4 {
+    padding-top: var(--cal-spacing-4);
+  }
+
+  .md\:text-left {
+    text-align: left;
+  }
+
+  .md\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .md\:overflow-x-hidden.scrollbar {
+    overflow-x: hidden;
+  }
+
+  .md\:overflow-x-hidden.scrollbar-thin {
+    overflow-x: hidden;
+  }
+
+  .md\:radix-state-open\:rotate-0[data-state="open"] {
+    --tw-rotate: 0deg;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  :is([dir="ltr"] .md\:ltr\:right-0) {
+    right: var(--cal-spacing-0);
+  }
+
+  :is([dir="ltr"] .md\:ltr\:mx-auto) {
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  :is([dir="ltr"] .ltr\:md\:border-l) {
+    border-left-width: 1px;
+  }
+
+  :is([dir="rtl"] .md\:rtl\:left-0) {
+    left: var(--cal-spacing-0);
+  }
+}
+
+@media (min-width: 1024px) {
+
+  .lg\:sticky {
+    position: sticky;
+  }
+
+  .lg\:left-1\/2 {
+    left: 50%;
+  }
+
+  .lg\:left-3 {
+    left: var(--cal-spacing-3);
+  }
+
+  .lg\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+
+  .lg\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+
+  .lg\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+
+  .lg\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+
+  .lg\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .lg\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
+  .lg\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+
+  .lg\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+
+  .lg\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+
+  .lg\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+
+  .lg\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+
+  .lg\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+
+  .lg\:-mx-6 {
+    margin-left: calc(var(--cal-spacing-6) * -1);
+    margin-right: calc(var(--cal-spacing-6) * -1);
+  }
+
+  .lg\:mx-0 {
+    margin-left: var(--cal-spacing-0);
+    margin-right: var(--cal-spacing-0);
+  }
+
+  .lg\:-mt-12 {
+    margin-top: calc(var(--cal-spacing-12) * -1);
+  }
+
+  .lg\:mb-0 {
+    margin-bottom: var(--cal-spacing-0);
+  }
+
+  .lg\:mb-4 {
+    margin-bottom: var(--cal-spacing-4);
+  }
+
+  .lg\:mb-5 {
+    margin-bottom: var(--cal-spacing-5);
+  }
+
+  .lg\:mb-7 {
+    margin-bottom: var(--cal-spacing-7);
+  }
+
+  .lg\:mb-8 {
+    margin-bottom: var(--cal-spacing-8);
+  }
+
+  .lg\:ml-0 {
+    margin-left: var(--cal-spacing-0);
+  }
+
+  .lg\:ml-10 {
+    margin-left: var(--cal-spacing-10);
+  }
+
+  .lg\:ml-14 {
+    margin-left: var(--cal-spacing-14);
+  }
+
+  .lg\:ml-8 {
+    margin-left: var(--cal-spacing-8);
+  }
+
+  .lg\:mr-0 {
+    margin-right: var(--cal-spacing-0);
+  }
+
+  .lg\:mt-0 {
+    margin-top: var(--cal-spacing-0);
+  }
+
+  .lg\:mt-12 {
+    margin-top: var(--cal-spacing-12);
+  }
+
+  .lg\:mt-24 {
+    margin-top: var(--cal-spacing-24);
+  }
+
+  .lg\:mt-4 {
+    margin-top: var(--cal-spacing-4);
+  }
+
+  .lg\:block {
+    display: block;
+  }
+
+  .lg\:inline {
+    display: inline;
+  }
+
+  .lg\:flex {
+    display: flex;
+  }
+
+  .lg\:inline-flex {
+    display: inline-flex;
+  }
+
+  .lg\:grid {
+    display: grid;
+  }
+
+  .lg\:hidden {
+    display: none;
+  }
+
+  .lg\:h-\[100\%\] {
+    height: 100%;
+  }
+
+  .lg\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .lg\:w-56 {
+    width: var(--cal-spacing-56);
+  }
+
+  .lg\:w-\[calc\(100\%\+48px\)\] {
+    width: calc(100% + 48px);
+  }
+
+  .lg\:w-\[var\(--booker-main-width\)\] {
+    width: var(--booker-main-width);
+  }
+
+  .lg\:w-auto {
+    width: auto;
+  }
+
+  .lg\:w-fit {
+    width: -moz-fit-content;
+    width: fit-content;
+  }
+
+  .lg\:min-w-72 {
+    min-width: var(--cal-spacing-72);
+  }
+
+  .lg\:max-w-2xl {
+    max-width: 42rem;
+  }
+
+  .lg\:max-w-3xl {
+    max-width: 48rem;
+  }
+
+  .lg\:max-w-72 {
+    max-width: var(--cal-spacing-72);
+  }
+
+  .lg\:max-w-\[50\%\] {
+    max-width: 50%;
+  }
+
+  .lg\:max-w-full {
+    max-width: 100%;
+  }
+
+  .lg\:max-w-screen-2xl {
+    max-width: 1536px;
+  }
+
+  .lg\:translate-x-0 {
+    --tw-translate-x: var(--cal-spacing-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));
+  }
+
+  .lg\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-none {
+    grid-template-columns: none;
+  }
+
+  .lg\:flex-row {
+    flex-direction: row;
+  }
+
+  .lg\:flex-col {
+    flex-direction: column;
+  }
+
+  .lg\:items-center {
+    align-items: center;
+  }
+
+  .lg\:justify-center {
+    justify-content: center;
+  }
+
+  .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(var(--cal-spacing-4) * var(--tw-space-x-reverse));
+    margin-left: calc(var(--cal-spacing-4) * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(var(--cal-spacing-0) * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(var(--cal-spacing-0) * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(var(--cal-spacing-5) * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(var(--cal-spacing-5) * var(--tw-space-y-reverse));
+  }
+
+  .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(var(--cal-spacing-6) * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(var(--cal-spacing-6) * var(--tw-space-y-reverse));
+  }
+
+  .lg\:rounded {
+    border-radius: var(--cal-radius);
+  }
+
+  .lg\:rounded-md {
+    border-radius: var(--cal-radius-md);
+  }
+
+  .lg\:border {
+    border-width: 1px;
+  }
+
+  .lg\:bg-subtle {
+    background-color: var(--cal-bg-subtle);
+  }
+
+  .lg\:p-20 {
+    padding: var(--cal-spacing-20);
+  }
+
+  .lg\:px-0 {
+    padding-left: var(--cal-spacing-0);
+    padding-right: var(--cal-spacing-0);
+  }
+
+  .lg\:px-2 {
+    padding-left: var(--cal-spacing-2);
+    padding-right: var(--cal-spacing-2);
+  }
+
+  .lg\:px-3 {
+    padding-left: var(--cal-spacing-3);
+    padding-right: var(--cal-spacing-3);
+  }
+
+  .lg\:px-6 {
+    padding-left: var(--cal-spacing-6);
+    padding-right: var(--cal-spacing-6);
+  }
+
+  .lg\:px-8 {
+    padding-left: var(--cal-spacing-8);
+    padding-right: var(--cal-spacing-8);
+  }
+
+  .lg\:py-12 {
+    padding-top: var(--cal-spacing-12);
+    padding-bottom: var(--cal-spacing-12);
+  }
+
+  .lg\:py-\[6px\] {
+    padding-top: 6px;
+    padding-bottom: 6px;
+  }
+
+  .lg\:pb-0 {
+    padding-bottom: var(--cal-spacing-0);
+  }
+
+  .lg\:pb-5 {
+    padding-bottom: var(--cal-spacing-5);
+  }
+
+  .lg\:pl-11 {
+    padding-left: var(--cal-spacing-11);
+  }
+
+  .lg\:pl-12 {
+    padding-left: var(--cal-spacing-12);
+  }
+
+  .lg\:pl-\[6px\] {
+    padding-left: 6px;
+  }
+
+  .lg\:pt-0 {
+    padding-top: var(--cal-spacing-0);
+  }
+
+  .lg\:pt-4 {
+    padding-top: var(--cal-spacing-4);
+  }
+
+  .lg\:opacity-100 {
+    opacity: 1;
+  }
+
+  .lg\:\[--booker-meta-width\:280px\] {
+    --booker-meta-width: 280px;
+  }
+
+  .lg\:\[--booker-meta-width\:340px\] {
+    --booker-meta-width: 340px;
+  }
+
+  .lg\:\[--booker-meta-width\:424px\] {
+    --booker-meta-width: 424px;
+  }
+
+  .lg\:\[--booker-timeslots-width\:280px\] {
+    --booker-timeslots-width: 280px;
+  }
+
+  .lg\:\[--troubleshooter-meta-width\:430px\] {
+    --troubleshooter-meta-width: 430px;
+  }
+
+  .lg\:hover\:bg-emphasis:hover {
+    background-color: var(--cal-bg-emphasis);
+  }
+
+  .lg\:hover\:text-emphasis:hover {
+    color: var(--cal-text-emphasis);
+  }
+
+  :is([dir="ltr"] .lg\:ltr\:mr-2) {
+    margin-right: var(--cal-spacing-2);
+  }
+
+  :is([dir="rtl"] .lg\:rtl\:ml-2) {
+    margin-left: var(--cal-spacing-2);
+  }
+}
+
+@media (min-width: 1280px) {
+
+  .xl\:mx-20 {
+    margin-left: var(--cal-spacing-20);
+    margin-right: var(--cal-spacing-20);
+  }
+
+  .xl\:mr-0 {
+    margin-right: var(--cal-spacing-0);
+  }
+
+  .xl\:mt-0 {
+    margin-top: var(--cal-spacing-0);
+  }
+
+  .xl\:block {
+    display: block;
+  }
+
+  .xl\:flex {
+    display: flex;
+  }
+
+  .xl\:hidden {
+    display: none;
+  }
+
+  .xl\:w-full {
+    width: 100%;
+  }
+
+  .xl\:max-w-80 {
+    max-width: var(--cal-spacing-80);
+  }
+
+  .xl\:max-w-full {
+    max-width: 100%;
+  }
+
+  .xl\:flex-row {
+    flex-direction: row;
+  }
+
+  .xl\:justify-between {
+    justify-content: space-between;
+  }
+
+  .xl\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(var(--cal-spacing-5) * var(--tw-space-x-reverse));
+    margin-left: calc(var(--cal-spacing-5) * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(var(--cal-spacing-6) * var(--tw-space-x-reverse));
+    margin-left: calc(var(--cal-spacing-6) * calc(1 - var(--tw-space-x-reverse)));
+  }
+
+  .xl\:pt-0 {
+    padding-top: var(--cal-spacing-0);
+  }
+}
+
+@media (min-width: 1536px) {
+
+  .\32xl\:rounded-\[20px\] {
+    border-radius: 20px;
+  }
+
+  .\32xl\:border {
+    border-width: 1px;
+  }
+
+  .\32xl\:border-subtle {
+    border-color: var(--cal-border-subtle);
+  }
+
+  .\32xl\:bg-default {
+    background-color: var(--cal-bg, white);
+  }
+
+  .\32xl\:px-28 {
+    padding-left: var(--cal-spacing-28);
+    padding-right: var(--cal-spacing-28);
+  }
+
+  .\32xl\:py-6 {
+    padding-top: var(--cal-spacing-6);
+    padding-bottom: var(--cal-spacing-6);
+  }
+}
+
+@media (display-mode: standalone) {
+
+  .pwa\:bottom-\[max\(7rem\2c _calc\(5rem_\+_env\(safe-area-inset-bottom\)\)\)\] {
+    bottom: max(7rem, calc(5rem + env(safe-area-inset-bottom)));
+  }
+
+  .pwa\:-mx-2 {
+    margin-left: calc(var(--cal-spacing-2) * -1);
+    margin-right: calc(var(--cal-spacing-2) * -1);
+  }
+
+  .pwa\:pb-\[max\(0\.25rem\2c env\(safe-area-inset-bottom\)\)\] {
+    padding-bottom: max(0.25rem,env(safe-area-inset-bottom));
+  }
+}
+
+.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+          appearance: none;
+}
+
+.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+          appearance: none;
+}
+
+.\[\&\:first-child\]\:before\:rounded-t-full:first-child::before {
+  content: var(--tw-content);
+  border-top-left-radius: var(--cal-radius-full);
+  border-top-right-radius: var(--cal-radius-full);
+}
+
+.\[\&\:first-child\]\:after\:rounded-t-full:first-child::after {
+  content: var(--tw-content);
+  border-top-left-radius: var(--cal-radius-full);
+  border-top-right-radius: var(--cal-radius-full);
+}
+
+.\[\&\:focus-within\]\:border-subtle:focus-within {
+  border-color: var(--cal-border-subtle);
+}
+
+.\[\&\:focus-within\]\:ring-2:focus-within {
+  --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-within\]\:ring-brand-default:focus-within {
+  --tw-ring-color: var(--cal-brand,#111827);
+}
+
+.\[\&\:has\(\+_input\:hover\)\]\:border-emphasis:has(+ input:hover) {
+  border-color: var(--cal-border-emphasis);
+}
+
+.\[\&\:has\(\+_input\:hover\)\]\:border-r-default:has(+ input:hover) {
+  border-right-color: var(--cal-border);
+}
+
+.\[\&\:has\(\:disabled\)\]\:cursor-not-allowed:has(:disabled) {
+  cursor: not-allowed;
+}
+
+.\[\&\:has\(\:disabled\)\]\:bg-subtle:has(:disabled) {
+  background-color: var(--cal-bg-subtle);
+}
+
+.\[\&\:has\(\:disabled\)\]\:hover\:border-default:hover:has(:disabled) {
+  border-color: var(--cal-border);
+}
+
+.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child {
+  border-top-left-radius: var(--cal-radius-md);
+  border-bottom-left-radius: var(--cal-radius-md);
+}
+
+.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child {
+  border-top-right-radius: var(--cal-radius-md);
+  border-bottom-right-radius: var(--cal-radius-md);
+}
+
+.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
+  border-top-right-radius: var(--cal-radius-md);
+  border-bottom-right-radius: var(--cal-radius-md);
+}
+
+.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
+  padding-right: var(--cal-spacing-0);
+}
+
+.\[\&\:has\(input\:checked\)\]\:border-emphasis:has(input:checked) {
+  border-color: var(--cal-border-emphasis);
+}
+
+.\[\&\:has\(input\:checked\)\]\:border-error:has(input:checked) {
+  border-color: var(--cal-border-error);
+}
+
+.\[\&\:last-child\]\:before\:rounded-b-full:last-child::before {
+  content: var(--tw-content);
+  border-bottom-right-radius: var(--cal-radius-full);
+  border-bottom-left-radius: var(--cal-radius-full);
+}
+
+.\[\&\:last-child\]\:after\:rounded-b-full:last-child::after {
+  content: var(--tw-content);
+  border-bottom-right-radius: var(--cal-radius-full);
+  border-bottom-left-radius: var(--cal-radius-full);
+}
+
+.focus\:\[\&\:not\(\:disabled\)\]\:bg-subtle:not(:disabled):focus {
+  background-color: var(--cal-bg-subtle);
+}
+
+.hover\:\[\&\:not\(\:disabled\)\]\:bg-subtle:not(:disabled):hover {
+  background-color: var(--cal-bg-subtle);
+}
+
+.\[\&\>\*\:first-child\]\:mt-1>*:first-child {
+  margin-top: var(--cal-spacing-1);
+}
+
+.\[\&\>\*\:first-child\]\:rounded-l-\[var\(--btn-group-radius\)\]>*:first-child {
+  border-top-left-radius: var(--btn-group-radius);
+  border-bottom-left-radius: var(--btn-group-radius);
+}
+
+.\[\&\>\*\:first-child\]\:rounded-t-md>*:first-child {
+  border-top-left-radius: var(--cal-radius-md);
+  border-top-right-radius: var(--cal-radius-md);
+}
+
+.\[\&\>\*\:first-child\]\:border>*:first-child {
+  border-width: 1px;
+}
+
+.\[\&\>\*\:first-child\]\:border-default>*:first-child {
+  border-color: var(--cal-border);
+}
+
+.\[\&\>\*\:first-child\]\:\!p-0>*:first-child {
+  padding: var(--cal-spacing-0) !important;
+}
+
+.hover\:\[\&\>\*\:first-child\]\:border-gray-400>*:first-child:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(156 163 175 / var(--tw-border-opacity));
+}
+
+:is([dir="ltr"] .ltr\:\[\&\>\*\:first-child\]\:ml-0>*:first-child) {
+  margin-left: var(--cal-spacing-0);
+}
+
+:is([dir="ltr"] .ltr\:\[\&\>\*\:first-child\]\:rounded-l-md>*:first-child) {
+  border-top-left-radius: var(--cal-radius-md);
+  border-bottom-left-radius: var(--cal-radius-md);
+}
+
+:is([dir="ltr"] .ltr\:\[\&\>\*\:first-child\]\:border-l>*:first-child) {
+  border-left-width: 1px;
+}
+
+:is([dir="rtl"] .rtl\:\[\&\>\*\:first-child\]\:rounded-l-none>*:first-child) {
+  border-top-left-radius: var(--cal-radius-none);
+  border-bottom-left-radius: var(--cal-radius-none);
+}
+
+:is([dir="rtl"] .rtl\:\[\&\>\*\:first-child\]\:rounded-r-\[var\(--btn-group-radius\)\]>*:first-child) {
+  border-top-right-radius: var(--btn-group-radius);
+  border-bottom-right-radius: var(--btn-group-radius);
+}
+
+:is([dir="rtl"] .rtl\:\[\&\>\*\:first-child\]\:rounded-r-md>*:first-child) {
+  border-top-right-radius: var(--cal-radius-md);
+  border-bottom-right-radius: var(--cal-radius-md);
+}
+
+:is([dir="rtl"] .rtl\:\[\&\>\*\:first-child\]\:border-r>*:first-child) {
+  border-right-width: 1px;
+}
+
+.\[\&\>\*\:last-child\]\:mb-1>*:last-child {
+  margin-bottom: var(--cal-spacing-1);
+}
+
+.\[\&\>\*\:last-child\]\:rotate-180>*:last-child {
+  --tw-rotate: 180deg;
+  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));
+}
+
+.\[\&\>\*\:last-child\]\:rounded-b-md>*:last-child {
+  border-bottom-right-radius: var(--cal-radius-md);
+  border-bottom-left-radius: var(--cal-radius-md);
+}
+
+.\[\&\>\*\:last-child\]\:rounded-b-xl>*:last-child {
+  border-bottom-right-radius: var(--cal-radius-xl);
+  border-bottom-left-radius: var(--cal-radius-xl);
+}
+
+.\[\&\>\*\:last-child\]\:rounded-r-\[var\(--btn-group-radius\)\]>*:last-child {
+  border-top-right-radius: var(--btn-group-radius);
+  border-bottom-right-radius: var(--btn-group-radius);
+}
+
+.\[\&\>\*\:last-child\]\:border-b>*:last-child {
+  border-bottom-width: 1px;
+}
+
+.\[\&\>\*\:last-child\]\:transition-transform>*:last-child {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+:is([dir="ltr"] .ltr\:\[\&\>\*\:last-child\]\:rounded-r-md>*:last-child) {
+  border-top-right-radius: var(--cal-radius-md);
+  border-bottom-right-radius: var(--cal-radius-md);
+}
+
+:is([dir="rtl"] .rtl\:\[\&\>\*\:last-child\]\:rounded-l-\[var\(--btn-group-radius\)\]>*:last-child) {
+  border-top-left-radius: var(--btn-group-radius);
+  border-bottom-left-radius: var(--btn-group-radius);
+}
+
+:is([dir="rtl"] .rtl\:\[\&\>\*\:last-child\]\:rounded-l-md>*:last-child) {
+  border-top-left-radius: var(--cal-radius-md);
+  border-bottom-left-radius: var(--cal-radius-md);
+}
+
+:is([dir="rtl"] .rtl\:\[\&\>\*\:last-child\]\:rounded-r-none>*:last-child) {
+  border-top-right-radius: var(--cal-radius-none);
+  border-bottom-right-radius: var(--cal-radius-none);
+}
+
+.\[\&\>\*\:not\(\:first-child\)\]\:-ml-\[1px\]>*:not(:first-child) {
+  margin-left: -1px;
+}
+
+.\[\&\>\*\:not\(\:first-child\)\]\:hidden>*:not(:first-child) {
+  display: none;
+}
+
+.\[\&\>\*\]\:flex-1>* {
+  flex: 1 1 0%;
+}
+
+@keyframes pulse {
+
+  50% {
+    opacity: .5;
+  }
+}
+
+.\[\&\>\*\]\:animate-pulse>* {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
+.\[\&\>\*\]\:justify-center>* {
+  justify-content: center;
+}
+
+.\[\&\>\*\]\:rounded-none>* {
+  border-radius: var(--cal-radius-none);
+}
+
+.\[\&\>\*\]\:border>* {
+  border-width: 1px;
+}
+
+.\[\&\>\*\]\:border-t-0>* {
+  border-top-width: 0px;
+}
+
+.\[\&\>\*\]\:border-subtle>* {
+  border-color: var(--cal-border-subtle);
+}
+
+.\[\&\>\*\]\:bg-emphasis>* {
+  background-color: var(--cal-bg-emphasis);
+}
+
+.\[\&\>\*\]\:px-4>* {
+  padding-left: var(--cal-spacing-4);
+  padding-right: var(--cal-spacing-4);
+}
+
+.\[\&\>\*\]\:py-6>* {
+  padding-top: var(--cal-spacing-6);
+  padding-bottom: var(--cal-spacing-6);
+}
+
+.\[\&\>\*\]\:text-emphasis>* {
+  color: var(--cal-text-emphasis);
+}
+
+.hover\:\[\&\>\*\]\:z-\[1\]>*:hover {
+  z-index: 1;
+}
+
+@media (min-width: 640px) {
+
+  .\[\&\>\*\]\:sm\:px-6>* {
+    padding-left: var(--cal-spacing-6);
+    padding-right: var(--cal-spacing-6);
+  }
+}
+
+.\[\&\>a\]\:-ml-\[1px\]>a {
+  margin-left: -1px;
+}
+
+.hover\:\[\&\>a\]\:z-\[1\]>a:hover {
+  z-index: 1;
+}
+
+.\[\&\>button\]\:-ml-\[1px\]>button {
+  margin-left: -1px;
+}
+
+.hover\:\[\&\>button\]\:z-\[1\]>button:hover {
+  z-index: 1;
+}
+
+.\[\&\[aria-checked\=\'false\'\]\]\:hover\:text-emphasis:hover[aria-checked='false'] {
+  color: var(--cal-text-emphasis);
+}
+
+.\[\&\[aria-current\=\'page\'\]\]\:\!bg-transparent[aria-current='page'] {
+  background-color: transparent !important;
+}
+
+.\[\&\[aria-current\=\'page\'\]\]\:bg-emphasis[aria-current='page'] {
+  background-color: var(--cal-bg-emphasis);
+}
+
+.\[\&\[aria-current\=\'page\'\]\]\:bg-subtle[aria-current='page'] {
+  background-color: var(--cal-bg-subtle);
+}
+
+.\[\&\[aria-current\=\'page\'\]\]\:text-emphasis[aria-current='page'] {
+  color: var(--cal-text-emphasis);
+}
+
+.\[\&\[aria-current\=\'page\'\]\]\:text-inherit[aria-current='page'] {
+  color: inherit;
+}
+
+html.todesktop .todesktop\:\[\&\[aria-current\=\'page\'\]\]\:bg-emphasis[aria-current='page'] {
+  background-color: var(--cal-bg-emphasis);
+}
+
+:is([dir="ltr"] .ltr\:\[\&\[data-state\=\'checked\'\]\]\:translate-x-\[13px\][data-state='checked']) {
+  --tw-translate-x: 13px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+:is([dir="ltr"] .ltr\:\[\&\[data-state\=\'checked\'\]\]\:translate-x-\[17px\][data-state='checked']) {
+  --tw-translate-x: 17px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+:is([dir="rtl"] .rtl\:\[\&\[data-state\=\'checked\'\]\]\:-translate-x-\[13px\][data-state='checked']) {
+  --tw-translate-x: -13px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+:is([dir="rtl"] .rtl\:\[\&\[data-state\=\'checked\'\]\]\:-translate-x-\[17px\][data-state='checked']) {
+  --tw-translate-x: -17px;
+  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));
+}
+
+.\[\&_\.current-timezone\:before\]\:focus-within\:opacity-100:focus-within .current-timezone:before {
+  opacity: 1;
+}
+
+.\[\&_\.current-timezone\:before\]\:hover\:opacity-100:hover .current-timezone:before {
+  opacity: 1;
+}
+
+.\[\&_\.modalsticky\]\:sticky .modalsticky {
+  position: sticky;
+}
+
+.\[\&_\.modalsticky\]\:bottom-0 .modalsticky {
+  bottom: var(--cal-spacing-0);
+}
+
+.\[\&_\.modalsticky\]\:left-0 .modalsticky {
+  left: var(--cal-spacing-0);
+}
+
+.\[\&_\.modalsticky\]\:right-0 .modalsticky {
+  right: var(--cal-spacing-0);
+}
+
+.\[\&_\.modalsticky\]\:-mx-8 .modalsticky {
+  margin-left: calc(var(--cal-spacing-8) * -1);
+  margin-right: calc(var(--cal-spacing-8) * -1);
+}
+
+.\[\&_\.modalsticky\]\:border-t .modalsticky {
+  border-top-width: 1px;
+}
+
+.\[\&_\.modalsticky\]\:border-t-subtle .modalsticky {
+  border-top-color: var(--cal-border-subtle);
+}
+
+.\[\&_\.modalsticky\]\:bg-default .modalsticky {
+  background-color: var(--cal-bg, white);
+}
+
+.\[\&_\.modalsticky\]\:px-8 .modalsticky {
+  padding-left: var(--cal-spacing-8);
+  padding-right: var(--cal-spacing-8);
+}
+
+.\[\&_\.modalsticky\]\:py-4 .modalsticky {
+  padding-top: var(--cal-spacing-4);
+  padding-bottom: var(--cal-spacing-4);
+}
+
+.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
+  padding-left: var(--cal-spacing-2);
+  padding-right: var(--cal-spacing-2);
+}
+
+.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
+  padding-top: var(--cal-spacing-1_5);
+  padding-bottom: var(--cal-spacing-1_5);
+}
+
+.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
+  font-weight: 500;
+}
+
+.\[\&_\[cmdk-group-heading\]\]\:text-muted [cmdk-group-heading] {
+  color: var(--cal-text-muted);
+}
+
+.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {
+  padding-top: var(--cal-spacing-0);
+}
+
+.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
+  padding-left: var(--cal-spacing-2);
+  padding-right: var(--cal-spacing-2);
+}
+
+.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
+  height: var(--cal-spacing-5);
+}
+
+.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
+  width: var(--cal-spacing-5);
+}
+
+.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
+  height: var(--cal-spacing-12);
+}
+
+.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
+  padding-left: var(--cal-spacing-2);
+  padding-right: var(--cal-spacing-2);
+}
+
+.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
+  padding-top: var(--cal-spacing-3);
+  padding-bottom: var(--cal-spacing-3);
+}
+
+.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
+  height: var(--cal-spacing-5);
+}
+
+.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
+  width: var(--cal-spacing-5);
+}
+
+.\[\&_a\]\:rounded-none a {
+  border-radius: var(--cal-radius-none);
+}
+
+.\[\&_a\]\:text-blue-500 a {
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity));
+}
+
+.\[\&_a\]\:underline a {
+  text-decoration-line: underline;
+}
+
+.\[\&_a\]\:hover\:text-blue-600:hover a {
+  --tw-text-opacity: 1;
+  color: rgb(37 99 235 / var(--tw-text-opacity));
+}
+
+.\[\&_button\]\:rounded-none button {
+  border-radius: var(--cal-radius-none);
+}
+
+.\[\&_iframe\]\:h-full iframe {
+  height: 100%;
+}
+
+.\[\&_iframe\]\:min-h-\[315px\] iframe {
+  min-height: 315px;
+}
+
+.\[\&_iframe\]\:w-full iframe {
+  width: 100%;
+}
+
+.\[\&_img\]\:h-\[15px\] img {
+  height: 15px;
+}
+
+.\[\&_input\]\:mb-0 input {
+  margin-bottom: var(--cal-spacing-0);
+}
+
+.\[\&_input\]\:leading-4 input {
+  line-height: 1rem;
+}
+
+.\[\&_label\]\:my-1 label {
+  margin-top: var(--cal-spacing-1);
+  margin-bottom: var(--cal-spacing-1);
+}
+
+.\[\&_label\]\:font-normal label {
+  font-weight: 400;
+}
+
+.\[\&_svg\]\:invisible svg {
+  visibility: hidden;
+}
+
+.\[\&_tr\:last-child\]\:border-0 tr:last-child {
+  border-width: 0px;
+}
+
+.\[\&_tr\]\:border-b tr {
+  border-bottom-width: 1px;
+}
+
+.\[\&_tr\]\:bg-subtle tr {
+  background-color: var(--cal-bg-subtle);
+}
+
+@media(max-width:1270px) {
+
+  .\[\@media\(max-width\:1270px\)\]\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+
+@media(max-width:260px) {
+
+  .\[\@media\(max-width\:260px\)\]\:w-full {
+    width: 100%;
+  }
+
+  .\[\@media\(max-width\:260px\)\]\:justify-center {
+    justify-content: center;
+  }
+}
+
+@media(max-width:500px) {
+
+  .\[\@media\(max-width\:500px\)\]\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+}
+
+@media(max-width:730px) {
+
+  .\[\@media\(max-width\:730px\)\]\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+}
+
+input:hover + .\[input\:hover_\+_\&\]\:border-emphasis {
+  border-color: var(--cal-border-emphasis);
 }
-/* END - Copied from packages/features/calendars/weeklyview/styles/styles.css - END */
 
-.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:mt-0:first-child{margin-top:0}.first\:rounded-t-md:first-child{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.last\:mb-0:last-child{margin-bottom:0}.last\:mb-2:last-child{margin-bottom:.5rem}.last\:mr-0:last-child{margin-right:0}.last\:rounded-b-md:last-child{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.last\:border-b-0:last-child{border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.last\:font-medium:last-child{font-weight:500}.only\:w-full:only-child{width:100%}.first-of-type\:rounded-t-\[inherit\]:first-of-type{border-top-left-radius:inherit;border-top-right-radius:inherit}.last-of-type\:rounded-b-\[inherit\]:last-of-type{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.visited\:text-blue-500:visited{color:#3b82f6}.checked\:bg-brand-default:checked{background-color:var(--cal-brand,#111827)}.checked\:bg-darkerror:checked{background-color:var(--cal-bg-dark-error)}.checked\:bg-gray-300:checked{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.checked\:bg-gray-800:checked{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.empty\:before\:inline-block:empty:before{content:var(--tw-content);display:inline-block}.empty\:before\:content-\[\'\'\]:empty:before{--tw-content:"";content:var(--tw-content)}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.focus-within\:border-emphasis:focus-within{border-color:var(--cal-border-emphasis,#9ca3af)}.focus-within\:bg-subtle:focus-within{background-color:var(--cal-bg-subtle)}.focus-within\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.focus-within\:ring-0:focus-within{--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(0px + 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-within\:ring-2:focus-within{--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-within\:ring-brand-default:focus-within{--tw-ring-color:var(--cal-brand,#111827)}.focus-within\:ring-emphasis:focus-within{--tw-ring-color:var(--cal-bg-emphasis)}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px}.focus\:z-10:focus{z-index:10}.focus\:border:focus{border-width:1px}.focus\:border-0:focus{border-width:0}.focus\:border-2:focus{border-width:2px}.focus\:border-r:focus{border-right-width:1px}.focus\:border-black:focus{--tw-border-opacity:1;border-color:rgb(17 17 17/var(--tw-border-opacity))}.focus\:border-brand-default:focus{border-color:var(--cal-brand,#111827)}.focus\:border-emphasis:focus{border-color:var(--cal-border-emphasis,#9ca3af)}.focus\:border-gray-800:focus{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity))}.focus\:border-neutral-300:focus{--tw-border-opacity:1;border-color:rgb(212 212 212/var(--tw-border-opacity))}.focus\:border-neutral-500:focus{--tw-border-opacity:1;border-color:rgb(115 115 115/var(--tw-border-opacity))}.focus\:border-neutral-800:focus{--tw-border-opacity:1;border-color:rgb(38 38 38/var(--tw-border-opacity))}.focus\:border-neutral-900:focus{--tw-border-opacity:1;border-color:rgb(23 23 23/var(--tw-border-opacity))}.focus\:border-orange-400:focus{--tw-border-opacity:1;border-color:rgb(251 146 60/var(--tw-border-opacity))}.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.focus\:border-subtle:focus{border-color:var(--cal-border-subtle,#e5e7eb)}.focus\:\!bg-transparent:focus{background-color:transparent!important}.focus\:bg-default:focus{background-color:var(--cal-bg,#fff)}.focus\:bg-emphasis:focus{background-color:var(--cal-bg-emphasis)}.focus\:bg-muted:focus{background-color:var(--cal-bg-muted)}.focus\:bg-subtle:focus{background-color:var(--cal-bg-subtle)}.focus\:text-emphasis:focus{color:var(--cal-text-emphasis,#111827)}.focus\:opacity-100:focus{opacity:1}.focus\:\!outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:\!ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.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)}.focus\:ring-0:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-0: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-amber-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(254 243 199/var(--tw-ring-opacity))}.focus\:ring-amber-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(253 230 138/var(--tw-ring-opacity))}.focus\:ring-amber-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(252 211 77/var(--tw-ring-opacity))}.focus\:ring-amber-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(251 191 36/var(--tw-ring-opacity))}.focus\:ring-amber-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 251 235/var(--tw-ring-opacity))}.focus\:ring-amber-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(245 158 11/var(--tw-ring-opacity))}.focus\:ring-amber-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(217 119 6/var(--tw-ring-opacity))}.focus\:ring-amber-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(180 83 9/var(--tw-ring-opacity))}.focus\:ring-amber-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(146 64 14/var(--tw-ring-opacity))}.focus\:ring-amber-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(120 53 15/var(--tw-ring-opacity))}.focus\:ring-black:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(17 17 17/var(--tw-ring-opacity))}.focus\:ring-blue-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(219 234 254/var(--tw-ring-opacity))}.focus\:ring-blue-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity))}.focus\:ring-blue-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity))}.focus\:ring-blue-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250/var(--tw-ring-opacity))}.focus\:ring-blue-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 246 255/var(--tw-ring-opacity))}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity))}.focus\:ring-blue-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity))}.focus\:ring-blue-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(29 78 216/var(--tw-ring-opacity))}.focus\:ring-blue-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(30 64 175/var(--tw-ring-opacity))}.focus\:ring-blue-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(30 58 138/var(--tw-ring-opacity))}.focus\:ring-brand-default:focus{--tw-ring-color:var(--cal-brand,#111827)}.focus\:ring-cyan-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(207 250 254/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-cyan-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 211 238/var(--tw-ring-opacity))}.focus\:ring-cyan-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(236 254 255/var(--tw-ring-opacity))}.focus\:ring-cyan-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(6 182 212/var(--tw-ring-opacity))}.focus\:ring-cyan-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(8 145 178/var(--tw-ring-opacity))}.focus\:ring-cyan-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(14 116 144/var(--tw-ring-opacity))}.focus\:ring-cyan-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(21 94 117/var(--tw-ring-opacity))}.focus\:ring-cyan-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(22 78 99/var(--tw-ring-opacity))}.focus\:ring-emerald-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(209 250 229/var(--tw-ring-opacity))}.focus\:ring-emerald-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(167 243 208/var(--tw-ring-opacity))}.focus\:ring-emerald-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(110 231 183/var(--tw-ring-opacity))}.focus\:ring-emerald-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(52 211 153/var(--tw-ring-opacity))}.focus\:ring-emerald-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(236 253 245/var(--tw-ring-opacity))}.focus\:ring-emerald-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(16 185 129/var(--tw-ring-opacity))}.focus\:ring-emerald-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(5 150 105/var(--tw-ring-opacity))}.focus\:ring-emerald-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(4 120 87/var(--tw-ring-opacity))}.focus\:ring-emerald-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(6 95 70/var(--tw-ring-opacity))}.focus\:ring-emerald-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(6 78 59/var(--tw-ring-opacity))}.focus\:ring-emphasis:focus{--tw-ring-color:var(--cal-bg-emphasis)}.focus\:ring-fuchsia-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(250 232 255/var(--tw-ring-opacity))}.focus\:ring-fuchsia-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(245 208 254/var(--tw-ring-opacity))}.focus\:ring-fuchsia-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(240 171 252/var(--tw-ring-opacity))}.focus\:ring-fuchsia-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(232 121 249/var(--tw-ring-opacity))}.focus\:ring-fuchsia-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(253 244 255/var(--tw-ring-opacity))}.focus\:ring-fuchsia-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(217 70 239/var(--tw-ring-opacity))}.focus\:ring-fuchsia-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(192 38 211/var(--tw-ring-opacity))}.focus\:ring-fuchsia-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(162 28 175/var(--tw-ring-opacity))}.focus\:ring-fuchsia-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(134 25 143/var(--tw-ring-opacity))}.focus\:ring-fuchsia-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(112 26 117/var(--tw-ring-opacity))}.focus\:ring-gray-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(243 244 246/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-gray-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(249 250 251/var(--tw-ring-opacity))}.focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity))}.focus\:ring-gray-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity))}.focus\:ring-gray-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(55 65 81/var(--tw-ring-opacity))}.focus\:ring-gray-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(31 41 55/var(--tw-ring-opacity))}.focus\:ring-gray-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(17 24 39/var(--tw-ring-opacity))}.focus\:ring-green-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(220 252 231/var(--tw-ring-opacity))}.focus\:ring-green-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(187 247 208/var(--tw-ring-opacity))}.focus\:ring-green-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(134 239 172/var(--tw-ring-opacity))}.focus\:ring-green-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(74 222 128/var(--tw-ring-opacity))}.focus\:ring-green-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(240 253 244/var(--tw-ring-opacity))}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity))}.focus\:ring-green-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(22 163 74/var(--tw-ring-opacity))}.focus\:ring-green-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(21 128 61/var(--tw-ring-opacity))}.focus\:ring-green-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(22 101 52/var(--tw-ring-opacity))}.focus\:ring-green-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(20 83 45/var(--tw-ring-opacity))}.focus\:ring-indigo-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(224 231 255/var(--tw-ring-opacity))}.focus\:ring-indigo-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(199 210 254/var(--tw-ring-opacity))}.focus\:ring-indigo-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(165 180 252/var(--tw-ring-opacity))}.focus\:ring-indigo-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(129 140 248/var(--tw-ring-opacity))}.focus\:ring-indigo-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(238 242 255/var(--tw-ring-opacity))}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity))}.focus\:ring-indigo-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(79 70 229/var(--tw-ring-opacity))}.focus\:ring-indigo-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(67 56 202/var(--tw-ring-opacity))}.focus\:ring-indigo-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(55 48 163/var(--tw-ring-opacity))}.focus\:ring-indigo-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(49 46 129/var(--tw-ring-opacity))}.focus\:ring-lime-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(236 252 203/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-lime-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(163 230 53/var(--tw-ring-opacity))}.focus\:ring-lime-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(247 254 231/var(--tw-ring-opacity))}.focus\:ring-lime-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(132 204 22/var(--tw-ring-opacity))}.focus\:ring-lime-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(101 163 13/var(--tw-ring-opacity))}.focus\:ring-lime-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(77 124 15/var(--tw-ring-opacity))}.focus\:ring-lime-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(63 98 18/var(--tw-ring-opacity))}.focus\:ring-lime-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(54 83 20/var(--tw-ring-opacity))}.focus\:ring-muted:focus{--tw-ring-color:var(--cal-bg-muted)}.focus\:ring-neutral-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(245 245 245/var(--tw-ring-opacity))}.focus\:ring-neutral-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(229 229 229/var(--tw-ring-opacity))}.focus\:ring-neutral-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(212 212 212/var(--tw-ring-opacity))}.focus\:ring-neutral-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(163 163 163/var(--tw-ring-opacity))}.focus\:ring-neutral-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(250 250 250/var(--tw-ring-opacity))}.focus\:ring-neutral-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(115 115 115/var(--tw-ring-opacity))}.focus\:ring-neutral-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(82 82 82/var(--tw-ring-opacity))}.focus\:ring-neutral-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(64 64 64/var(--tw-ring-opacity))}.focus\:ring-neutral-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(38 38 38/var(--tw-ring-opacity))}.focus\:ring-neutral-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(23 23 23/var(--tw-ring-opacity))}.focus\:ring-orange-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 237 213/var(--tw-ring-opacity))}.focus\:ring-orange-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(254 215 170/var(--tw-ring-opacity))}.focus\:ring-orange-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(253 186 116/var(--tw-ring-opacity))}.focus\:ring-orange-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(251 146 60/var(--tw-ring-opacity))}.focus\:ring-orange-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 247 237/var(--tw-ring-opacity))}.focus\:ring-orange-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(249 115 22/var(--tw-ring-opacity))}.focus\:ring-orange-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(234 88 12/var(--tw-ring-opacity))}.focus\:ring-orange-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(194 65 12/var(--tw-ring-opacity))}.focus\:ring-orange-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(154 52 18/var(--tw-ring-opacity))}.focus\:ring-orange-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(124 45 18/var(--tw-ring-opacity))}.focus\:ring-pink-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(252 231 243/var(--tw-ring-opacity))}.focus\:ring-pink-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(251 207 232/var(--tw-ring-opacity))}.focus\:ring-pink-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(249 168 212/var(--tw-ring-opacity))}.focus\:ring-pink-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(244 114 182/var(--tw-ring-opacity))}.focus\:ring-pink-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(253 242 248/var(--tw-ring-opacity))}.focus\:ring-pink-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(236 72 153/var(--tw-ring-opacity))}.focus\:ring-pink-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(219 39 119/var(--tw-ring-opacity))}.focus\:ring-pink-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(190 24 93/var(--tw-ring-opacity))}.focus\:ring-pink-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(131 24 67/var(--tw-ring-opacity))}.focus\:ring-purple-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(243 232 255/var(--tw-ring-opacity))}.focus\:ring-purple-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(233 213 255/var(--tw-ring-opacity))}.focus\:ring-purple-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(216 180 254/var(--tw-ring-opacity))}.focus\:ring-purple-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(192 132 252/var(--tw-ring-opacity))}.focus\:ring-purple-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(250 245 255/var(--tw-ring-opacity))}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity))}.focus\:ring-purple-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(147 51 234/var(--tw-ring-opacity))}.focus\:ring-purple-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(126 34 206/var(--tw-ring-opacity))}.focus\:ring-purple-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 33 168/var(--tw-ring-opacity))}.focus\:ring-purple-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(88 28 135/var(--tw-ring-opacity))}.focus\:ring-red-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(254 226 226/var(--tw-ring-opacity))}.focus\:ring-red-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(254 202 202/var(--tw-ring-opacity))}.focus\:ring-red-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(252 165 165/var(--tw-ring-opacity))}.focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity))}.focus\:ring-red-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(254 242 242/var(--tw-ring-opacity))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity))}.focus\:ring-red-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(220 38 38/var(--tw-ring-opacity))}.focus\:ring-red-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(185 28 28/var(--tw-ring-opacity))}.focus\:ring-red-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(153 27 27/var(--tw-ring-opacity))}.focus\:ring-red-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(127 29 29/var(--tw-ring-opacity))}.focus\:ring-rose-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 228 230/var(--tw-ring-opacity))}.focus\:ring-rose-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(254 205 211/var(--tw-ring-opacity))}.focus\:ring-rose-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(253 164 175/var(--tw-ring-opacity))}.focus\:ring-rose-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(251 113 133/var(--tw-ring-opacity))}.focus\:ring-rose-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 241 242/var(--tw-ring-opacity))}.focus\:ring-rose-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(244 63 94/var(--tw-ring-opacity))}.focus\:ring-rose-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(225 29 72/var(--tw-ring-opacity))}.focus\:ring-rose-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(190 18 60/var(--tw-ring-opacity))}.focus\:ring-rose-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(159 18 57/var(--tw-ring-opacity))}.focus\:ring-rose-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(136 19 55/var(--tw-ring-opacity))}.focus\:ring-sky-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(224 242 254/var(--tw-ring-opacity))}.focus\:ring-sky-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(186 230 253/var(--tw-ring-opacity))}.focus\:ring-sky-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(125 211 252/var(--tw-ring-opacity))}.focus\:ring-sky-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(56 189 248/var(--tw-ring-opacity))}.focus\:ring-sky-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(240 249 255/var(--tw-ring-opacity))}.focus\:ring-sky-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(14 165 233/var(--tw-ring-opacity))}.focus\:ring-sky-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(2 132 199/var(--tw-ring-opacity))}.focus\:ring-sky-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(3 105 161/var(--tw-ring-opacity))}.focus\:ring-sky-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(7 89 133/var(--tw-ring-opacity))}.focus\:ring-sky-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(12 74 110/var(--tw-ring-opacity))}.focus\:ring-slate-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(241 245 249/var(--tw-ring-opacity))}.focus\:ring-slate-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(226 232 240/var(--tw-ring-opacity))}.focus\:ring-slate-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(203 213 225/var(--tw-ring-opacity))}.focus\:ring-slate-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(148 163 184/var(--tw-ring-opacity))}.focus\:ring-slate-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 250 252/var(--tw-ring-opacity))}.focus\:ring-slate-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(100 116 139/var(--tw-ring-opacity))}.focus\:ring-slate-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(71 85 105/var(--tw-ring-opacity))}.focus\:ring-slate-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(51 65 85/var(--tw-ring-opacity))}.focus\:ring-slate-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(30 41 59/var(--tw-ring-opacity))}.focus\:ring-slate-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(15 23 42/var(--tw-ring-opacity))}.focus\:ring-stone-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(245 245 244/var(--tw-ring-opacity))}.focus\:ring-stone-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(231 229 228/var(--tw-ring-opacity))}.focus\:ring-stone-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(214 211 209/var(--tw-ring-opacity))}.focus\:ring-stone-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 162 158/var(--tw-ring-opacity))}.focus\:ring-stone-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(250 250 249/var(--tw-ring-opacity))}.focus\:ring-stone-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(120 113 108/var(--tw-ring-opacity))}.focus\:ring-stone-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(87 83 78/var(--tw-ring-opacity))}.focus\:ring-stone-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(68 64 60/var(--tw-ring-opacity))}.focus\:ring-stone-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(41 37 36/var(--tw-ring-opacity))}.focus\:ring-stone-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(28 25 23/var(--tw-ring-opacity))}.focus\:ring-teal-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(204 251 241/var(--tw-ring-opacity))}.focus\:ring-teal-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(153 246 228/var(--tw-ring-opacity))}.focus\:ring-teal-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(94 234 212/var(--tw-ring-opacity))}.focus\:ring-teal-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(45 212 191/var(--tw-ring-opacity))}.focus\:ring-teal-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(240 253 250/var(--tw-ring-opacity))}.focus\:ring-teal-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(20 184 166/var(--tw-ring-opacity))}.focus\:ring-teal-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(13 148 136/var(--tw-ring-opacity))}.focus\:ring-teal-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(15 118 110/var(--tw-ring-opacity))}.focus\:ring-teal-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(17 94 89/var(--tw-ring-opacity))}.focus\:ring-teal-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(19 78 74/var(--tw-ring-opacity))}.focus\:ring-transparent:focus{--tw-ring-color:transparent}.focus\:ring-violet-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(237 233 254/var(--tw-ring-opacity))}.focus\:ring-violet-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(221 214 254/var(--tw-ring-opacity))}.focus\:ring-violet-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(196 181 253/var(--tw-ring-opacity))}.focus\:ring-violet-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(167 139 250/var(--tw-ring-opacity))}.focus\:ring-violet-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(245 243 255/var(--tw-ring-opacity))}.focus\:ring-violet-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(139 92 246/var(--tw-ring-opacity))}.focus\:ring-violet-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(124 58 237/var(--tw-ring-opacity))}.focus\:ring-violet-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(109 40 217/var(--tw-ring-opacity))}.focus\:ring-violet-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(91 33 182/var(--tw-ring-opacity))}.focus\:ring-violet-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(76 29 149/var(--tw-ring-opacity))}.focus\:ring-white:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))}.focus\:ring-yellow-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(254 249 195/var(--tw-ring-opacity))}.focus\:ring-yellow-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(254 240 138/var(--tw-ring-opacity))}.focus\:ring-yellow-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity))}.focus\:ring-yellow-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(250 204 21/var(--tw-ring-opacity))}.focus\:ring-yellow-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(254 252 232/var(--tw-ring-opacity))}.focus\:ring-yellow-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(234 179 8/var(--tw-ring-opacity))}.focus\:ring-yellow-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(202 138 4/var(--tw-ring-opacity))}.focus\:ring-yellow-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(161 98 7/var(--tw-ring-opacity))}.focus\:ring-yellow-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(133 77 14/var(--tw-ring-opacity))}.focus\:ring-yellow-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(113 63 18/var(--tw-ring-opacity))}.focus\:ring-zinc-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(244 244 245/var(--tw-ring-opacity))}.focus\:ring-zinc-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(228 228 231/var(--tw-ring-opacity))}.focus\:ring-zinc-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(212 212 216/var(--tw-ring-opacity))}.focus\:ring-zinc-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(161 161 170/var(--tw-ring-opacity))}.focus\:ring-zinc-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(250 250 250/var(--tw-ring-opacity))}.focus\:ring-zinc-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(113 113 122/var(--tw-ring-opacity))}.focus\:ring-zinc-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(82 82 91/var(--tw-ring-opacity))}.focus\:ring-zinc-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(63 63 70/var(--tw-ring-opacity))}.focus\:ring-zinc-800:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(39 39 42/var(--tw-ring-opacity))}.focus\:ring-zinc-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(24 24 27/var(--tw-ring-opacity))}.focus\:\!ring-offset-0:focus{--tw-ring-offset-width:0px!important}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px}.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:border-red-100:focus-visible{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity))}.focus-visible\:bg-error:focus-visible{background-color:var(--cal-bg-error)}.focus-visible\:bg-subtle:focus-visible{background-color:var(--cal-bg-subtle)}.focus-visible\:bg-transparent:focus-visible{background-color:transparent}.focus-visible\:text-red-700:focus-visible{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:ring-2:focus-visible{--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-visible\:ring-brand-default:focus-visible{--tw-ring-color:var(--cal-brand,#111827)}.focus-visible\:ring-red-700:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(185 28 28/var(--tw-ring-opacity))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-red-200:disabled{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.disabled\:border-subtle:disabled{border-color:var(--cal-border-subtle,#e5e7eb)}.disabled\:border-transparent:disabled{border-color:transparent}.disabled\:bg-brand-subtle:disabled{background-color:var(--cal-brand-subtle,#9ca3af)}.disabled\:bg-emphasis:disabled{background-color:var(--cal-bg-emphasis)}.disabled\:bg-gray-200:disabled{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.disabled\:bg-red-100:disabled{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.disabled\:bg-subtle:disabled{background-color:var(--cal-bg-subtle)}.disabled\:bg-opacity-30:disabled{--tw-bg-opacity:0.3}.disabled\:font-light:disabled{font-weight:300}.disabled\:text-muted:disabled{color:var(--cal-text-muted,#9ca3af)}.disabled\:text-red-700:disabled{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:visible,.group\/booking_status_email:hover .group-hover\/booking_status_email\:visible{visibility:visible}.group:hover .group-hover\:flex{display:flex}.group:hover .group-hover\:inline-flex{display:inline-flex}.group:hover .group-hover\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:cursor-pointer{cursor:pointer}.group:hover .group-hover\:border-emphasis{border-color:var(--cal-border-emphasis,#9ca3af)}.group\/remove:hover .group-hover\/remove\:bg-inverted{background-color:var(--cal-bg-inverted)}.group:hover .group-hover\:\!bg-muted{background-color:var(--cal-bg-muted)!important}.group:hover .group-hover\:bg-blue-300{--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity))}.group:hover .group-hover\:bg-opacity-40{--tw-bg-opacity:0.4}.group\/remove:hover .group-hover\/remove\:text-inverted{color:var(--cal-text-inverted,#fff)}.group:hover .group-hover\:text-default{color:var(--cal-text,#374151)}.group:hover .group-hover\:text-emphasis{color:var(--cal-text-emphasis,#111827)}.group:hover .group-hover\:text-subtle{color:var(--cal-text-subtle,#6b7280)}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.peer:checked~.peer-checked\:text-emphasis{color:var(--cal-text-emphasis,#111827)}.peer:checked~.peer-checked\: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)}.aria-checked\:bg-emphasis[aria-checked=true],.aria-selected\:bg-emphasis[aria-selected=true]{background-color:var(--cal-bg-emphasis)}.aria-selected\:bg-muted[aria-selected=true]{background-color:var(--cal-bg-muted)}.aria-selected\:bg-subtle[aria-selected=true]{background-color:var(--cal-bg-subtle)}.aria-selected\:text-emphasis[aria-selected=true]{color:var(--cal-text-emphasis,#111827)}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:1.25rem;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))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end],.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{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))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x)}.data-\[state\=checked\]\:bg-brand-default[data-state=checked]{background-color:var(--cal-brand,#111827)}.data-\[state\=selected\]\:bg-subtle[data-state=selected]{background-color:var(--cal-bg-subtle)}.data-\[state\=checked\]\:text-brand[data-state=checked]{color:var(--cal-brand-text,"white")}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:0.8}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.group[data-state=selected] .group-data-\[state\=selected\]\:bg-subtle{background-color:var(--cal-bg-subtle)}html.todesktop .todesktop\:-mt-3{margin-top:-.75rem}html.todesktop .todesktop\:mt-10{margin-top:2.5rem}html.todesktop .todesktop\:mt-4{margin-top:1rem}html.todesktop .todesktop\:block{display:block}html.todesktop .todesktop\:hidden{display:none}html.todesktop .todesktop\:flex-col-reverse{flex-direction:column-reverse}html.todesktop .todesktop\:\!bg-transparent{background-color:transparent!important}html.todesktop .todesktop\:py-\[7px\]{padding-top:7px;padding-bottom:7px}html.todesktop .todesktop\:\!text-blue-500{--tw-text-opacity:1!important;color:rgb(59 130 246/var(--tw-text-opacity))!important}html.todesktop .todesktop\:\[-webkit-app-region\:drag\]{-webkit-app-region:drag}.prose-headings\:text-emphasis :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose] *))){color:var(--cal-text-emphasis,#111827)}.prose-h3\:font-cal :is(:where(h3):not(:where([class~=not-prose] *))){font-family:var(--font-cal),ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}.prose-h3\:text-white :is(:where(h3):not(:where([class~=not-prose] *))){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.prose-a\:text-default :is(:where(a):not(:where([class~=not-prose] *))){color:var(--cal-text,#374151)}.prose-a\:text-white :is(:where(a):not(:where([class~=not-prose] *))){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.prose-strong\:text-default :is(:where(strong):not(:where([class~=not-prose] *))){color:var(--cal-text,#374151)}.prose-code\:text-default :is(:where(code):not(:where([class~=not-prose] *))){color:var(--cal-text,#374151)}.hover\:-mt-px:hover{margin-top:-1px}.hover\:cursor-default:hover{cursor:default}.hover\:cursor-not-allowed:hover{cursor:not-allowed}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:rounded-md:hover{border-radius:.375rem}.hover\:border-b-2:hover{border-bottom-width:2px}.hover\:border-amber-100:hover{--tw-border-opacity:1;border-color:rgb(254 243 199/var(--tw-border-opacity))}.hover\:border-amber-200:hover{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity))}.hover\:border-amber-300:hover{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity))}.hover\:border-amber-400:hover{--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity))}.hover\:border-amber-50:hover{--tw-border-opacity:1;border-color:rgb(255 251 235/var(--tw-border-opacity))}.hover\:border-amber-500:hover{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity))}.hover\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity))}.hover\:border-amber-700:hover{--tw-border-opacity:1;border-color:rgb(180 83 9/var(--tw-border-opacity))}.hover\:border-amber-800:hover{--tw-border-opacity:1;border-color:rgb(146 64 14/var(--tw-border-opacity))}.hover\:border-amber-900:hover{--tw-border-opacity:1;border-color:rgb(120 53 15/var(--tw-border-opacity))}.hover\:border-black:hover{--tw-border-opacity:1;border-color:rgb(17 17 17/var(--tw-border-opacity))}.hover\:border-blue-100:hover{--tw-border-opacity:1;border-color:rgb(219 234 254/var(--tw-border-opacity))}.hover\:border-blue-200:hover{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity))}.hover\:border-blue-300:hover{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity))}.hover\:border-blue-400:hover{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity))}.hover\:border-blue-50:hover{--tw-border-opacity:1;border-color:rgb(239 246 255/var(--tw-border-opacity))}.hover\:border-blue-500:hover{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.hover\:border-blue-600:hover{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.hover\:border-blue-700:hover{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity))}.hover\:border-blue-800:hover{--tw-border-opacity:1;border-color:rgb(30 64 175/var(--tw-border-opacity))}.hover\:border-blue-900:hover{--tw-border-opacity:1;border-color:rgb(30 58 138/var(--tw-border-opacity))}.hover\:border-brand-default:hover{border-color:var(--cal-brand,#111827)}.hover\:border-cyan-100:hover{--tw-border-opacity:1;border-color:rgb(207 250 254/var(--tw-border-opacity))}.hover\:border-cyan-200:hover{--tw-border-opacity:1;border-color:rgb(165 243 252/var(--tw-border-opacity))}.hover\:border-cyan-300:hover{--tw-border-opacity:1;border-color:rgb(103 232 249/var(--tw-border-opacity))}.hover\:border-cyan-400:hover{--tw-border-opacity:1;border-color:rgb(34 211 238/var(--tw-border-opacity))}.hover\:border-cyan-50:hover{--tw-border-opacity:1;border-color:rgb(236 254 255/var(--tw-border-opacity))}.hover\:border-cyan-500:hover{--tw-border-opacity:1;border-color:rgb(6 182 212/var(--tw-border-opacity))}.hover\:border-cyan-600:hover{--tw-border-opacity:1;border-color:rgb(8 145 178/var(--tw-border-opacity))}.hover\:border-cyan-700:hover{--tw-border-opacity:1;border-color:rgb(14 116 144/var(--tw-border-opacity))}.hover\:border-cyan-800:hover{--tw-border-opacity:1;border-color:rgb(21 94 117/var(--tw-border-opacity))}.hover\:border-cyan-900:hover{--tw-border-opacity:1;border-color:rgb(22 78 99/var(--tw-border-opacity))}.hover\:border-default:hover{border-color:var(--cal-border,#d1d5db)}.hover\:border-emerald-100:hover{--tw-border-opacity:1;border-color:rgb(209 250 229/var(--tw-border-opacity))}.hover\:border-emerald-200:hover{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity))}.hover\:border-emerald-300:hover{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity))}.hover\:border-emerald-400:hover{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity))}.hover\:border-emerald-50:hover{--tw-border-opacity:1;border-color:rgb(236 253 245/var(--tw-border-opacity))}.hover\:border-emerald-500:hover{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity))}.hover\:border-emerald-600:hover{--tw-border-opacity:1;border-color:rgb(5 150 105/var(--tw-border-opacity))}.hover\:border-emerald-700:hover{--tw-border-opacity:1;border-color:rgb(4 120 87/var(--tw-border-opacity))}.hover\:border-emerald-800:hover{--tw-border-opacity:1;border-color:rgb(6 95 70/var(--tw-border-opacity))}.hover\:border-emerald-900:hover{--tw-border-opacity:1;border-color:rgb(6 78 59/var(--tw-border-opacity))}.hover\:border-emphasis:hover{border-color:var(--cal-border-emphasis,#9ca3af)}.hover\:border-error:hover{border-color:var(--cal-border-error,#aa2e26)}.hover\:border-fuchsia-100:hover{--tw-border-opacity:1;border-color:rgb(250 232 255/var(--tw-border-opacity))}.hover\:border-fuchsia-200:hover{--tw-border-opacity:1;border-color:rgb(245 208 254/var(--tw-border-opacity))}.hover\:border-fuchsia-300:hover{--tw-border-opacity:1;border-color:rgb(240 171 252/var(--tw-border-opacity))}.hover\:border-fuchsia-400:hover{--tw-border-opacity:1;border-color:rgb(232 121 249/var(--tw-border-opacity))}.hover\:border-fuchsia-50:hover{--tw-border-opacity:1;border-color:rgb(253 244 255/var(--tw-border-opacity))}.hover\:border-fuchsia-500:hover{--tw-border-opacity:1;border-color:rgb(217 70 239/var(--tw-border-opacity))}.hover\:border-fuchsia-600:hover{--tw-border-opacity:1;border-color:rgb(192 38 211/var(--tw-border-opacity))}.hover\:border-fuchsia-700:hover{--tw-border-opacity:1;border-color:rgb(162 28 175/var(--tw-border-opacity))}.hover\:border-fuchsia-800:hover{--tw-border-opacity:1;border-color:rgb(134 25 143/var(--tw-border-opacity))}.hover\:border-fuchsia-900:hover{--tw-border-opacity:1;border-color:rgb(112 26 117/var(--tw-border-opacity))}.hover\:border-gray-100:hover{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.hover\:border-gray-200:hover{--tw-border-opacity:1;border-color:rgb(229 231 235/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-400:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.hover\:border-gray-50:hover{--tw-border-opacity:1;border-color:rgb(249 250 251/var(--tw-border-opacity))}.hover\:border-gray-500:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/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-gray-700:hover{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.hover\:border-gray-800:hover{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity))}.hover\:border-gray-900:hover{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity))}.hover\:border-green-100:hover{--tw-border-opacity:1;border-color:rgb(220 252 231/var(--tw-border-opacity))}.hover\:border-green-200:hover{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity))}.hover\:border-green-300:hover{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity))}.hover\:border-green-400:hover{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity))}.hover\:border-green-50:hover{--tw-border-opacity:1;border-color:rgb(240 253 244/var(--tw-border-opacity))}.hover\:border-green-500:hover{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity))}.hover\:border-green-600:hover{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}.hover\:border-green-700:hover{--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity))}.hover\:border-green-800:hover{--tw-border-opacity:1;border-color:rgb(22 101 52/var(--tw-border-opacity))}.hover\:border-green-900:hover{--tw-border-opacity:1;border-color:rgb(20 83 45/var(--tw-border-opacity))}.hover\:border-indigo-100:hover{--tw-border-opacity:1;border-color:rgb(224 231 255/var(--tw-border-opacity))}.hover\:border-indigo-200:hover{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity))}.hover\:border-indigo-300:hover{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity))}.hover\:border-indigo-400:hover{--tw-border-opacity:1;border-color:rgb(129 140 248/var(--tw-border-opacity))}.hover\:border-indigo-50:hover{--tw-border-opacity:1;border-color:rgb(238 242 255/var(--tw-border-opacity))}.hover\:border-indigo-500:hover{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity))}.hover\:border-indigo-600:hover{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity))}.hover\:border-indigo-700:hover{--tw-border-opacity:1;border-color:rgb(67 56 202/var(--tw-border-opacity))}.hover\:border-indigo-800:hover{--tw-border-opacity:1;border-color:rgb(55 48 163/var(--tw-border-opacity))}.hover\:border-indigo-900:hover{--tw-border-opacity:1;border-color:rgb(49 46 129/var(--tw-border-opacity))}.hover\:border-lime-100:hover{--tw-border-opacity:1;border-color:rgb(236 252 203/var(--tw-border-opacity))}.hover\:border-lime-200:hover{--tw-border-opacity:1;border-color:rgb(217 249 157/var(--tw-border-opacity))}.hover\:border-lime-300:hover{--tw-border-opacity:1;border-color:rgb(190 242 100/var(--tw-border-opacity))}.hover\:border-lime-400:hover{--tw-border-opacity:1;border-color:rgb(163 230 53/var(--tw-border-opacity))}.hover\:border-lime-50:hover{--tw-border-opacity:1;border-color:rgb(247 254 231/var(--tw-border-opacity))}.hover\:border-lime-500:hover{--tw-border-opacity:1;border-color:rgb(132 204 22/var(--tw-border-opacity))}.hover\:border-lime-600:hover{--tw-border-opacity:1;border-color:rgb(101 163 13/var(--tw-border-opacity))}.hover\:border-lime-700:hover{--tw-border-opacity:1;border-color:rgb(77 124 15/var(--tw-border-opacity))}.hover\:border-lime-800:hover{--tw-border-opacity:1;border-color:rgb(63 98 18/var(--tw-border-opacity))}.hover\:border-lime-900:hover{--tw-border-opacity:1;border-color:rgb(54 83 20/var(--tw-border-opacity))}.hover\:border-neutral-100:hover{--tw-border-opacity:1;border-color:rgb(245 245 245/var(--tw-border-opacity))}.hover\:border-neutral-200:hover{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity))}.hover\:border-neutral-300:hover{--tw-border-opacity:1;border-color:rgb(212 212 212/var(--tw-border-opacity))}.hover\:border-neutral-400:hover{--tw-border-opacity:1;border-color:rgb(163 163 163/var(--tw-border-opacity))}.hover\:border-neutral-50:hover{--tw-border-opacity:1;border-color:rgb(250 250 250/var(--tw-border-opacity))}.hover\:border-neutral-500:hover{--tw-border-opacity:1;border-color:rgb(115 115 115/var(--tw-border-opacity))}.hover\:border-neutral-600:hover{--tw-border-opacity:1;border-color:rgb(82 82 82/var(--tw-border-opacity))}.hover\:border-neutral-700:hover{--tw-border-opacity:1;border-color:rgb(64 64 64/var(--tw-border-opacity))}.hover\:border-neutral-800:hover{--tw-border-opacity:1;border-color:rgb(38 38 38/var(--tw-border-opacity))}.hover\:border-neutral-900:hover{--tw-border-opacity:1;border-color:rgb(23 23 23/var(--tw-border-opacity))}.hover\:border-orange-100:hover{--tw-border-opacity:1;border-color:rgb(255 237 213/var(--tw-border-opacity))}.hover\:border-orange-200:hover{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity))}.hover\:border-orange-300:hover{--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity))}.hover\:border-orange-400:hover{--tw-border-opacity:1;border-color:rgb(251 146 60/var(--tw-border-opacity))}.hover\:border-orange-50:hover{--tw-border-opacity:1;border-color:rgb(255 247 237/var(--tw-border-opacity))}.hover\:border-orange-500:hover{--tw-border-opacity:1;border-color:rgb(249 115 22/var(--tw-border-opacity))}.hover\:border-orange-600:hover{--tw-border-opacity:1;border-color:rgb(234 88 12/var(--tw-border-opacity))}.hover\:border-orange-700:hover{--tw-border-opacity:1;border-color:rgb(194 65 12/var(--tw-border-opacity))}.hover\:border-orange-800:hover{--tw-border-opacity:1;border-color:rgb(154 52 18/var(--tw-border-opacity))}.hover\:border-orange-900:hover{--tw-border-opacity:1;border-color:rgb(124 45 18/var(--tw-border-opacity))}.hover\:border-pink-100:hover{--tw-border-opacity:1;border-color:rgb(252 231 243/var(--tw-border-opacity))}.hover\:border-pink-200:hover{--tw-border-opacity:1;border-color:rgb(251 207 232/var(--tw-border-opacity))}.hover\:border-pink-300:hover{--tw-border-opacity:1;border-color:rgb(249 168 212/var(--tw-border-opacity))}.hover\:border-pink-400:hover{--tw-border-opacity:1;border-color:rgb(244 114 182/var(--tw-border-opacity))}.hover\:border-pink-50:hover{--tw-border-opacity:1;border-color:rgb(253 242 248/var(--tw-border-opacity))}.hover\:border-pink-500:hover{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity))}.hover\:border-pink-600:hover{--tw-border-opacity:1;border-color:rgb(219 39 119/var(--tw-border-opacity))}.hover\:border-pink-700:hover{--tw-border-opacity:1;border-color:rgb(190 24 93/var(--tw-border-opacity))}.hover\:border-pink-900:hover{--tw-border-opacity:1;border-color:rgb(131 24 67/var(--tw-border-opacity))}.hover\:border-purple-100:hover{--tw-border-opacity:1;border-color:rgb(243 232 255/var(--tw-border-opacity))}.hover\:border-purple-200:hover{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity))}.hover\:border-purple-300:hover{--tw-border-opacity:1;border-color:rgb(216 180 254/var(--tw-border-opacity))}.hover\:border-purple-400:hover{--tw-border-opacity:1;border-color:rgb(192 132 252/var(--tw-border-opacity))}.hover\:border-purple-50:hover{--tw-border-opacity:1;border-color:rgb(250 245 255/var(--tw-border-opacity))}.hover\:border-purple-500:hover{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity))}.hover\:border-purple-600:hover{--tw-border-opacity:1;border-color:rgb(147 51 234/var(--tw-border-opacity))}.hover\:border-purple-700:hover{--tw-border-opacity:1;border-color:rgb(126 34 206/var(--tw-border-opacity))}.hover\:border-purple-800:hover{--tw-border-opacity:1;border-color:rgb(107 33 168/var(--tw-border-opacity))}.hover\:border-purple-900:hover{--tw-border-opacity:1;border-color:rgb(88 28 135/var(--tw-border-opacity))}.hover\:border-red-100:hover{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity))}.hover\:border-red-200:hover{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.hover\:border-red-300:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.hover\:border-red-400:hover{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity))}.hover\:border-red-50:hover{--tw-border-opacity:1;border-color:rgb(254 242 242/var(--tw-border-opacity))}.hover\:border-red-500:hover{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.hover\:border-red-600:hover{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.hover\:border-red-700:hover{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity))}.hover\:border-red-800:hover{--tw-border-opacity:1;border-color:rgb(153 27 27/var(--tw-border-opacity))}.hover\:border-red-900:hover{--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity))}.hover\:border-rose-100:hover{--tw-border-opacity:1;border-color:rgb(255 228 230/var(--tw-border-opacity))}.hover\:border-rose-200:hover{--tw-border-opacity:1;border-color:rgb(254 205 211/var(--tw-border-opacity))}.hover\:border-rose-300:hover{--tw-border-opacity:1;border-color:rgb(253 164 175/var(--tw-border-opacity))}.hover\:border-rose-400:hover{--tw-border-opacity:1;border-color:rgb(251 113 133/var(--tw-border-opacity))}.hover\:border-rose-50:hover{--tw-border-opacity:1;border-color:rgb(255 241 242/var(--tw-border-opacity))}.hover\:border-rose-500:hover{--tw-border-opacity:1;border-color:rgb(244 63 94/var(--tw-border-opacity))}.hover\:border-rose-600:hover{--tw-border-opacity:1;border-color:rgb(225 29 72/var(--tw-border-opacity))}.hover\:border-rose-700:hover{--tw-border-opacity:1;border-color:rgb(190 18 60/var(--tw-border-opacity))}.hover\:border-rose-800:hover{--tw-border-opacity:1;border-color:rgb(159 18 57/var(--tw-border-opacity))}.hover\:border-rose-900:hover{--tw-border-opacity:1;border-color:rgb(136 19 55/var(--tw-border-opacity))}.hover\:border-sky-100:hover{--tw-border-opacity:1;border-color:rgb(224 242 254/var(--tw-border-opacity))}.hover\:border-sky-200:hover{--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity))}.hover\:border-sky-300:hover{--tw-border-opacity:1;border-color:rgb(125 211 252/var(--tw-border-opacity))}.hover\:border-sky-400:hover{--tw-border-opacity:1;border-color:rgb(56 189 248/var(--tw-border-opacity))}.hover\:border-sky-50:hover{--tw-border-opacity:1;border-color:rgb(240 249 255/var(--tw-border-opacity))}.hover\:border-sky-500:hover{--tw-border-opacity:1;border-color:rgb(14 165 233/var(--tw-border-opacity))}.hover\:border-sky-600:hover{--tw-border-opacity:1;border-color:rgb(2 132 199/var(--tw-border-opacity))}.hover\:border-sky-700:hover{--tw-border-opacity:1;border-color:rgb(3 105 161/var(--tw-border-opacity))}.hover\:border-sky-800:hover{--tw-border-opacity:1;border-color:rgb(7 89 133/var(--tw-border-opacity))}.hover\:border-sky-900:hover{--tw-border-opacity:1;border-color:rgb(12 74 110/var(--tw-border-opacity))}.hover\:border-slate-100:hover{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity))}.hover\:border-slate-200:hover{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity))}.hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity))}.hover\:border-slate-400:hover{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity))}.hover\:border-slate-50:hover{--tw-border-opacity:1;border-color:rgb(248 250 252/var(--tw-border-opacity))}.hover\:border-slate-500:hover{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity))}.hover\:border-slate-600:hover{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity))}.hover\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity))}.hover\:border-slate-800:hover{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity))}.hover\:border-slate-900:hover{--tw-border-opacity:1;border-color:rgb(15 23 42/var(--tw-border-opacity))}.hover\:border-stone-100:hover{--tw-border-opacity:1;border-color:rgb(245 245 244/var(--tw-border-opacity))}.hover\:border-stone-200:hover{--tw-border-opacity:1;border-color:rgb(231 229 228/var(--tw-border-opacity))}.hover\:border-stone-300:hover{--tw-border-opacity:1;border-color:rgb(214 211 209/var(--tw-border-opacity))}.hover\:border-stone-400:hover{--tw-border-opacity:1;border-color:rgb(168 162 158/var(--tw-border-opacity))}.hover\:border-stone-50:hover{--tw-border-opacity:1;border-color:rgb(250 250 249/var(--tw-border-opacity))}.hover\:border-stone-500:hover{--tw-border-opacity:1;border-color:rgb(120 113 108/var(--tw-border-opacity))}.hover\:border-stone-600:hover{--tw-border-opacity:1;border-color:rgb(87 83 78/var(--tw-border-opacity))}.hover\:border-stone-700:hover{--tw-border-opacity:1;border-color:rgb(68 64 60/var(--tw-border-opacity))}.hover\:border-stone-800:hover{--tw-border-opacity:1;border-color:rgb(41 37 36/var(--tw-border-opacity))}.hover\:border-stone-900:hover{--tw-border-opacity:1;border-color:rgb(28 25 23/var(--tw-border-opacity))}.hover\:border-teal-100:hover{--tw-border-opacity:1;border-color:rgb(204 251 241/var(--tw-border-opacity))}.hover\:border-teal-200:hover{--tw-border-opacity:1;border-color:rgb(153 246 228/var(--tw-border-opacity))}.hover\:border-teal-300:hover{--tw-border-opacity:1;border-color:rgb(94 234 212/var(--tw-border-opacity))}.hover\:border-teal-400:hover{--tw-border-opacity:1;border-color:rgb(45 212 191/var(--tw-border-opacity))}.hover\:border-teal-50:hover{--tw-border-opacity:1;border-color:rgb(240 253 250/var(--tw-border-opacity))}.hover\:border-teal-500:hover{--tw-border-opacity:1;border-color:rgb(20 184 166/var(--tw-border-opacity))}.hover\:border-teal-600:hover{--tw-border-opacity:1;border-color:rgb(13 148 136/var(--tw-border-opacity))}.hover\:border-teal-700:hover{--tw-border-opacity:1;border-color:rgb(15 118 110/var(--tw-border-opacity))}.hover\:border-teal-800:hover{--tw-border-opacity:1;border-color:rgb(17 94 89/var(--tw-border-opacity))}.hover\:border-teal-900:hover{--tw-border-opacity:1;border-color:rgb(19 78 74/var(--tw-border-opacity))}.hover\:border-transparent:hover{border-color:transparent}.hover\:border-violet-100:hover{--tw-border-opacity:1;border-color:rgb(237 233 254/var(--tw-border-opacity))}.hover\:border-violet-200:hover{--tw-border-opacity:1;border-color:rgb(221 214 254/var(--tw-border-opacity))}.hover\:border-violet-300:hover{--tw-border-opacity:1;border-color:rgb(196 181 253/var(--tw-border-opacity))}.hover\:border-violet-400:hover{--tw-border-opacity:1;border-color:rgb(167 139 250/var(--tw-border-opacity))}.hover\:border-violet-50:hover{--tw-border-opacity:1;border-color:rgb(245 243 255/var(--tw-border-opacity))}.hover\:border-violet-500:hover{--tw-border-opacity:1;border-color:rgb(139 92 246/var(--tw-border-opacity))}.hover\:border-violet-600:hover{--tw-border-opacity:1;border-color:rgb(124 58 237/var(--tw-border-opacity))}.hover\:border-violet-700:hover{--tw-border-opacity:1;border-color:rgb(109 40 217/var(--tw-border-opacity))}.hover\:border-violet-800:hover{--tw-border-opacity:1;border-color:rgb(91 33 182/var(--tw-border-opacity))}.hover\:border-violet-900:hover{--tw-border-opacity:1;border-color:rgb(76 29 149/var(--tw-border-opacity))}.hover\:border-white:hover{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.hover\:border-yellow-100:hover{--tw-border-opacity:1;border-color:rgb(254 249 195/var(--tw-border-opacity))}.hover\:border-yellow-200:hover{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity))}.hover\:border-yellow-300:hover{--tw-border-opacity:1;border-color:rgb(253 224 71/var(--tw-border-opacity))}.hover\:border-yellow-400:hover{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity))}.hover\:border-yellow-50:hover{--tw-border-opacity:1;border-color:rgb(254 252 232/var(--tw-border-opacity))}.hover\:border-yellow-500:hover{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity))}.hover\:border-yellow-600:hover{--tw-border-opacity:1;border-color:rgb(202 138 4/var(--tw-border-opacity))}.hover\:border-yellow-700:hover{--tw-border-opacity:1;border-color:rgb(161 98 7/var(--tw-border-opacity))}.hover\:border-yellow-800:hover{--tw-border-opacity:1;border-color:rgb(133 77 14/var(--tw-border-opacity))}.hover\:border-yellow-900:hover{--tw-border-opacity:1;border-color:rgb(113 63 18/var(--tw-border-opacity))}.hover\:border-zinc-100:hover{--tw-border-opacity:1;border-color:rgb(244 244 245/var(--tw-border-opacity))}.hover\:border-zinc-200:hover{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity))}.hover\:border-zinc-300:hover{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity))}.hover\:border-zinc-400:hover{--tw-border-opacity:1;border-color:rgb(161 161 170/var(--tw-border-opacity))}.hover\:border-zinc-50:hover{--tw-border-opacity:1;border-color:rgb(250 250 250/var(--tw-border-opacity))}.hover\:border-zinc-500:hover{--tw-border-opacity:1;border-color:rgb(113 113 122/var(--tw-border-opacity))}.hover\:border-zinc-600:hover{--tw-border-opacity:1;border-color:rgb(82 82 91/var(--tw-border-opacity))}.hover\:border-zinc-700:hover{--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity))}.hover\:border-zinc-800:hover{--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity))}.hover\:border-zinc-900:hover{--tw-border-opacity:1;border-color:rgb(24 24 27/var(--tw-border-opacity))}.hover\:\!bg-emphasis:hover{background-color:var(--cal-bg-emphasis)!important}.hover\:\!bg-inverted:hover{background-color:var(--cal-bg-inverted)!important}.hover\:\!bg-transparent:hover{background-color:transparent!important}.hover\:bg-amber-100:hover{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity))}.hover\:bg-amber-200:hover{--tw-bg-opacity:1;background-color:rgb(253 230 138/var(--tw-bg-opacity))}.hover\:bg-amber-300:hover{--tw-bg-opacity:1;background-color:rgb(252 211 77/var(--tw-bg-opacity))}.hover\:bg-amber-400:hover{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity))}.hover\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity))}.hover\:bg-amber-500:hover{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity))}.hover\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity))}.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity))}.hover\:bg-amber-800:hover{--tw-bg-opacity:1;background-color:rgb(146 64 14/var(--tw-bg-opacity))}.hover\:bg-amber-900:hover{--tw-bg-opacity:1;background-color:rgb(120 53 15/var(--tw-bg-opacity))}.hover\:bg-attention:hover{background-color:var(--cal-bg-attention)}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(17 17 17/var(--tw-bg-opacity))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.hover\:bg-blue-300:hover{--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity))}.hover\:bg-blue-400:hover{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity))}.hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity))}.hover\:bg-blue-900:hover{--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity))}.hover\:bg-brand-default:hover{background-color:var(--cal-brand,#111827)}.hover\:bg-brand-emphasis:hover{background-color:var(--cal-brand-emphasis,#101010)}.hover\:bg-cyan-100:hover{--tw-bg-opacity:1;background-color:rgb(207 250 254/var(--tw-bg-opacity))}.hover\:bg-cyan-200:hover{--tw-bg-opacity:1;background-color:rgb(165 243 252/var(--tw-bg-opacity))}.hover\:bg-cyan-300:hover{--tw-bg-opacity:1;background-color:rgb(103 232 249/var(--tw-bg-opacity))}.hover\:bg-cyan-400:hover{--tw-bg-opacity:1;background-color:rgb(34 211 238/var(--tw-bg-opacity))}.hover\:bg-cyan-50:hover{--tw-bg-opacity:1;background-color:rgb(236 254 255/var(--tw-bg-opacity))}.hover\:bg-cyan-500:hover{--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity))}.hover\:bg-cyan-600:hover{--tw-bg-opacity:1;background-color:rgb(8 145 178/var(--tw-bg-opacity))}.hover\:bg-cyan-700:hover{--tw-bg-opacity:1;background-color:rgb(14 116 144/var(--tw-bg-opacity))}.hover\:bg-cyan-800:hover{--tw-bg-opacity:1;background-color:rgb(21 94 117/var(--tw-bg-opacity))}.hover\:bg-cyan-900:hover{--tw-bg-opacity:1;background-color:rgb(22 78 99/var(--tw-bg-opacity))}.hover\:bg-default:hover{background-color:var(--cal-bg,#fff)}.hover\:bg-emerald-100:hover{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity))}.hover\:bg-emerald-200:hover{--tw-bg-opacity:1;background-color:rgb(167 243 208/var(--tw-bg-opacity))}.hover\:bg-emerald-300:hover{--tw-bg-opacity:1;background-color:rgb(110 231 183/var(--tw-bg-opacity))}.hover\:bg-emerald-400:hover{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity))}.hover\:bg-emerald-50:hover{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity))}.hover\:bg-emerald-500:hover{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity))}.hover\:bg-emerald-600:hover{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity))}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity))}.hover\:bg-emerald-800:hover{--tw-bg-opacity:1;background-color:rgb(6 95 70/var(--tw-bg-opacity))}.hover\:bg-emerald-900:hover{--tw-bg-opacity:1;background-color:rgb(6 78 59/var(--tw-bg-opacity))}.hover\:bg-emphasis:hover{background-color:var(--cal-bg-emphasis)}.hover\:bg-error:hover{background-color:var(--cal-bg-error)}.hover\:bg-fuchsia-100:hover{--tw-bg-opacity:1;background-color:rgb(250 232 255/var(--tw-bg-opacity))}.hover\:bg-fuchsia-200:hover{--tw-bg-opacity:1;background-color:rgb(245 208 254/var(--tw-bg-opacity))}.hover\:bg-fuchsia-300:hover{--tw-bg-opacity:1;background-color:rgb(240 171 252/var(--tw-bg-opacity))}.hover\:bg-fuchsia-400:hover{--tw-bg-opacity:1;background-color:rgb(232 121 249/var(--tw-bg-opacity))}.hover\:bg-fuchsia-50:hover{--tw-bg-opacity:1;background-color:rgb(253 244 255/var(--tw-bg-opacity))}.hover\:bg-fuchsia-500:hover{--tw-bg-opacity:1;background-color:rgb(217 70 239/var(--tw-bg-opacity))}.hover\:bg-fuchsia-600:hover{--tw-bg-opacity:1;background-color:rgb(192 38 211/var(--tw-bg-opacity))}.hover\:bg-fuchsia-700:hover{--tw-bg-opacity:1;background-color:rgb(162 28 175/var(--tw-bg-opacity))}.hover\:bg-fuchsia-800:hover{--tw-bg-opacity:1;background-color:rgb(134 25 143/var(--tw-bg-opacity))}.hover\:bg-fuchsia-900:hover{--tw-bg-opacity:1;background-color:rgb(112 26 117/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-500:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/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-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/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-100:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity))}.hover\:bg-green-300:hover{--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity))}.hover\:bg-green-400:hover{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity))}.hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity))}.hover\:bg-green-500:hover{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}.hover\:bg-green-800:hover{--tw-bg-opacity:1;background-color:rgb(22 101 52/var(--tw-bg-opacity))}.hover\:bg-green-900:hover{--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity))}.hover\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity))}.hover\:bg-indigo-200:hover{--tw-bg-opacity:1;background-color:rgb(199 210 254/var(--tw-bg-opacity))}.hover\:bg-indigo-300:hover{--tw-bg-opacity:1;background-color:rgb(165 180 252/var(--tw-bg-opacity))}.hover\:bg-indigo-400:hover{--tw-bg-opacity:1;background-color:rgb(129 140 248/var(--tw-bg-opacity))}.hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity))}.hover\:bg-indigo-500:hover{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity))}.hover\:bg-indigo-600:hover{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity))}.hover\:bg-indigo-800:hover{--tw-bg-opacity:1;background-color:rgb(55 48 163/var(--tw-bg-opacity))}.hover\:bg-indigo-900:hover{--tw-bg-opacity:1;background-color:rgb(49 46 129/var(--tw-bg-opacity))}.hover\:bg-inverted:hover{background-color:var(--cal-bg-inverted)}.hover\:bg-lime-100:hover{--tw-bg-opacity:1;background-color:rgb(236 252 203/var(--tw-bg-opacity))}.hover\:bg-lime-200:hover{--tw-bg-opacity:1;background-color:rgb(217 249 157/var(--tw-bg-opacity))}.hover\:bg-lime-300:hover{--tw-bg-opacity:1;background-color:rgb(190 242 100/var(--tw-bg-opacity))}.hover\:bg-lime-400:hover{--tw-bg-opacity:1;background-color:rgb(163 230 53/var(--tw-bg-opacity))}.hover\:bg-lime-50:hover{--tw-bg-opacity:1;background-color:rgb(247 254 231/var(--tw-bg-opacity))}.hover\:bg-lime-500:hover{--tw-bg-opacity:1;background-color:rgb(132 204 22/var(--tw-bg-opacity))}.hover\:bg-lime-600:hover{--tw-bg-opacity:1;background-color:rgb(101 163 13/var(--tw-bg-opacity))}.hover\:bg-lime-700:hover{--tw-bg-opacity:1;background-color:rgb(77 124 15/var(--tw-bg-opacity))}.hover\:bg-lime-800:hover{--tw-bg-opacity:1;background-color:rgb(63 98 18/var(--tw-bg-opacity))}.hover\:bg-lime-900:hover{--tw-bg-opacity:1;background-color:rgb(54 83 20/var(--tw-bg-opacity))}.hover\:bg-muted:hover{background-color:var(--cal-bg-muted)}.hover\:bg-neutral-100:hover{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.hover\:bg-neutral-200:hover{--tw-bg-opacity:1;background-color:rgb(229 229 229/var(--tw-bg-opacity))}.hover\:bg-neutral-300:hover{--tw-bg-opacity:1;background-color:rgb(212 212 212/var(--tw-bg-opacity))}.hover\:bg-neutral-400:hover{--tw-bg-opacity:1;background-color:rgb(163 163 163/var(--tw-bg-opacity))}.hover\:bg-neutral-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.hover\:bg-neutral-500:hover{--tw-bg-opacity:1;background-color:rgb(115 115 115/var(--tw-bg-opacity))}.hover\:bg-neutral-600:hover{--tw-bg-opacity:1;background-color:rgb(82 82 82/var(--tw-bg-opacity))}.hover\:bg-neutral-700:hover{--tw-bg-opacity:1;background-color:rgb(64 64 64/var(--tw-bg-opacity))}.hover\:bg-neutral-800:hover{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity))}.hover\:bg-neutral-900:hover{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity))}.hover\:bg-orange-100:hover{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}.hover\:bg-orange-200:hover{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity))}.hover\:bg-orange-300:hover{--tw-bg-opacity:1;background-color:rgb(253 186 116/var(--tw-bg-opacity))}.hover\:bg-orange-400:hover{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity))}.hover\:bg-orange-50:hover{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity))}.hover\:bg-orange-500:hover{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity))}.hover\:bg-orange-600:hover{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity))}.hover\:bg-orange-700:hover{--tw-bg-opacity:1;background-color:rgb(194 65 12/var(--tw-bg-opacity))}.hover\:bg-orange-800:hover{--tw-bg-opacity:1;background-color:rgb(154 52 18/var(--tw-bg-opacity))}.hover\:bg-orange-900:hover{--tw-bg-opacity:1;background-color:rgb(124 45 18/var(--tw-bg-opacity))}.hover\:bg-pink-100:hover{--tw-bg-opacity:1;background-color:rgb(252 231 243/var(--tw-bg-opacity))}.hover\:bg-pink-200:hover{--tw-bg-opacity:1;background-color:rgb(251 207 232/var(--tw-bg-opacity))}.hover\:bg-pink-300:hover{--tw-bg-opacity:1;background-color:rgb(249 168 212/var(--tw-bg-opacity))}.hover\:bg-pink-400:hover{--tw-bg-opacity:1;background-color:rgb(244 114 182/var(--tw-bg-opacity))}.hover\:bg-pink-50:hover{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity))}.hover\:bg-pink-500:hover{--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity))}.hover\:bg-pink-600:hover{--tw-bg-opacity:1;background-color:rgb(219 39 119/var(--tw-bg-opacity))}.hover\:bg-pink-700:hover{--tw-bg-opacity:1;background-color:rgb(190 24 93/var(--tw-bg-opacity))}.hover\:bg-pink-900:hover{--tw-bg-opacity:1;background-color:rgb(131 24 67/var(--tw-bg-opacity))}.hover\:bg-purple-100:hover{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity))}.hover\:bg-purple-200:hover{--tw-bg-opacity:1;background-color:rgb(233 213 255/var(--tw-bg-opacity))}.hover\:bg-purple-300:hover{--tw-bg-opacity:1;background-color:rgb(216 180 254/var(--tw-bg-opacity))}.hover\:bg-purple-400:hover{--tw-bg-opacity:1;background-color:rgb(192 132 252/var(--tw-bg-opacity))}.hover\:bg-purple-50:hover{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity))}.hover\:bg-purple-500:hover{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity))}.hover\:bg-purple-600:hover{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity))}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(126 34 206/var(--tw-bg-opacity))}.hover\:bg-purple-800:hover{--tw-bg-opacity:1;background-color:rgb(107 33 168/var(--tw-bg-opacity))}.hover\:bg-purple-900:hover{--tw-bg-opacity:1;background-color:rgb(88 28 135/var(--tw-bg-opacity))}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.hover\:bg-red-300:hover{--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity))}.hover\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity))}.hover\:bg-red-800:hover{--tw-bg-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity))}.hover\:bg-red-900:hover{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity))}.hover\:bg-rose-100:hover{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity))}.hover\:bg-rose-200:hover{--tw-bg-opacity:1;background-color:rgb(254 205 211/var(--tw-bg-opacity))}.hover\:bg-rose-300:hover{--tw-bg-opacity:1;background-color:rgb(253 164 175/var(--tw-bg-opacity))}.hover\:bg-rose-400:hover{--tw-bg-opacity:1;background-color:rgb(251 113 133/var(--tw-bg-opacity))}.hover\:bg-rose-50:hover{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity))}.hover\:bg-rose-500:hover{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity))}.hover\:bg-rose-600:hover{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity))}.hover\:bg-rose-700:hover{--tw-bg-opacity:1;background-color:rgb(190 18 60/var(--tw-bg-opacity))}.hover\:bg-rose-800:hover{--tw-bg-opacity:1;background-color:rgb(159 18 57/var(--tw-bg-opacity))}.hover\:bg-rose-900:hover{--tw-bg-opacity:1;background-color:rgb(136 19 55/var(--tw-bg-opacity))}.hover\:bg-sky-100:hover{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity))}.hover\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity))}.hover\:bg-sky-300:hover{--tw-bg-opacity:1;background-color:rgb(125 211 252/var(--tw-bg-opacity))}.hover\:bg-sky-400:hover{--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity))}.hover\:bg-sky-50:hover{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity))}.hover\:bg-sky-500:hover{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity))}.hover\:bg-sky-600:hover{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity))}.hover\:bg-sky-700:hover{--tw-bg-opacity:1;background-color:rgb(3 105 161/var(--tw-bg-opacity))}.hover\:bg-sky-800:hover{--tw-bg-opacity:1;background-color:rgb(7 89 133/var(--tw-bg-opacity))}.hover\:bg-sky-900:hover{--tw-bg-opacity:1;background-color:rgb(12 74 110/var(--tw-bg-opacity))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.hover\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity))}.hover\:bg-slate-400:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.hover\:bg-slate-500:hover{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity))}.hover\:bg-slate-600:hover{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity))}.hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity))}.hover\:bg-slate-900:hover{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}.hover\:bg-stone-100:hover{--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity))}.hover\:bg-stone-200:hover{--tw-bg-opacity:1;background-color:rgb(231 229 228/var(--tw-bg-opacity))}.hover\:bg-stone-300:hover{--tw-bg-opacity:1;background-color:rgb(214 211 209/var(--tw-bg-opacity))}.hover\:bg-stone-400:hover{--tw-bg-opacity:1;background-color:rgb(168 162 158/var(--tw-bg-opacity))}.hover\:bg-stone-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 249/var(--tw-bg-opacity))}.hover\:bg-stone-500:hover{--tw-bg-opacity:1;background-color:rgb(120 113 108/var(--tw-bg-opacity))}.hover\:bg-stone-600:hover{--tw-bg-opacity:1;background-color:rgb(87 83 78/var(--tw-bg-opacity))}.hover\:bg-stone-700:hover{--tw-bg-opacity:1;background-color:rgb(68 64 60/var(--tw-bg-opacity))}.hover\:bg-stone-800:hover{--tw-bg-opacity:1;background-color:rgb(41 37 36/var(--tw-bg-opacity))}.hover\:bg-stone-900:hover{--tw-bg-opacity:1;background-color:rgb(28 25 23/var(--tw-bg-opacity))}.hover\:bg-subtle:hover{background-color:var(--cal-bg-subtle)}.hover\:bg-success:hover{background-color:var(--cal-bg-success)}.hover\:bg-teal-100:hover{--tw-bg-opacity:1;background-color:rgb(204 251 241/var(--tw-bg-opacity))}.hover\:bg-teal-200:hover{--tw-bg-opacity:1;background-color:rgb(153 246 228/var(--tw-bg-opacity))}.hover\:bg-teal-300:hover{--tw-bg-opacity:1;background-color:rgb(94 234 212/var(--tw-bg-opacity))}.hover\:bg-teal-400:hover{--tw-bg-opacity:1;background-color:rgb(45 212 191/var(--tw-bg-opacity))}.hover\:bg-teal-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 250/var(--tw-bg-opacity))}.hover\:bg-teal-500:hover{--tw-bg-opacity:1;background-color:rgb(20 184 166/var(--tw-bg-opacity))}.hover\:bg-teal-600:hover{--tw-bg-opacity:1;background-color:rgb(13 148 136/var(--tw-bg-opacity))}.hover\:bg-teal-700:hover{--tw-bg-opacity:1;background-color:rgb(15 118 110/var(--tw-bg-opacity))}.hover\:bg-teal-800:hover{--tw-bg-opacity:1;background-color:rgb(17 94 89/var(--tw-bg-opacity))}.hover\:bg-teal-900:hover{--tw-bg-opacity:1;background-color:rgb(19 78 74/var(--tw-bg-opacity))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity))}.hover\:bg-violet-200:hover{--tw-bg-opacity:1;background-color:rgb(221 214 254/var(--tw-bg-opacity))}.hover\:bg-violet-300:hover{--tw-bg-opacity:1;background-color:rgb(196 181 253/var(--tw-bg-opacity))}.hover\:bg-violet-400:hover{--tw-bg-opacity:1;background-color:rgb(167 139 250/var(--tw-bg-opacity))}.hover\:bg-violet-50:hover{--tw-bg-opacity:1;background-color:rgb(245 243 255/var(--tw-bg-opacity))}.hover\:bg-violet-500:hover{--tw-bg-opacity:1;background-color:rgb(139 92 246/var(--tw-bg-opacity))}.hover\:bg-violet-600:hover{--tw-bg-opacity:1;background-color:rgb(124 58 237/var(--tw-bg-opacity))}.hover\:bg-violet-700:hover{--tw-bg-opacity:1;background-color:rgb(109 40 217/var(--tw-bg-opacity))}.hover\:bg-violet-800:hover{--tw-bg-opacity:1;background-color:rgb(91 33 182/var(--tw-bg-opacity))}.hover\:bg-violet-900:hover{--tw-bg-opacity:1;background-color:rgb(76 29 149/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-100:hover{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity))}.hover\:bg-yellow-300:hover{--tw-bg-opacity:1;background-color:rgb(253 224 71/var(--tw-bg-opacity))}.hover\:bg-yellow-400:hover{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity))}.hover\:bg-yellow-50:hover{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.hover\:bg-yellow-500:hover{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity))}.hover\:bg-yellow-600:hover{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity))}.hover\:bg-yellow-700:hover{--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity))}.hover\:bg-yellow-800:hover{--tw-bg-opacity:1;background-color:rgb(133 77 14/var(--tw-bg-opacity))}.hover\:bg-yellow-900:hover{--tw-bg-opacity:1;background-color:rgb(113 63 18/var(--tw-bg-opacity))}.hover\:bg-zinc-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity))}.hover\:bg-zinc-200:hover{--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity))}.hover\:bg-zinc-300:hover{--tw-bg-opacity:1;background-color:rgb(212 212 216/var(--tw-bg-opacity))}.hover\:bg-zinc-400:hover{--tw-bg-opacity:1;background-color:rgb(161 161 170/var(--tw-bg-opacity))}.hover\:bg-zinc-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.hover\:bg-zinc-500:hover{--tw-bg-opacity:1;background-color:rgb(113 113 122/var(--tw-bg-opacity))}.hover\:bg-zinc-600:hover{--tw-bg-opacity:1;background-color:rgb(82 82 91/var(--tw-bg-opacity))}.hover\:bg-zinc-700:hover{--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity))}.hover\:bg-zinc-800:hover{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity))}.hover\:bg-zinc-900:hover{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity))}.hover\:font-normal:hover{font-weight:400}.hover\:\!text-inverted:hover{color:var(--cal-text-inverted,#fff)!important}.hover\:text-amber-100:hover{--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity))}.hover\:text-amber-200:hover{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity))}.hover\:text-amber-300:hover{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity))}.hover\:text-amber-400:hover{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity))}.hover\:text-amber-50:hover{--tw-text-opacity:1;color:rgb(255 251 235/var(--tw-text-opacity))}.hover\:text-amber-500:hover{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity))}.hover\:text-amber-600:hover{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity))}.hover\:text-amber-700:hover{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity))}.hover\:text-amber-800:hover{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity))}.hover\:text-amber-900:hover{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity))}.hover\:text-attention:hover{color:var(--cal-text-attention,#73321b)}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(17 17 17/var(--tw-text-opacity))}.hover\:text-blue-100:hover{--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity))}.hover\:text-blue-200:hover{--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity))}.hover\:text-blue-300:hover{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity))}.hover\:text-blue-400:hover{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.hover\:text-blue-50:hover{--tw-text-opacity:1;color:rgb(239 246 255/var(--tw-text-opacity))}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity))}.hover\:text-blue-900:hover{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity))}.hover\:text-cyan-100:hover{--tw-text-opacity:1;color:rgb(207 250 254/var(--tw-text-opacity))}.hover\:text-cyan-200:hover{--tw-text-opacity:1;color:rgb(165 243 252/var(--tw-text-opacity))}.hover\:text-cyan-300:hover{--tw-text-opacity:1;color:rgb(103 232 249/var(--tw-text-opacity))}.hover\:text-cyan-400:hover{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity))}.hover\:text-cyan-50:hover{--tw-text-opacity:1;color:rgb(236 254 255/var(--tw-text-opacity))}.hover\:text-cyan-500:hover{--tw-text-opacity:1;color:rgb(6 182 212/var(--tw-text-opacity))}.hover\:text-cyan-600:hover{--tw-text-opacity:1;color:rgb(8 145 178/var(--tw-text-opacity))}.hover\:text-cyan-700:hover{--tw-text-opacity:1;color:rgb(14 116 144/var(--tw-text-opacity))}.hover\:text-cyan-800:hover{--tw-text-opacity:1;color:rgb(21 94 117/var(--tw-text-opacity))}.hover\:text-cyan-900:hover{--tw-text-opacity:1;color:rgb(22 78 99/var(--tw-text-opacity))}.hover\:text-default:hover{color:var(--cal-text,#374151)}.hover\:text-emerald-100:hover{--tw-text-opacity:1;color:rgb(209 250 229/var(--tw-text-opacity))}.hover\:text-emerald-200:hover{--tw-text-opacity:1;color:rgb(167 243 208/var(--tw-text-opacity))}.hover\:text-emerald-300:hover{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity))}.hover\:text-emerald-400:hover{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity))}.hover\:text-emerald-50:hover{--tw-text-opacity:1;color:rgb(236 253 245/var(--tw-text-opacity))}.hover\:text-emerald-500:hover{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity))}.hover\:text-emerald-600:hover{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity))}.hover\:text-emerald-700:hover{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity))}.hover\:text-emerald-800:hover{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity))}.hover\:text-emerald-900:hover{--tw-text-opacity:1;color:rgb(6 78 59/var(--tw-text-opacity))}.hover\:text-emphasis:hover{color:var(--cal-text-emphasis,#111827)}.hover\:text-fuchsia-100:hover{--tw-text-opacity:1;color:rgb(250 232 255/var(--tw-text-opacity))}.hover\:text-fuchsia-200:hover{--tw-text-opacity:1;color:rgb(245 208 254/var(--tw-text-opacity))}.hover\:text-fuchsia-300:hover{--tw-text-opacity:1;color:rgb(240 171 252/var(--tw-text-opacity))}.hover\:text-fuchsia-400:hover{--tw-text-opacity:1;color:rgb(232 121 249/var(--tw-text-opacity))}.hover\:text-fuchsia-50:hover{--tw-text-opacity:1;color:rgb(253 244 255/var(--tw-text-opacity))}.hover\:text-fuchsia-500:hover{--tw-text-opacity:1;color:rgb(217 70 239/var(--tw-text-opacity))}.hover\:text-fuchsia-600:hover{--tw-text-opacity:1;color:rgb(192 38 211/var(--tw-text-opacity))}.hover\:text-fuchsia-700:hover{--tw-text-opacity:1;color:rgb(162 28 175/var(--tw-text-opacity))}.hover\:text-fuchsia-800:hover{--tw-text-opacity:1;color:rgb(134 25 143/var(--tw-text-opacity))}.hover\:text-fuchsia-900:hover{--tw-text-opacity:1;color:rgb(112 26 117/var(--tw-text-opacity))}.hover\:text-gray-100:hover{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.hover\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.hover\:text-gray-50:hover{--tw-text-opacity:1;color:rgb(249 250 251/var(--tw-text-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128/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-100:hover{--tw-text-opacity:1;color:rgb(220 252 231/var(--tw-text-opacity))}.hover\:text-green-200:hover{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity))}.hover\:text-green-300:hover{--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity))}.hover\:text-green-400:hover{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.hover\:text-green-50:hover{--tw-text-opacity:1;color:rgb(240 253 244/var(--tw-text-opacity))}.hover\:text-green-500:hover{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.hover\:text-green-600:hover{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.hover\:text-green-700:hover{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.hover\:text-green-800:hover{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}.hover\:text-green-900:hover{--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity))}.hover\:text-indigo-100:hover{--tw-text-opacity:1;color:rgb(224 231 255/var(--tw-text-opacity))}.hover\:text-indigo-200:hover{--tw-text-opacity:1;color:rgb(199 210 254/var(--tw-text-opacity))}.hover\:text-indigo-300:hover{--tw-text-opacity:1;color:rgb(165 180 252/var(--tw-text-opacity))}.hover\:text-indigo-400:hover{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity))}.hover\:text-indigo-50:hover{--tw-text-opacity:1;color:rgb(238 242 255/var(--tw-text-opacity))}.hover\:text-indigo-500:hover{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.hover\:text-indigo-600:hover{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.hover\:text-indigo-700:hover{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity))}.hover\:text-indigo-800:hover{--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity))}.hover\:text-indigo-900:hover{--tw-text-opacity:1;color:rgb(49 46 129/var(--tw-text-opacity))}.hover\:text-lime-100:hover{--tw-text-opacity:1;color:rgb(236 252 203/var(--tw-text-opacity))}.hover\:text-lime-200:hover{--tw-text-opacity:1;color:rgb(217 249 157/var(--tw-text-opacity))}.hover\:text-lime-300:hover{--tw-text-opacity:1;color:rgb(190 242 100/var(--tw-text-opacity))}.hover\:text-lime-400:hover{--tw-text-opacity:1;color:rgb(163 230 53/var(--tw-text-opacity))}.hover\:text-lime-50:hover{--tw-text-opacity:1;color:rgb(247 254 231/var(--tw-text-opacity))}.hover\:text-lime-500:hover{--tw-text-opacity:1;color:rgb(132 204 22/var(--tw-text-opacity))}.hover\:text-lime-600:hover{--tw-text-opacity:1;color:rgb(101 163 13/var(--tw-text-opacity))}.hover\:text-lime-700:hover{--tw-text-opacity:1;color:rgb(77 124 15/var(--tw-text-opacity))}.hover\:text-lime-800:hover{--tw-text-opacity:1;color:rgb(63 98 18/var(--tw-text-opacity))}.hover\:text-lime-900:hover{--tw-text-opacity:1;color:rgb(54 83 20/var(--tw-text-opacity))}.hover\:text-neutral-100:hover{--tw-text-opacity:1;color:rgb(245 245 245/var(--tw-text-opacity))}.hover\:text-neutral-200:hover{--tw-text-opacity:1;color:rgb(229 229 229/var(--tw-text-opacity))}.hover\:text-neutral-300:hover{--tw-text-opacity:1;color:rgb(212 212 212/var(--tw-text-opacity))}.hover\:text-neutral-400:hover{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity))}.hover\:text-neutral-50:hover{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity))}.hover\:text-neutral-500:hover{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity))}.hover\:text-neutral-600:hover{--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity))}.hover\:text-neutral-700:hover{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity))}.hover\:text-neutral-800:hover{--tw-text-opacity:1;color:rgb(38 38 38/var(--tw-text-opacity))}.hover\:text-neutral-900:hover{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity))}.hover\:text-orange-100:hover{--tw-text-opacity:1;color:rgb(255 237 213/var(--tw-text-opacity))}.hover\:text-orange-200:hover{--tw-text-opacity:1;color:rgb(254 215 170/var(--tw-text-opacity))}.hover\:text-orange-300:hover{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.hover\:text-orange-400:hover{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity))}.hover\:text-orange-50:hover{--tw-text-opacity:1;color:rgb(255 247 237/var(--tw-text-opacity))}.hover\:text-orange-500:hover{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity))}.hover\:text-orange-600:hover{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity))}.hover\:text-orange-700:hover{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity))}.hover\:text-orange-800:hover{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity))}.hover\:text-orange-900:hover{--tw-text-opacity:1;color:rgb(124 45 18/var(--tw-text-opacity))}.hover\:text-pink-100:hover{--tw-text-opacity:1;color:rgb(252 231 243/var(--tw-text-opacity))}.hover\:text-pink-200:hover{--tw-text-opacity:1;color:rgb(251 207 232/var(--tw-text-opacity))}.hover\:text-pink-300:hover{--tw-text-opacity:1;color:rgb(249 168 212/var(--tw-text-opacity))}.hover\:text-pink-400:hover{--tw-text-opacity:1;color:rgb(244 114 182/var(--tw-text-opacity))}.hover\:text-pink-50:hover{--tw-text-opacity:1;color:rgb(253 242 248/var(--tw-text-opacity))}.hover\:text-pink-500:hover{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity))}.hover\:text-pink-600:hover{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity))}.hover\:text-pink-700:hover{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity))}.hover\:text-pink-900:hover{--tw-text-opacity:1;color:rgb(131 24 67/var(--tw-text-opacity))}.hover\:text-purple-100:hover{--tw-text-opacity:1;color:rgb(243 232 255/var(--tw-text-opacity))}.hover\:text-purple-200:hover{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity))}.hover\:text-purple-300:hover{--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity))}.hover\:text-purple-400:hover{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity))}.hover\:text-purple-50:hover{--tw-text-opacity:1;color:rgb(250 245 255/var(--tw-text-opacity))}.hover\:text-purple-500:hover{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity))}.hover\:text-purple-600:hover{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity))}.hover\:text-purple-700:hover{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity))}.hover\:text-purple-800:hover{--tw-text-opacity:1;color:rgb(107 33 168/var(--tw-text-opacity))}.hover\:text-purple-900:hover{--tw-text-opacity:1;color:rgb(88 28 135/var(--tw-text-opacity))}.hover\:text-red-100:hover{--tw-text-opacity:1;color:rgb(254 226 226/var(--tw-text-opacity))}.hover\:text-red-200:hover{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity))}.hover\:text-red-300:hover{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity))}.hover\:text-red-400:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.hover\:text-red-50:hover{--tw-text-opacity:1;color:rgb(254 242 242/var(--tw-text-opacity))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.hover\:text-red-700\/30:hover{color:rgba(185,28,28,.3)}.hover\:text-red-800:hover{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.hover\:text-red-900:hover{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity))}.hover\:text-rose-100:hover{--tw-text-opacity:1;color:rgb(255 228 230/var(--tw-text-opacity))}.hover\:text-rose-200:hover{--tw-text-opacity:1;color:rgb(254 205 211/var(--tw-text-opacity))}.hover\:text-rose-300:hover{--tw-text-opacity:1;color:rgb(253 164 175/var(--tw-text-opacity))}.hover\:text-rose-400:hover{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity))}.hover\:text-rose-50:hover{--tw-text-opacity:1;color:rgb(255 241 242/var(--tw-text-opacity))}.hover\:text-rose-500:hover{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity))}.hover\:text-rose-600:hover{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity))}.hover\:text-rose-700:hover{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity))}.hover\:text-rose-800:hover{--tw-text-opacity:1;color:rgb(159 18 57/var(--tw-text-opacity))}.hover\:text-rose-900:hover{--tw-text-opacity:1;color:rgb(136 19 55/var(--tw-text-opacity))}.hover\:text-sky-100:hover{--tw-text-opacity:1;color:rgb(224 242 254/var(--tw-text-opacity))}.hover\:text-sky-200:hover{--tw-text-opacity:1;color:rgb(186 230 253/var(--tw-text-opacity))}.hover\:text-sky-300:hover{--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity))}.hover\:text-sky-400:hover{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity))}.hover\:text-sky-50:hover{--tw-text-opacity:1;color:rgb(240 249 255/var(--tw-text-opacity))}.hover\:text-sky-500:hover{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity))}.hover\:text-sky-600:hover{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity))}.hover\:text-sky-700:hover{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity))}.hover\:text-sky-800:hover{--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity))}.hover\:text-sky-900:hover{--tw-text-opacity:1;color:rgb(12 74 110/var(--tw-text-opacity))}.hover\:text-slate-100:hover{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity))}.hover\:text-slate-200:hover{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity))}.hover\:text-slate-300:hover{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.hover\:text-slate-400:hover{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.hover\:text-slate-50:hover{--tw-text-opacity:1;color:rgb(248 250 252/var(--tw-text-opacity))}.hover\:text-slate-500:hover{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.hover\:text-slate-600:hover{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.hover\:text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity))}.hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.hover\:text-stone-100:hover{--tw-text-opacity:1;color:rgb(245 245 244/var(--tw-text-opacity))}.hover\:text-stone-200:hover{--tw-text-opacity:1;color:rgb(231 229 228/var(--tw-text-opacity))}.hover\:text-stone-300:hover{--tw-text-opacity:1;color:rgb(214 211 209/var(--tw-text-opacity))}.hover\:text-stone-400:hover{--tw-text-opacity:1;color:rgb(168 162 158/var(--tw-text-opacity))}.hover\:text-stone-50:hover{--tw-text-opacity:1;color:rgb(250 250 249/var(--tw-text-opacity))}.hover\:text-stone-500:hover{--tw-text-opacity:1;color:rgb(120 113 108/var(--tw-text-opacity))}.hover\:text-stone-600:hover{--tw-text-opacity:1;color:rgb(87 83 78/var(--tw-text-opacity))}.hover\:text-stone-700:hover{--tw-text-opacity:1;color:rgb(68 64 60/var(--tw-text-opacity))}.hover\:text-stone-800:hover{--tw-text-opacity:1;color:rgb(41 37 36/var(--tw-text-opacity))}.hover\:text-stone-900:hover{--tw-text-opacity:1;color:rgb(28 25 23/var(--tw-text-opacity))}.hover\:text-subtle:hover{color:var(--cal-text-subtle,#6b7280)}.hover\:text-teal-100:hover{--tw-text-opacity:1;color:rgb(204 251 241/var(--tw-text-opacity))}.hover\:text-teal-200:hover{--tw-text-opacity:1;color:rgb(153 246 228/var(--tw-text-opacity))}.hover\:text-teal-300:hover{--tw-text-opacity:1;color:rgb(94 234 212/var(--tw-text-opacity))}.hover\:text-teal-400:hover{--tw-text-opacity:1;color:rgb(45 212 191/var(--tw-text-opacity))}.hover\:text-teal-50:hover{--tw-text-opacity:1;color:rgb(240 253 250/var(--tw-text-opacity))}.hover\:text-teal-500:hover{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity))}.hover\:text-teal-600:hover{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity))}.hover\:text-teal-700:hover{--tw-text-opacity:1;color:rgb(15 118 110/var(--tw-text-opacity))}.hover\:text-teal-800:hover{--tw-text-opacity:1;color:rgb(17 94 89/var(--tw-text-opacity))}.hover\:text-teal-900:hover{--tw-text-opacity:1;color:rgb(19 78 74/var(--tw-text-opacity))}.hover\:text-transparent:hover{color:transparent}.hover\:text-violet-100:hover{--tw-text-opacity:1;color:rgb(237 233 254/var(--tw-text-opacity))}.hover\:text-violet-200:hover{--tw-text-opacity:1;color:rgb(221 214 254/var(--tw-text-opacity))}.hover\:text-violet-300:hover{--tw-text-opacity:1;color:rgb(196 181 253/var(--tw-text-opacity))}.hover\:text-violet-400:hover{--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity))}.hover\:text-violet-50:hover{--tw-text-opacity:1;color:rgb(245 243 255/var(--tw-text-opacity))}.hover\:text-violet-500:hover{--tw-text-opacity:1;color:rgb(139 92 246/var(--tw-text-opacity))}.hover\:text-violet-600:hover{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity))}.hover\:text-violet-700:hover{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity))}.hover\:text-violet-800:hover{--tw-text-opacity:1;color:rgb(91 33 182/var(--tw-text-opacity))}.hover\:text-violet-900:hover{--tw-text-opacity:1;color:rgb(76 29 149/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-yellow-100:hover{--tw-text-opacity:1;color:rgb(254 249 195/var(--tw-text-opacity))}.hover\:text-yellow-200:hover{--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity))}.hover\:text-yellow-300:hover{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity))}.hover\:text-yellow-400:hover{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity))}.hover\:text-yellow-50:hover{--tw-text-opacity:1;color:rgb(254 252 232/var(--tw-text-opacity))}.hover\:text-yellow-500:hover{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}.hover\:text-yellow-600:hover{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity))}.hover\:text-yellow-700:hover{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity))}.hover\:text-yellow-800:hover{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity))}.hover\:text-yellow-900:hover{--tw-text-opacity:1;color:rgb(113 63 18/var(--tw-text-opacity))}.hover\:text-zinc-100:hover{--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity))}.hover\:text-zinc-200:hover{--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity))}.hover\:text-zinc-300:hover{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity))}.hover\:text-zinc-400:hover{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity))}.hover\:text-zinc-50:hover{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity))}.hover\:text-zinc-500:hover{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity))}.hover\:text-zinc-600:hover{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity))}.hover\:text-zinc-700:hover{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity))}.hover\:text-zinc-800:hover{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity))}.hover\:text-zinc-900:hover{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:underline-offset-2:hover{text-underline-offset:2px}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-50:hover{opacity:.5}.hover\:opacity-70:hover{opacity:.7}.hover\:shadow:hover{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.hover\:shadow-sm:hover,.hover\:shadow:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.hover\:outline-none:hover{outline:2px solid transparent;outline-offset:2px}.hover\:ring-0:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + 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)}.hover\:ring-amber-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(254 243 199/var(--tw-ring-opacity))}.hover\:ring-amber-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(253 230 138/var(--tw-ring-opacity))}.hover\:ring-amber-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(252 211 77/var(--tw-ring-opacity))}.hover\:ring-amber-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(251 191 36/var(--tw-ring-opacity))}.hover\:ring-amber-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(255 251 235/var(--tw-ring-opacity))}.hover\:ring-amber-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(245 158 11/var(--tw-ring-opacity))}.hover\:ring-amber-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(217 119 6/var(--tw-ring-opacity))}.hover\:ring-amber-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(180 83 9/var(--tw-ring-opacity))}.hover\:ring-amber-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(146 64 14/var(--tw-ring-opacity))}.hover\:ring-amber-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(120 53 15/var(--tw-ring-opacity))}.hover\:ring-black:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(17 17 17/var(--tw-ring-opacity))}.hover\:ring-blue-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(219 234 254/var(--tw-ring-opacity))}.hover\:ring-blue-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity))}.hover\:ring-blue-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity))}.hover\:ring-blue-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250/var(--tw-ring-opacity))}.hover\:ring-blue-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(239 246 255/var(--tw-ring-opacity))}.hover\:ring-blue-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity))}.hover\:ring-blue-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity))}.hover\:ring-blue-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(29 78 216/var(--tw-ring-opacity))}.hover\:ring-blue-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(30 64 175/var(--tw-ring-opacity))}.hover\:ring-blue-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(30 58 138/var(--tw-ring-opacity))}.hover\:ring-cyan-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(207 250 254/var(--tw-ring-opacity))}.hover\:ring-cyan-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(165 243 252/var(--tw-ring-opacity))}.hover\:ring-cyan-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(103 232 249/var(--tw-ring-opacity))}.hover\:ring-cyan-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(34 211 238/var(--tw-ring-opacity))}.hover\:ring-cyan-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(236 254 255/var(--tw-ring-opacity))}.hover\:ring-cyan-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(6 182 212/var(--tw-ring-opacity))}.hover\:ring-cyan-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(8 145 178/var(--tw-ring-opacity))}.hover\:ring-cyan-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(14 116 144/var(--tw-ring-opacity))}.hover\:ring-cyan-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(21 94 117/var(--tw-ring-opacity))}.hover\:ring-cyan-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(22 78 99/var(--tw-ring-opacity))}.hover\:ring-emerald-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(209 250 229/var(--tw-ring-opacity))}.hover\:ring-emerald-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(167 243 208/var(--tw-ring-opacity))}.hover\:ring-emerald-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(110 231 183/var(--tw-ring-opacity))}.hover\:ring-emerald-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(52 211 153/var(--tw-ring-opacity))}.hover\:ring-emerald-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(236 253 245/var(--tw-ring-opacity))}.hover\:ring-emerald-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(16 185 129/var(--tw-ring-opacity))}.hover\:ring-emerald-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(5 150 105/var(--tw-ring-opacity))}.hover\:ring-emerald-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(4 120 87/var(--tw-ring-opacity))}.hover\:ring-emerald-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(6 95 70/var(--tw-ring-opacity))}.hover\:ring-emerald-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(6 78 59/var(--tw-ring-opacity))}.hover\:ring-fuchsia-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(250 232 255/var(--tw-ring-opacity))}.hover\:ring-fuchsia-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(245 208 254/var(--tw-ring-opacity))}.hover\:ring-fuchsia-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(240 171 252/var(--tw-ring-opacity))}.hover\:ring-fuchsia-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(232 121 249/var(--tw-ring-opacity))}.hover\:ring-fuchsia-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(253 244 255/var(--tw-ring-opacity))}.hover\:ring-fuchsia-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(217 70 239/var(--tw-ring-opacity))}.hover\:ring-fuchsia-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(192 38 211/var(--tw-ring-opacity))}.hover\:ring-fuchsia-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(162 28 175/var(--tw-ring-opacity))}.hover\:ring-fuchsia-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(134 25 143/var(--tw-ring-opacity))}.hover\:ring-fuchsia-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(112 26 117/var(--tw-ring-opacity))}.hover\:ring-gray-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(243 244 246/var(--tw-ring-opacity))}.hover\:ring-gray-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity))}.hover\:ring-gray-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity))}.hover\:ring-gray-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(156 163 175/var(--tw-ring-opacity))}.hover\:ring-gray-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(249 250 251/var(--tw-ring-opacity))}.hover\:ring-gray-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity))}.hover\:ring-gray-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity))}.hover\:ring-gray-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(55 65 81/var(--tw-ring-opacity))}.hover\:ring-gray-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(31 41 55/var(--tw-ring-opacity))}.hover\:ring-gray-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(17 24 39/var(--tw-ring-opacity))}.hover\:ring-green-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(220 252 231/var(--tw-ring-opacity))}.hover\:ring-green-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(187 247 208/var(--tw-ring-opacity))}.hover\:ring-green-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(134 239 172/var(--tw-ring-opacity))}.hover\:ring-green-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(74 222 128/var(--tw-ring-opacity))}.hover\:ring-green-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(240 253 244/var(--tw-ring-opacity))}.hover\:ring-green-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity))}.hover\:ring-green-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(22 163 74/var(--tw-ring-opacity))}.hover\:ring-green-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(21 128 61/var(--tw-ring-opacity))}.hover\:ring-green-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(22 101 52/var(--tw-ring-opacity))}.hover\:ring-green-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(20 83 45/var(--tw-ring-opacity))}.hover\:ring-indigo-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(224 231 255/var(--tw-ring-opacity))}.hover\:ring-indigo-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(199 210 254/var(--tw-ring-opacity))}.hover\:ring-indigo-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(165 180 252/var(--tw-ring-opacity))}.hover\:ring-indigo-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(129 140 248/var(--tw-ring-opacity))}.hover\:ring-indigo-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(238 242 255/var(--tw-ring-opacity))}.hover\:ring-indigo-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity))}.hover\:ring-indigo-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(79 70 229/var(--tw-ring-opacity))}.hover\:ring-indigo-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(67 56 202/var(--tw-ring-opacity))}.hover\:ring-indigo-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(55 48 163/var(--tw-ring-opacity))}.hover\:ring-indigo-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(49 46 129/var(--tw-ring-opacity))}.hover\:ring-lime-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(236 252 203/var(--tw-ring-opacity))}.hover\:ring-lime-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(217 249 157/var(--tw-ring-opacity))}.hover\:ring-lime-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(190 242 100/var(--tw-ring-opacity))}.hover\:ring-lime-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(163 230 53/var(--tw-ring-opacity))}.hover\:ring-lime-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(247 254 231/var(--tw-ring-opacity))}.hover\:ring-lime-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(132 204 22/var(--tw-ring-opacity))}.hover\:ring-lime-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(101 163 13/var(--tw-ring-opacity))}.hover\:ring-lime-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(77 124 15/var(--tw-ring-opacity))}.hover\:ring-lime-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(63 98 18/var(--tw-ring-opacity))}.hover\:ring-lime-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(54 83 20/var(--tw-ring-opacity))}.hover\:ring-neutral-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(245 245 245/var(--tw-ring-opacity))}.hover\:ring-neutral-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(229 229 229/var(--tw-ring-opacity))}.hover\:ring-neutral-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(212 212 212/var(--tw-ring-opacity))}.hover\:ring-neutral-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(163 163 163/var(--tw-ring-opacity))}.hover\:ring-neutral-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(250 250 250/var(--tw-ring-opacity))}.hover\:ring-neutral-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(115 115 115/var(--tw-ring-opacity))}.hover\:ring-neutral-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(82 82 82/var(--tw-ring-opacity))}.hover\:ring-neutral-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(64 64 64/var(--tw-ring-opacity))}.hover\:ring-neutral-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(38 38 38/var(--tw-ring-opacity))}.hover\:ring-neutral-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(23 23 23/var(--tw-ring-opacity))}.hover\:ring-orange-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(255 237 213/var(--tw-ring-opacity))}.hover\:ring-orange-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(254 215 170/var(--tw-ring-opacity))}.hover\:ring-orange-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(253 186 116/var(--tw-ring-opacity))}.hover\:ring-orange-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(251 146 60/var(--tw-ring-opacity))}.hover\:ring-orange-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(255 247 237/var(--tw-ring-opacity))}.hover\:ring-orange-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(249 115 22/var(--tw-ring-opacity))}.hover\:ring-orange-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(234 88 12/var(--tw-ring-opacity))}.hover\:ring-orange-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(194 65 12/var(--tw-ring-opacity))}.hover\:ring-orange-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(154 52 18/var(--tw-ring-opacity))}.hover\:ring-orange-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(124 45 18/var(--tw-ring-opacity))}.hover\:ring-pink-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(252 231 243/var(--tw-ring-opacity))}.hover\:ring-pink-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(251 207 232/var(--tw-ring-opacity))}.hover\:ring-pink-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(249 168 212/var(--tw-ring-opacity))}.hover\:ring-pink-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(244 114 182/var(--tw-ring-opacity))}.hover\:ring-pink-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(253 242 248/var(--tw-ring-opacity))}.hover\:ring-pink-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(236 72 153/var(--tw-ring-opacity))}.hover\:ring-pink-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(219 39 119/var(--tw-ring-opacity))}.hover\:ring-pink-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(190 24 93/var(--tw-ring-opacity))}.hover\:ring-pink-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(131 24 67/var(--tw-ring-opacity))}.hover\:ring-purple-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(243 232 255/var(--tw-ring-opacity))}.hover\:ring-purple-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(233 213 255/var(--tw-ring-opacity))}.hover\:ring-purple-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(216 180 254/var(--tw-ring-opacity))}.hover\:ring-purple-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(192 132 252/var(--tw-ring-opacity))}.hover\:ring-purple-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(250 245 255/var(--tw-ring-opacity))}.hover\:ring-purple-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity))}.hover\:ring-purple-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(147 51 234/var(--tw-ring-opacity))}.hover\:ring-purple-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(126 34 206/var(--tw-ring-opacity))}.hover\:ring-purple-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(107 33 168/var(--tw-ring-opacity))}.hover\:ring-purple-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(88 28 135/var(--tw-ring-opacity))}.hover\:ring-red-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(254 226 226/var(--tw-ring-opacity))}.hover\:ring-red-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(254 202 202/var(--tw-ring-opacity))}.hover\:ring-red-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(252 165 165/var(--tw-ring-opacity))}.hover\:ring-red-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity))}.hover\:ring-red-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(254 242 242/var(--tw-ring-opacity))}.hover\:ring-red-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity))}.hover\:ring-red-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(220 38 38/var(--tw-ring-opacity))}.hover\:ring-red-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(185 28 28/var(--tw-ring-opacity))}.hover\:ring-red-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(153 27 27/var(--tw-ring-opacity))}.hover\:ring-red-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(127 29 29/var(--tw-ring-opacity))}.hover\:ring-rose-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(255 228 230/var(--tw-ring-opacity))}.hover\:ring-rose-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(254 205 211/var(--tw-ring-opacity))}.hover\:ring-rose-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(253 164 175/var(--tw-ring-opacity))}.hover\:ring-rose-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(251 113 133/var(--tw-ring-opacity))}.hover\:ring-rose-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(255 241 242/var(--tw-ring-opacity))}.hover\:ring-rose-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(244 63 94/var(--tw-ring-opacity))}.hover\:ring-rose-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(225 29 72/var(--tw-ring-opacity))}.hover\:ring-rose-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(190 18 60/var(--tw-ring-opacity))}.hover\:ring-rose-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(159 18 57/var(--tw-ring-opacity))}.hover\:ring-rose-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(136 19 55/var(--tw-ring-opacity))}.hover\:ring-sky-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(224 242 254/var(--tw-ring-opacity))}.hover\:ring-sky-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(186 230 253/var(--tw-ring-opacity))}.hover\:ring-sky-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(125 211 252/var(--tw-ring-opacity))}.hover\:ring-sky-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(56 189 248/var(--tw-ring-opacity))}.hover\:ring-sky-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(240 249 255/var(--tw-ring-opacity))}.hover\:ring-sky-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(14 165 233/var(--tw-ring-opacity))}.hover\:ring-sky-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(2 132 199/var(--tw-ring-opacity))}.hover\:ring-sky-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(3 105 161/var(--tw-ring-opacity))}.hover\:ring-sky-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(7 89 133/var(--tw-ring-opacity))}.hover\:ring-sky-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(12 74 110/var(--tw-ring-opacity))}.hover\:ring-slate-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(241 245 249/var(--tw-ring-opacity))}.hover\:ring-slate-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(226 232 240/var(--tw-ring-opacity))}.hover\:ring-slate-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(203 213 225/var(--tw-ring-opacity))}.hover\:ring-slate-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(148 163 184/var(--tw-ring-opacity))}.hover\:ring-slate-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(248 250 252/var(--tw-ring-opacity))}.hover\:ring-slate-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(100 116 139/var(--tw-ring-opacity))}.hover\:ring-slate-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(71 85 105/var(--tw-ring-opacity))}.hover\:ring-slate-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(51 65 85/var(--tw-ring-opacity))}.hover\:ring-slate-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(30 41 59/var(--tw-ring-opacity))}.hover\:ring-slate-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(15 23 42/var(--tw-ring-opacity))}.hover\:ring-stone-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(245 245 244/var(--tw-ring-opacity))}.hover\:ring-stone-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(231 229 228/var(--tw-ring-opacity))}.hover\:ring-stone-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(214 211 209/var(--tw-ring-opacity))}.hover\:ring-stone-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(168 162 158/var(--tw-ring-opacity))}.hover\:ring-stone-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(250 250 249/var(--tw-ring-opacity))}.hover\:ring-stone-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(120 113 108/var(--tw-ring-opacity))}.hover\:ring-stone-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(87 83 78/var(--tw-ring-opacity))}.hover\:ring-stone-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(68 64 60/var(--tw-ring-opacity))}.hover\:ring-stone-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(41 37 36/var(--tw-ring-opacity))}.hover\:ring-stone-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(28 25 23/var(--tw-ring-opacity))}.hover\:ring-teal-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(204 251 241/var(--tw-ring-opacity))}.hover\:ring-teal-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(153 246 228/var(--tw-ring-opacity))}.hover\:ring-teal-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(94 234 212/var(--tw-ring-opacity))}.hover\:ring-teal-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(45 212 191/var(--tw-ring-opacity))}.hover\:ring-teal-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(240 253 250/var(--tw-ring-opacity))}.hover\:ring-teal-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(20 184 166/var(--tw-ring-opacity))}.hover\:ring-teal-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(13 148 136/var(--tw-ring-opacity))}.hover\:ring-teal-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(15 118 110/var(--tw-ring-opacity))}.hover\:ring-teal-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(17 94 89/var(--tw-ring-opacity))}.hover\:ring-teal-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(19 78 74/var(--tw-ring-opacity))}.hover\:ring-transparent:hover{--tw-ring-color:transparent}.hover\:ring-violet-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(237 233 254/var(--tw-ring-opacity))}.hover\:ring-violet-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(221 214 254/var(--tw-ring-opacity))}.hover\:ring-violet-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(196 181 253/var(--tw-ring-opacity))}.hover\:ring-violet-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(167 139 250/var(--tw-ring-opacity))}.hover\:ring-violet-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(245 243 255/var(--tw-ring-opacity))}.hover\:ring-violet-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(139 92 246/var(--tw-ring-opacity))}.hover\:ring-violet-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(124 58 237/var(--tw-ring-opacity))}.hover\:ring-violet-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(109 40 217/var(--tw-ring-opacity))}.hover\:ring-violet-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(91 33 182/var(--tw-ring-opacity))}.hover\:ring-violet-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(76 29 149/var(--tw-ring-opacity))}.hover\:ring-white:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))}.hover\:ring-yellow-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(254 249 195/var(--tw-ring-opacity))}.hover\:ring-yellow-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(254 240 138/var(--tw-ring-opacity))}.hover\:ring-yellow-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity))}.hover\:ring-yellow-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(250 204 21/var(--tw-ring-opacity))}.hover\:ring-yellow-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(254 252 232/var(--tw-ring-opacity))}.hover\:ring-yellow-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(234 179 8/var(--tw-ring-opacity))}.hover\:ring-yellow-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(202 138 4/var(--tw-ring-opacity))}.hover\:ring-yellow-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(161 98 7/var(--tw-ring-opacity))}.hover\:ring-yellow-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(133 77 14/var(--tw-ring-opacity))}.hover\:ring-yellow-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(113 63 18/var(--tw-ring-opacity))}.hover\:ring-zinc-100:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(244 244 245/var(--tw-ring-opacity))}.hover\:ring-zinc-200:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(228 228 231/var(--tw-ring-opacity))}.hover\:ring-zinc-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(212 212 216/var(--tw-ring-opacity))}.hover\:ring-zinc-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(161 161 170/var(--tw-ring-opacity))}.hover\:ring-zinc-50:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(250 250 250/var(--tw-ring-opacity))}.hover\:ring-zinc-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(113 113 122/var(--tw-ring-opacity))}.hover\:ring-zinc-600:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(82 82 91/var(--tw-ring-opacity))}.hover\:ring-zinc-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(63 63 70/var(--tw-ring-opacity))}.hover\:ring-zinc-800:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(39 39 42/var(--tw-ring-opacity))}.hover\:ring-zinc-900:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(24 24 27/var(--tw-ring-opacity))}.hover\:brightness-90:hover{--tw-brightness:brightness(.9)}.hover\:brightness-90:hover,.hover\:brightness-95:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:brightness-95:hover{--tw-brightness:brightness(.95)}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:before\:opacity-100:hover:before{content:var(--tw-content);opacity:1}.after\:hover\:block:hover:after{content:var(--tw-content);display:block}.hover\:after\:bg-subtle:hover:after{content:var(--tw-content);background-color:var(--cal-bg-subtle)}.checked\:hover\:border-error:hover:checked{border-color:var(--cal-border-error,#aa2e26)}.checked\:hover\:bg-brand-default:hover:checked{background-color:var(--cal-brand,#111827)}.checked\:hover\:bg-darkerror:hover:checked{background-color:var(--cal-bg-dark-error)}.checked\:hover\:bg-gray-600:hover:checked{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.hover\:checked\:bg-gray-300:checked:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.disabled\:hover\:cursor-not-allowed:hover:disabled{cursor:not-allowed}.disabled\:hover\:border-default:hover:disabled{border-color:var(--cal-border,#d1d5db)}.disabled\:hover\:border-inherit:hover:disabled{border-color:inherit}.disabled\:hover\:border-red-200:hover:disabled{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.disabled\:hover\:border-subtle:hover:disabled{border-color:var(--cal-border-subtle,#e5e7eb)}.disabled\:hover\:bg-brand-subtle:hover:disabled{background-color:var(--cal-brand-subtle,#9ca3af)}.disabled\:hover\:bg-default:hover:disabled{background-color:var(--cal-bg,#fff)}.disabled\:hover\:bg-transparent:hover:disabled{background-color:transparent}.disabled\:hover\:bg-opacity-30:hover:disabled{--tw-bg-opacity:0.3}.disabled\:hover\:text-muted:hover:disabled{color:var(--cal-text-muted,#9ca3af)}.disabled\:hover\:opacity-40:hover:disabled{opacity:.4}.disabled\:hover\:shadow-none:hover:disabled{--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)}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:rgb(254 242 242/var(--tw-text-opacity))}html.todesktop .todesktop\:hover\:\!bg-transparent:hover{background-color:transparent!important}html.todesktop .todesktop\:hover\:bg-transparent:hover{background-color:transparent}.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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-default:active{background-color:var(--cal-bg,#fff)}.radix-state-open\:rotate-45[data-state=open]{--tw-rotate:45deg;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))}.radix-state-open\:rounded-r-md[data-state=open]{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.radix-state-open\:border-emphasis[data-state=open]{border-color:var(--cal-border-emphasis,#9ca3af)}.radix-state-open\:text-blue-500[data-state=open]{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.radix-state-open\:outline-none[data-state=open]{outline:2px solid transparent;outline-offset:2px}.radix-state-open\:ring-0[data-state=open]{--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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.radix-state-open\:ring-0[data-state=open],.radix-state-open\:ring-2[data-state=open]{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.radix-state-open\:ring-2[data-state=open]{--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)}.radix-state-open\:ring-emphasis[data-state=open]{--tw-ring-color:var(--cal-bg-emphasis)}:is([dir=ltr] .ltr\:right-0){right:0}:is([dir=ltr] .ltr\:right-2){right:.5rem}:is([dir=ltr] .ltr\:right-4){right:1rem}:is([dir=ltr] .ltr\:-ml-1){margin-left:-.25rem}:is([dir=ltr] .ltr\:-mr-1){margin-right:-.25rem}:is([dir=ltr] .ltr\:ml-1){margin-left:.25rem}:is([dir=ltr] .ltr\:ml-2){margin-left:.5rem}:is([dir=ltr] .ltr\:ml-3){margin-left:.75rem}:is([dir=ltr] .ltr\:mr-1){margin-right:.25rem}:is([dir=ltr] .ltr\:mr-2){margin-right:.5rem}:is([dir=ltr] .ltr\:mr-3){margin-right:.75rem}:is([dir=ltr] .ltr\:mr-4){margin-right:1rem}:is([dir=ltr] .ltr\:mr-5){margin-right:1.25rem}:is([dir=ltr] .ltr\:mr-\[10px\]){margin-right:10px}:is([dir=ltr] .ltr\:translate-x-\[2px\]){--tw-translate-x:2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is([dir=ltr] .ltr\:translate-x-\[4px\]){--tw-translate-x:4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is([dir=ltr] .ltr\:rounded-l-md){border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}:is([dir=ltr] .ltr\:rounded-r-md){border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}:is([dir=ltr] .ltr\:rounded-tl-md){border-top-left-radius:.375rem}:is([dir=ltr] .ltr\:border-l){border-left-width:1px}:is([dir=ltr] .ltr\:border-r-0){border-right-width:0}:is([dir=ltr] .ltr\:pl-3){padding-left:.75rem}:is([dir=ltr] .ltr\:pl-4){padding-left:1rem}:is([dir=ltr] .ltr\:pr-10){padding-right:2.5rem}:is([dir=ltr] .ltr\:pr-4){padding-right:1rem}:is([dir=ltr] .ltr\:text-left){text-align:left}:is([dir=ltr] .ltr\:last\:mr-0:last-child){margin-right:0}:is([dir=ltr] .ltr\:radix-state-open\:rounded-r-md[data-state=open]){border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}:is([dir=rtl] .rtl\:left-0){left:0}:is([dir=rtl] .rtl\:left-2){left:.5rem}:is([dir=rtl] .rtl\:left-4){left:1rem}:is([dir=rtl] .rtl\:-ml-1){margin-left:-.25rem}:is([dir=rtl] .rtl\:-mr-1){margin-right:-.25rem}:is([dir=rtl] .rtl\:-mr-14){margin-right:-3.5rem}:is([dir=rtl] .rtl\:-mr-2){margin-right:-.5rem}:is([dir=rtl] .rtl\:ml-1){margin-left:.25rem}:is([dir=rtl] .rtl\:ml-2){margin-left:.5rem}:is([dir=rtl] .rtl\:ml-3){margin-left:.75rem}:is([dir=rtl] .rtl\:ml-4){margin-left:1rem}:is([dir=rtl] .rtl\:ml-5){margin-left:1.25rem}:is([dir=rtl] .rtl\:ml-\[10px\]){margin-left:10px}:is([dir=rtl] .rtl\:mr-1){margin-right:.25rem}:is([dir=rtl] .rtl\:mr-2){margin-right:.5rem}:is([dir=rtl] .rtl\:mr-3){margin-right:.75rem}:is([dir=rtl] .rtl\:mr-4){margin-right:1rem}:is([dir=rtl] .rtl\:mr-auto){margin-right:auto}:is([dir=rtl] .rtl\:flex-grow){flex-grow:1}:is([dir=rtl] .rtl\:-translate-x-\[2px\]){--tw-translate-x:-2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is([dir=rtl] .rtl\:-translate-x-\[4px\]){--tw-translate-x:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is([dir=rtl] .rtl\:rotate-180){--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is([dir=rtl] .rtl\:flex-row-reverse){flex-direction:row-reverse}:is([dir=rtl] .rtl\:justify-end){justify-content:flex-end}:is([dir=rtl] .rtl\:space-x-reverse)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}:is([dir=rtl] .rtl\:rounded-l-md){border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}:is([dir=rtl] .rtl\:rounded-r-md){border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}:is([dir=rtl] .rtl\:rounded-tr-md){border-top-right-radius:.375rem}:is([dir=rtl] .rtl\:border-l-0){border-left-width:0}:is([dir=rtl] .rtl\:border-r){border-right-width:1px}:is([dir=rtl] .rtl\:border-default){border-color:var(--cal-border,#d1d5db)}:is([dir=rtl] .rtl\:border-r-default){border-right-color:var(--cal-border,#d1d5db)}:is([dir=rtl] .rtl\:pl-10){padding-left:2.5rem}:is([dir=rtl] .rtl\:pl-4){padding-left:1rem}:is([dir=rtl] .rtl\:pr-4){padding-right:1rem}:is([dir=rtl] .rtl\:pr-6){padding-right:1.5rem}:is([dir=rtl] .rtl\:text-right){text-align:right}:is([dir=rtl] .rtl\:last\:ml-0:last-child){margin-left:0}:is([dir=rtl] .rtl\:radix-state-open\:rounded-l-md[data-state=open]){border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}:is(.dark .dark\:block){display:block}:is(.dark .dark\:hidden){display:none}:is(.dark .dark\:divide-darkgray-100)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(28 28 28/var(--tw-divide-opacity))}:is(.dark .dark\:border){border-width:1px}:is(.dark .dark\:border-cal-bg-muted){border-color:var(--cal-bg-muted)}:is(.dark .dark\:border-darkgray-200){--tw-border-opacity:1;border-color:rgb(43 43 43/var(--tw-border-opacity))}:is(.dark .dark\:border-default){border-color:var(--cal-border,#d1d5db)}:is(.dark .dark\:border-emphasis){border-color:var(--cal-border-emphasis,#9ca3af)}:is(.dark .dark\:border-gray-900){--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity))}:is(.dark .dark\:border-transparent){border-color:transparent}:is(.dark .dark\:bg-\[\#292929\]){--tw-bg-opacity:1;background-color:rgb(41 41 41/var(--tw-bg-opacity))}:is(.dark .dark\:bg-black){--tw-bg-opacity:1;background-color:rgb(17 17 17/var(--tw-bg-opacity))}:is(.dark .dark\:bg-blue-900){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity))}:is(.dark .dark\:bg-blue-950){--tw-bg-opacity:1;background-color:rgb(23 37 84/var(--tw-bg-opacity))}:is(.dark .dark\:bg-brand-emphasis){background-color:var(--cal-brand-emphasis,#101010)}:is(.dark .dark\:bg-darkgray-100){--tw-bg-opacity:1;background-color:rgb(28 28 28/var(--tw-bg-opacity))}:is(.dark .dark\:bg-darkgray-200){--tw-bg-opacity:1;background-color:rgb(43 43 43/var(--tw-bg-opacity))}:is(.dark .dark\:bg-darkgray-400){--tw-bg-opacity:1;background-color:rgb(87 87 87/var(--tw-bg-opacity))}:is(.dark .dark\:bg-darkgray-50){--tw-bg-opacity:1;background-color:rgb(16 16 16/var(--tw-bg-opacity))}:is(.dark .dark\:bg-darkgray-900){--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}:is(.dark .dark\:bg-default){background-color:var(--cal-bg,#fff)}:is(.dark .dark\:bg-gray-600){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}:is(.dark .dark\:bg-inherit){background-color:inherit}:is(.dark .dark\:bg-muted){background-color:var(--cal-bg-muted)}:is(.dark .dark\:bg-orange-900){--tw-bg-opacity:1;background-color:rgb(124 45 18/var(--tw-bg-opacity))}:is(.dark .dark\:bg-red-900){--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity))}:is(.dark .dark\:bg-transparent){background-color:transparent}:is(.dark .dark\:bg-white){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}:is(.dark .dark\:bg-white\/5){background-color:hsla(0,0%,100%,.05)}:is(.dark .dark\:bg-opacity-5){--tw-bg-opacity:0.05}:is(.dark .dark\:bg-opacity-70){--tw-bg-opacity:0.7}:is(.dark .dark\:bg-gradient-to-tr){background-image:linear-gradient(to top right,var(--tw-gradient-stops))}:is(.dark .dark\:bg-none){background-image:none}:is(.dark .dark\:from-subtle){--tw-gradient-from:var(--cal-bg-subtle) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}:is(.dark .dark\:to-muted){--tw-gradient-to:var(--cal-bg-muted) var(--tw-gradient-to-position)}:is(.dark .dark\:\!text-darkgray-900){--tw-text-opacity:1!important;color:rgb(243 244 246/var(--tw-text-opacity))!important}:is(.dark .dark\:text-black){--tw-text-opacity:1;color:rgb(17 17 17/var(--tw-text-opacity))}:is(.dark .dark\:text-blue-200){--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity))}:is(.dark .dark\:text-blue-300){--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity))}:is(.dark .dark\:text-blue-400){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}:is(.dark .dark\:text-darkgray-50){--tw-text-opacity:1;color:rgb(16 16 16/var(--tw-text-opacity))}:is(.dark .dark\:text-darkgray-800){--tw-text-opacity:1;color:rgb(232 232 232/var(--tw-text-opacity))}:is(.dark .dark\:text-darkgray-900){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}:is(.dark .dark\:text-default){color:var(--cal-text,#374151)}:is(.dark .dark\:text-emphasis){color:var(--cal-text-emphasis,#111827)}:is(.dark .dark\:text-gray-300){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}:is(.dark .dark\:text-green-400){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}:is(.dark .dark\:text-inverted){color:var(--cal-text-inverted,#fff)}:is(.dark .dark\:text-muted){color:var(--cal-text-muted,#9ca3af)}:is(.dark .dark\:text-orange-200){--tw-text-opacity:1;color:rgb(254 215 170/var(--tw-text-opacity))}:is(.dark .dark\:text-red-100){--tw-text-opacity:1;color:rgb(254 226 226/var(--tw-text-opacity))}:is(.dark .dark\:text-red-200){--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity))}:is(.dark .dark\:text-red-700\/30){color:rgba(185,28,28,.3)}:is(.dark .dark\:text-subtle){color:var(--cal-text-subtle,#6b7280)}:is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .dark\:opacity-100){opacity:1}:is(.dark .dark\:opacity-80){opacity:.8}:is(.dark .dark\:opacity-90){opacity:.9}:is(.dark .dark\: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)}:is(.dark .dark\:invert-\[\.65\]){--tw-invert:invert(.65);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:is(.dark .dark\:\[--cal-brand-emphasis\:\#e1e1e1\]){--cal-brand-emphasis:#e1e1e1}:is(.dark .dark\:\[--cal-brand-text\:\#000000\]){--cal-brand-text:#000}:is(.dark .dark\:\[--cal-brand-text\:black\]){--cal-brand-text:#000}:is(.dark .dark\:\[--cal-brand\:\#FFFFFF\]){--cal-brand:#fff}:is(.dark .dark\:\[--cal-brand\:white\]){--cal-brand:#fff}:is(.dark .dark\:\[--disabled-gradient-background\:\#262626\]){--disabled-gradient-background:#262626}:is(.dark .dark\:\[--disabled-gradient-foreground\:\#393939\]){--disabled-gradient-foreground:#393939}:is(.dark .dark\:\[color-scheme\:dark\]){color-scheme:dark}:is(.dark .dark\:\[filter\:invert\(0\.65\)_brightness\(0\.9\)\]){filter:invert(.65) brightness(.9)}:is(.dark .dark\:selection\:bg-green-500 *)::-moz-selection{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}:is(.dark .dark\:selection\:bg-green-500 *)::selection{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}:is(.dark .dark\:selection\:bg-green-500)::-moz-selection{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}:is(.dark .dark\:selection\:bg-green-500)::selection{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}:is(.dark .dark\:placeholder\:text-darkgray-600)::-moz-placeholder{--tw-text-opacity:1;color:rgb(165 165 165/var(--tw-text-opacity))}:is(.dark .dark\:placeholder\:text-darkgray-600)::placeholder{--tw-text-opacity:1;color:rgb(165 165 165/var(--tw-text-opacity))}:is(.dark .dark\:placeholder\:text-muted)::-moz-placeholder{color:var(--cal-text-muted,#9ca3af)}:is(.dark .dark\:placeholder\:text-muted)::placeholder{color:var(--cal-text-muted,#9ca3af)}:is(.dark .dark\:before\:bg-muted):before{content:var(--tw-content);background-color:var(--cal-bg-muted)}:is(.dark .dark\:after\:bg-brand-accent):after{content:var(--tw-content);background-color:var(--cal-brand-accent,#fff)}:is(.dark .dark\:after\:bg-inverted):after{content:var(--tw-content);background-color:var(--cal-bg-inverted)}:is(.dark .dark\:checked\:bg-brand-default:checked){background-color:var(--cal-brand,#111827)}:is(.dark .dark\:checked\:after\:bg-brand-accent:checked):after{content:var(--tw-content);background-color:var(--cal-brand-accent,#fff)}:is(.dark .dark\:focus\:border-emphasis:focus){border-color:var(--cal-border-emphasis,#9ca3af)}:is(.dark .disabled\:dark\:text-gray-500):disabled{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}:is(.dark .disabled\:dark\:text-subtle):disabled{color:var(--cal-text-subtle,#6b7280)}.group:hover :is(.dark .group-hover\:dark\:bg-blue-800){--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-darkgray-200:hover){--tw-bg-opacity:1;background-color:rgb(43 43 43/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-emphasis:hover){background-color:var(--cal-bg-emphasis)}:is(.dark .dark\:hover\:bg-subtle:hover){background-color:var(--cal-bg-subtle)}:is(.dark .dark\:hover\:bg-transparent:hover){background-color:transparent}:is(.dark .hover\:dark\:bg-gray-900):hover{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:text-red-100:hover){--tw-text-opacity:1;color:rgb(254 226 226/var(--tw-text-opacity))}:is(.dark .dark\:checked\:hover\:bg-brand-default:hover:checked){background-color:var(--cal-brand,#111827)}:is(.dark .dark\:checked\:hover\:text-\[--cal-brand\]:hover:checked){color:var(--cal-brand)}@media print{.print\:hidden{display:none}.print\:h-full{height:100%}.print\:w-full{width:100%}}@media (min-width:640px){.sm\:absolute{position:absolute}.sm\:relative{position:relative}.sm\:inset-y-2{top:.5rem;bottom:.5rem}.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:right-2{right:.5rem}.sm\:top-auto{top:auto}.sm\:order-3{order:3}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-10{grid-column:span 10/span 10}.sm\:col-span-11{grid-column:span 11/span 11}.sm\:col-span-12{grid-column:span 12/span 12}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:col-span-5{grid-column:span 5/span 5}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:col-span-7{grid-column:span 7/span 7}.sm\:col-span-8{grid-column:span 8/span 8}.sm\:col-span-9{grid-column:span 9/span 9}.sm\:-mx-4{margin-left:-1rem;margin-right:-1rem}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:my-0{margin-top:0;margin-bottom:0}.sm\:my-8{margin-top:2rem;margin-bottom:2rem}.sm\:-mt-4{margin-top:-1rem}.sm\:mb-0{margin-bottom:0}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:ml-0{margin-left:0}.sm\:ml-4{margin-left:1rem}.sm\:ml-5{margin-left:1.25rem}.sm\:ml-auto{margin-left:auto}.sm\:mr-36{margin-right:9rem}.sm\:mr-4{margin-right:1rem}.sm\:mt-0{margin-top:0}.sm\:mt-4{margin-top:1rem}.sm\:mt-5{margin-top:1.25rem}.sm\:mt-6{margin-top:1.5rem}.sm\:mt-8{margin-top:2rem}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:table-cell{display:table-cell}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-4{height:1rem}.sm\:h-auto{height:auto;}.sm\:h-screen{height:100vh}.sm\:max-h-9{max-height:2.25rem}.sm\:min-h-\[200px\]{min-height:200px}.sm\:w-1\/2{width:50%}.sm\:w-10{width:2.5rem}.sm\:w-16{width:4rem}.sm\:w-24{width:6rem}.sm\:w-28{width:7rem}.sm\:w-32{width:8rem}.sm\:w-36{width:9rem}.sm\:w-4{width:1rem}.sm\:w-\[100px\]{width:100px}.sm\:w-\[45rem\]{width:45rem}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:min-w-80{min-width:20rem}.sm\:min-w-\[12rem\]{min-width:12rem}.sm\:min-w-\[200px\]{min-width:200px}.sm\:max-w-32{max-width:8rem}.sm\:max-w-4xl{max-width:56rem}.sm\:max-w-56{max-width:14rem}.sm\:max-w-64{max-width:16rem}.sm\:max-w-72{max-width:18rem}.sm\:max-w-80{max-width:20rem}.sm\:max-w-\[35rem\]{max-width:35rem}.sm\:max-w-\[45rem\]{max-width:45rem}.sm\:max-w-\[48rem\]{max-width:48rem}.sm\:max-w-\[500px\]{max-width:500px}.sm\:max-w-\[520px\]{max-width:520px}.sm\:max-w-\[600px\]{max-width:600px}.sm\:max-w-\[610px\]{max-width:610px}.sm\:max-w-\[650px\]{max-width:650px}.sm\:max-w-\[70rem\]{max-width:70rem}.sm\:max-w-\[80rem\]{max-width:80rem}.sm\:max-w-\[90rem\]{max-width:90rem}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-md{max-width:28rem}.sm\:max-w-none{max-width:none}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-xl{max-width:36rem}.sm\:flex-1{flex:1 1 0%}.sm\:translate-y-\[12px\]{--tw-translate-y:12px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-cols-none{grid-template-columns:none}.sm\:flex-row{flex-direction:row}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:flex-col{flex-direction:column}.sm\:flex-wrap{flex-wrap:wrap}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:gap-0{gap:0}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.sm\: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)))}.sm\: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)))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\: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))}.sm\: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))}.sm\:divide-subtle>:not([hidden])~:not([hidden]){border-color:var(--cal-border-subtle,#e5e7eb)}.sm\:self-center{align-self:center}.sm\:self-baseline{align-self:baseline}.sm\:overflow-hidden{overflow:hidden}.sm\:rounded-lg{border-radius:.5rem}.sm\:rounded-md{border-radius:.375rem}.sm\:rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.sm\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.sm\:rounded-bl-md{border-bottom-left-radius:.375rem}.sm\:rounded-bl-none{border-bottom-left-radius:0}.sm\:rounded-tl-md{border-top-left-radius:.375rem}.sm\:rounded-tl-none{border-top-left-radius:0}.sm\:border-booker-width{border-width:var(--cal-border-booker-width,1px)}.sm\:border-r{border-right-width:1px}.sm\:border-subtle{border-color:var(--cal-border-subtle,#e5e7eb)}.sm\:p-0{padding:0}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-14{padding-left:3.5rem;padding-right:3.5rem}.sm\:px-16{padding-left:4rem;padding-right:4rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pb-5{padding-bottom:1.25rem}.sm\:pl-0{padding-left:0}.sm\:pl-3{padding-left:.75rem}.sm\:pr-5{padding-right:1.25rem}.sm\:pr-6{padding-right:1.5rem}.sm\:pr-8{padding-right:2rem}.sm\:pt-0{padding-top:0}.sm\:pt-24{padding-top:6rem}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}.sm\:align-middle{vertical-align:middle}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:font-medium{font-weight:500}.sm\:leading-4{line-height:1rem}.sm\:transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.sm\:duration-300{transition-duration:.3s;animation-duration:.3s}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}.sm\:hover\:bg-muted:hover{background-color:var(--cal-bg-muted)}.sm\:hover\:bg-subtle:hover{background-color:var(--cal-bg-subtle)}:is([dir=ltr] .sm\:ltr\:pl-0){padding-left:0}:is([dir=rtl] .sm\:rtl\:pr-0){padding-right:0}@media (prefers-reduced-motion:reduce){.sm\:motion-reduce\:transition-none{transition-property:none}}}@media (min-width:768px){.md\:not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.md\:visible{visibility:visible}.md\:relative{position:relative}.md\:sticky{position:sticky}.md\:\!bottom-20{bottom:5rem!important}.md\:-top-1{top:-.25rem}.md\:bottom-4{bottom:1rem}.md\:bottom-auto{bottom:auto}.md\:left-1\/2{left:50%}.md\:right-auto{right:auto}.md\:top-6{top:1.5rem}.md\:z-10{z-index:10}.md\:z-auto{z-index:auto}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-10{grid-column:span 10/span 10}.md\:col-span-11{grid-column:span 11/span 11}.md\:col-span-12{grid-column:span 12/span 12}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-9{grid-column:span 9/span 9}.md\:-mx-8{margin-left:-2rem;margin-right:-2rem}.md\:mx-0{margin-left:0;margin-right:0}.md\:mx-14{margin-left:3.5rem;margin-right:3.5rem}.md\:mx-4{margin-left:1rem;margin-right:1rem}.md\:mx-5{margin-left:1.25rem;margin-right:1.25rem}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:my-0{margin-top:0;margin-bottom:0}.md\:my-24{margin-top:6rem;margin-bottom:6rem}.md\:-ml-8{margin-left:-2rem}.md\:-mr-8{margin-right:-2rem}.md\:mb-0{margin-bottom:0}.md\:mb-2{margin-bottom:.5rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mb-8{margin-bottom:2rem}.md\:ml-3{margin-left:.75rem}.md\:ml-5{margin-left:1.25rem}.md\:mr-6{margin-right:1.5rem}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-0{height:0}.md\:h-11{height:2.75rem}.md\:h-80{height:20rem}.md\:h-9{height:2.25rem}.md\:h-\[400px\]{height:400px}.md\:h-screen{height:100vh}.md\:max-h-80{max-height:20rem}.md\:max-h-min{max-height:-moz-min-content;max-height:min-content}.md\:w-1\/5{width:20%}.md\:w-11{width:2.75rem}.md\:w-64{width:16rem}.md\:w-\[520px\]{width:520px}.md\:w-\[560px\]{width:560px}.md\:w-\[700px\]{width:700px}.md\:w-\[var\(--booker-main-width\)\]{width:var(--booker-main-width)}.md\:w-\[var\(--booker-meta-width\)\]{width:var(--booker-meta-width)}.md\:w-\[var\(--booker-timeslots-width\)\]{width:var(--booker-timeslots-width)}.md\:w-auto{width:auto}.md\:w-fit{width:-moz-fit-content;width:fit-content}.md\:w-full{width:100%}.md\:min-w-\[120px\]{min-width:120px}.md\:min-w-\[150px\]{min-width:150px}.md\:max-w-52{max-width:13rem}.md\:max-w-56{max-width:14rem}.md\:max-w-80{max-width:20rem}.md\:max-w-\[145px\]{max-width:145px}.md\:max-w-\[200px\]{max-width:200px}.md\:max-w-\[300px\]{max-width:300px}.md\:max-w-\[420px\]{max-width:420px}.md\:max-w-full{max-width:100%}.md\:max-w-max{max-width:-moz-max-content;max-width:max-content}.md\:max-w-sm{max-width:24rem}.md\:flex-none{flex:none}.md\:-translate-x-1\/2{--tw-translate-x:-50%}.md\:-translate-x-1\/2,.md\: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))}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:justify-start{justify-content:flex-start}.md\:justify-between{justify-content:space-between}.md\:gap-4{gap:1rem}.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-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.md\:overflow-auto{overflow:auto}.md\:overflow-x-hidden{overflow-x:hidden}.md\:rounded-lg{border-radius:.5rem}.md\:rounded-md{border-radius:.375rem}.md\:rounded-none{border-radius:0}.md\:border{border-width:1px}.md\:border-0{border-width:0}.md\:border-booker-width{border-width:var(--cal-border-booker-width,1px)}.md\:border-l{border-left-width:1px}.md\:border-t{border-top-width:1px}.md\:border-none{border-style:none}.md\:border-subtle{border-color:var(--cal-border-subtle,#e5e7eb)}.md\:object-center{-o-object-position:center;object-position:center}.md\:p-0{padding:0}.md\:p-10{padding:2.5rem}.md\:p-4{padding:1rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-2{padding-left:.5rem;padding-right:.5rem}.md\:px-20{padding-left:5rem;padding-right:5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.md\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:pl-0{padding-left:0}.md\:pl-10{padding-left:2.5rem}.md\:pr-10{padding-right:2.5rem}.md\:pt-0{padding-top:0}.md\:pt-10{padding-top:2.5rem}.md\:pt-4{padding-top:1rem}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:overflow-x-hidden.scrollbar,.md\:overflow-x-hidden.scrollbar-thin{overflow-x:hidden}.md\:radix-state-open\:rotate-0[data-state=open]{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is([dir=ltr] .md\:ltr\:right-0){right:0}:is([dir=ltr] .md\:ltr\:mx-auto){margin-left:auto;margin-right:auto}:is([dir=ltr] .ltr\:md\:border-l){border-left-width:1px}:is([dir=rtl] .md\:rtl\:left-0){left:0}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:left-3{left:.75rem}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-11{grid-column:span 11/span 11}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:-mt-12{margin-top:-3rem}.lg\:mb-0{margin-bottom:0}.lg\:mb-4{margin-bottom:1rem}.lg\:mb-5{margin-bottom:1.25rem}.lg\:mb-7{margin-bottom:1.75rem}.lg\:mb-8{margin-bottom:2rem}.lg\:ml-0{margin-left:0}.lg\:ml-14{margin-left:3.5rem}.lg\:ml-8{margin-left:2rem}.lg\:mr-0{margin-right:0}.lg\:mt-0{margin-top:0}.lg\:mt-12{margin-top:3rem}.lg\:mt-24{margin-top:6rem}.lg\:mt-4{margin-top:1rem}.lg\:block{display:block}.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-\[100\%\]{height:100%}.lg\:w-1\/3{width:33.333333%}.lg\:w-56{width:14rem}.lg\:w-\[calc\(100\%\+48px\)\]{width:calc(100% + 48px)}.lg\:w-\[var\(--booker-main-width\)\]{width:var(--booker-main-width)}.lg\:w-auto{width:auto}.lg\:w-fit{width:-moz-fit-content;width:fit-content}.lg\:min-w-72{min-width:18rem}.lg\:max-w-2xl{max-width:42rem}.lg\:max-w-3xl{max-width:48rem}.lg\:max-w-72{max-width:18rem}.lg\:max-w-\[50\%\]{max-width:50%}.lg\:max-w-full{max-width:100%}.lg\:max-w-screen-lg{max-width:1024px}.lg\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-cols-none{grid-template-columns:none}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:items-center{align-items:center}.lg\:justify-center{justify-content:center}.lg\: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)))}.lg\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.lg\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.lg\:rounded{border-radius:.25rem}.lg\:rounded-md{border-radius:.375rem}.lg\:border{border-width:1px}.lg\:bg-subtle{background-color:var(--cal-bg-subtle)}.lg\:p-20{padding:5rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-2{padding-left:.5rem;padding-right:.5rem}.lg\:px-3{padding-left:.75rem;padding-right:.75rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:py-\[6px\]{padding-top:6px;padding-bottom:6px}.lg\:pb-0{padding-bottom:0}.lg\:pb-5{padding-bottom:1.25rem}.lg\:pl-11{padding-left:2.75rem}.lg\:pl-12{padding-left:3rem}.lg\:pl-\[6px\]{padding-left:6px}.lg\:pt-0{padding-top:0}.lg\:pt-4{padding-top:1rem}.lg\:opacity-100{opacity:1}.lg\:\[--booker-meta-width\:280px\]{--booker-meta-width:280px}.lg\:\[--booker-meta-width\:340px\]{--booker-meta-width:340px}.lg\:\[--booker-meta-width\:424px\]{--booker-meta-width:424px}.lg\:\[--booker-timeslots-width\:280px\]{--booker-timeslots-width:280px}.lg\:\[--troubleshooter-meta-width\:430px\]{--troubleshooter-meta-width:430px}.lg\:hover\:bg-emphasis:hover{background-color:var(--cal-bg-emphasis)}.lg\:hover\:text-emphasis:hover{color:var(--cal-text-emphasis,#111827)}:is([dir=ltr] .lg\:ltr\:mr-2){margin-right:.5rem}:is([dir=rtl] .lg\:rtl\:ml-2){margin-left:.5rem}}@media (min-width:1280px){.xl\:mx-20{margin-left:5rem;margin-right:5rem}.xl\:mr-0{margin-right:0}.xl\:mt-0{margin-top:0}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:w-full{width:100%}.xl\:max-w-80{max-width:20rem}.xl\:max-w-full{max-width:100%}.xl\:flex-row{flex-direction:row}.xl\:justify-between{justify-content:space-between}.xl\:space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.xl\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.xl\:pt-0{padding-top:0}}@media (min-width:1536px){.\32xl\:rounded-\[20px\]{border-radius:20px}.\32xl\:border{border-width:1px}.\32xl\:border-subtle{border-color:var(--cal-border-subtle,#e5e7eb)}.\32xl\:bg-default{background-color:var(--cal-bg,#fff)}.\32xl\:px-28{padding-left:7rem;padding-right:7rem}.\32xl\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}}@media (display-mode:standalone){.pwa\:bottom-\[max\(7rem\2c _calc\(5rem_\+_env\(safe-area-inset-bottom\)\)\)\]{bottom:max(7rem,calc(5rem + env(safe-area-inset-bottom)))}.pwa\:-mx-2{margin-left:-.5rem;margin-right:-.5rem}.pwa\:pb-\[max\(0\.625rem\2c env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.625rem,env(safe-area-inset-bottom))}}.\[\&\:has\(\+_input\:hover\)\]\:border-emphasis:has(+input:hover){border-color:var(--cal-border-emphasis,#9ca3af)}.\[\&\:has\(\+_input\:hover\)\]\:border-r-default:has(+input:hover){border-right-color:var(--cal-border,#d1d5db)}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\:has\(input\:checked\)\]\:border-emphasis:has(input:checked){border-color:var(--cal-border-emphasis,#9ca3af)}.\[\&\:has\(input\:checked\)\]\:border-error:has(input:checked){border-color:var(--cal-border-error,#aa2e26)}.focus\:\[\&\:not\(\:disabled\)\]\:bg-subtle:not(:disabled):focus,.hover\:\[\&\:not\(\:disabled\)\]\:bg-subtle:not(:disabled):hover{background-color:var(--cal-bg-subtle)}.\[\&\>\*\:first-child\]\:mt-1>:first-child{margin-top:.25rem}.\[\&\>\*\:first-child\]\:rounded-l-md>:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.\[\&\>\*\:first-child\]\:rounded-t-md>:first-child{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.\[\&\>\*\:first-child\]\:border>:first-child{border-width:1px}.\[\&\>\*\:first-child\]\:border-l>:first-child{border-left-width:1px}.\[\&\>\*\:first-child\]\:border-default>:first-child{border-color:var(--cal-border,#d1d5db)}.\[\&\>\*\:first-child\]\:\!p-0>:first-child{padding:0!important}.hover\:\[\&\>\*\:first-child\]\:border-gray-400>:first-child:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}:is([dir=ltr] .ltr\:\[\&\>\*\:first-child\]\:ml-0>:first-child){margin-left:0}:is([dir=ltr] .ltr\:\[\&\>\*\:first-child\]\:rounded-l-md>:first-child){border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}:is([dir=ltr] .ltr\:\[\&\>\*\:first-child\]\:border-l>:first-child){border-left-width:1px}:is([dir=rtl] .rtl\:\[\&\>\*\:first-child\]\:rounded-r-md>:first-child){border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}:is([dir=rtl] .rtl\:\[\&\>\*\:first-child\]\:border-r>:first-child){border-right-width:1px}.\[\&\>\*\:last-child\]\:mb-1>:last-child{margin-bottom:.25rem}.\[\&\>\*\:last-child\]\:rotate-180>:last-child{--tw-rotate:180deg;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))}.\[\&\>\*\:last-child\]\:rounded-b-md>:last-child{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.\[\&\>\*\:last-child\]\:rounded-b-xl>:last-child{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.\[\&\>\*\:last-child\]\:rounded-r-md>:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.\[\&\>\*\:last-child\]\:border-b>:last-child{border-bottom-width:1px}.\[\&\>\*\:last-child\]\:transition-transform>:last-child{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:is([dir=ltr] .ltr\:\[\&\>\*\:last-child\]\:rounded-r-md>:last-child){border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}:is([dir=rtl] .rtl\:\[\&\>\*\:last-child\]\:rounded-l-md>:last-child){border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.\[\&\>\*\:not\(\:first-child\)\]\:hidden>:not(:first-child){display:none}.\[\&\>\*\]\:flex-1>*{flex:1 1 0%}@keyframes pulse{50%{opacity:.5}}.\[\&\>\*\]\:animate-pulse>*{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.\[\&\>\*\]\:justify-center>*{justify-content:center}.\[\&\>\*\]\:border>*{border-width:1px}.\[\&\>\*\]\:border-t-0>*{border-top-width:0}.\[\&\>\*\]\:border-subtle>*{border-color:var(--cal-border-subtle,#e5e7eb)}.\[\&\>\*\]\:bg-emphasis>*{background-color:var(--cal-bg-emphasis)}.\[\&\>\*\]\:px-4>*{padding-left:1rem;padding-right:1rem}.\[\&\>\*\]\:py-6>*{padding-top:1.5rem;padding-bottom:1.5rem}.\[\&\>\*\]\:text-emphasis>*{color:var(--cal-text-emphasis,#111827)}@media (min-width:640px){.\[\&\>\*\]\:sm\:px-6>*{padding-left:1.5rem;padding-right:1.5rem}}.\[\&\>a\]\:-ml-\[1px\]>a{margin-left:-1px}.hover\:\[\&\>a\]\:z-\[1\]>a:hover{z-index:1}.\[\&\>button\]\:-ml-\[1px\]>button{margin-left:-1px}.hover\:\[\&\>button\]\:z-\[1\]>button:hover{z-index:1}.\[\&\[aria-checked\=\'false\'\]\]\:hover\:text-emphasis:hover[aria-checked=false]{color:var(--cal-text-emphasis,#111827)}.\[\&\[aria-current\=\'page\'\]\]\:\!bg-transparent[aria-current=page]{background-color:transparent!important}.\[\&\[aria-current\=\'page\'\]\]\:bg-emphasis[aria-current=page]{background-color:var(--cal-bg-emphasis)}.\[\&\[aria-current\=\'page\'\]\]\:text-emphasis[aria-current=page]{color:var(--cal-text-emphasis,#111827)}.\[\&\[aria-current\=\'page\'\]\]\:text-inherit[aria-current=page]{color:inherit}html.todesktop .todesktop\:\[\&\[aria-current\=\'page\'\]\]\:bg-emphasis[aria-current=page]{background-color:var(--cal-bg-emphasis)}:is([dir=ltr] .ltr\:\[\&\[data-state\=\'checked\'\]\]\:translate-x-\[13px\][data-state=checked]){--tw-translate-x:13px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is([dir=ltr] .ltr\:\[\&\[data-state\=\'checked\'\]\]\:translate-x-\[17px\][data-state=checked]){--tw-translate-x:17px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is([dir=rtl] .rtl\:\[\&\[data-state\=\'checked\'\]\]\:-translate-x-\[13px\][data-state=checked]){--tw-translate-x:-13px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is([dir=rtl] .rtl\:\[\&\[data-state\=\'checked\'\]\]\:-translate-x-\[17px\][data-state=checked]){--tw-translate-x:-17px;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))}.\[\&_\.current-timezone\:before\]\:focus-within\:opacity-100:focus-within .current-timezone:before{opacity:1}.\[\&_\.current-timezone\:before\]\:hover\:opacity-100:hover .current-timezone:before{opacity:1}.\[\&_\.modalsticky\]\:sticky .modalsticky{position:sticky}.\[\&_\.modalsticky\]\:bottom-0 .modalsticky{bottom:0}.\[\&_\.modalsticky\]\:left-0 .modalsticky{left:0}.\[\&_\.modalsticky\]\:right-0 .modalsticky{right:0}.\[\&_\.modalsticky\]\:-mx-8 .modalsticky{margin-left:-2rem;margin-right:-2rem}.\[\&_\.modalsticky\]\:border-t .modalsticky{border-top-width:1px}.\[\&_\.modalsticky\]\:border-t-subtle .modalsticky{border-top-color:var(--cal-border-subtle,#e5e7eb)}.\[\&_\.modalsticky\]\:bg-default .modalsticky{background-color:var(--cal-bg,#fff)}.\[\&_\.modalsticky\]\:px-8 .modalsticky{padding-left:2rem;padding-right:2rem}.\[\&_\.modalsticky\]\:py-4 .modalsticky{padding-top:1rem;padding-bottom:1rem}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted [cmdk-group-heading]{color:var(--cal-text-muted,#9ca3af)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_a\]\:rounded-none a{border-radius:0}.\[\&_a\]\:border-l-0 a{border-left-width:0}.\[\&_a\]\:text-blue-500 a{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:hover\:text-blue-600:hover a{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.\[\&_button\]\:rounded-none button{border-radius:0}.\[\&_button\]\:border-l-0 button{border-left-width:0}.\[\&_iframe\]\:h-full iframe{height:100%}.\[\&_iframe\]\:min-h-\[315px\] iframe{min-height:315px}.\[\&_iframe\]\:w-full iframe{width:100%}.\[\&_img\]\:h-\[15px\] img{height:15px}.\[\&_input\]\:mb-0 input{margin-bottom:0}.\[\&_input\]\:leading-4 input{line-height:1rem}.\[\&_label\]\:my-1 label{margin-top:.25rem;margin-bottom:.25rem}.\[\&_label\]\:font-normal label{font-weight:400}.\[\&_svg\]\:invisible svg{visibility:hidden}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}.\[\&_tr\]\:bg-subtle tr{background-color:var(--cal-bg-subtle)}@media(max-width:1270px){.\[\@media\(max-width\:1270px\)\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:260px){.\[\@media\(max-width\:260px\)\]\:w-full{width:100%}.\[\@media\(max-width\:260px\)\]\:justify-center{justify-content:center}}@media(max-width:500px){.\[\@media\(max-width\:500px\)\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media(max-width:730px){.\[\@media\(max-width\:730px\)\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}input:hover+.\[input\:hover_\+_\&\]\:border-emphasis{border-color:var(--cal-border-emphasis,#9ca3af)}input:hover+.\[input\:hover_\+_\&\]\:border-l-default{border-left-color:var(--cal-border,#d1d5db)}
\ No newline at end of file
+input:hover + .\[input\:hover_\+_\&\]\:border-l-default {
+  border-left-color: var(--cal-border);
+}
\ No newline at end of file
diff --git a/packages/ui/components/alert/Alert.tsx b/packages/ui/components/alert/Alert.tsx
index a98406dbcad135..75881509eb95f3 100644
--- a/packages/ui/components/alert/Alert.tsx
+++ b/packages/ui/components/alert/Alert.tsx
@@ -1,3 +1,4 @@
+import { cva } from "class-variance-authority";
 import classNames from "classnames";
 import type { ReactNode } from "react";
 import { forwardRef } from "react";
@@ -5,36 +6,36 @@ import { forwardRef } from "react";
 import { Icon } from "../icon";
 import type { IconName } from "../icon";
 
+export const alertStyles = cva("rounded-[10px] p-3", {
+  variants: {
+    severity: {
+      neutral: "bg-default border-subtle border-[1px] text-default",
+      info: "bg-semantic-info-subtle text-semantic-info",
+      warning: "bg-semantic-attention-subtle text-semantic-attention",
+      error: "bg-semantic-error-subtle text-semantic-error",
+    },
+  },
+  defaultVariants: {
+    severity: "neutral",
+  },
+});
+
 export interface AlertProps {
   title?: ReactNode;
-  // @TODO: Message should be children, more flexible?
   message?: ReactNode;
-  // @TODO: Provide action buttons so style is always the same.
   actions?: ReactNode;
   className?: string;
   iconClassName?: string;
-  // @TODO: Success and info shouldn't exist as per design?
-  severity: "success" | "warning" | "error" | "info" | "neutral" | "green";
+  severity: "warning" | "error" | "info" | "neutral";
   CustomIcon?: IconName;
   customIconColor?: string;
 }
+
 export const Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {
   const { severity, iconClassName, CustomIcon, customIconColor } = props;
 
   return (
-    <div
-      data-testid="alert"
-      ref={ref}
-      className={classNames(
-        "rounded-md  p-3",
-        props.className,
-        severity === "error" && "bg-red-100 text-red-900 dark:bg-red-900 dark:text-red-200",
-        severity === "warning" && "text-attention bg-attention dark:bg-orange-900 dark:text-orange-200",
-        severity === "info" && "bg-blue-100 text-blue-900 dark:bg-blue-900 dark:text-blue-200",
-        severity === "green" && "bg-success text-success",
-        severity === "success" && "bg-inverted text-inverted",
-        severity === "neutral" && "bg-subtle text-default"
-      )}>
+    <div data-testid="alert" ref={ref} className={alertStyles({ severity, className: props.className })}>
       <div className="relative flex md:flex-row">
         {CustomIcon ? (
           <div className="flex-shrink-0">
@@ -42,16 +43,16 @@ export const Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {
               name={CustomIcon}
               data-testid="custom-icon"
               aria-hidden="true"
-              className={classNames(`h-5 w-5`, iconClassName, customIconColor ?? "text-default")}
+              className={classNames(`h4 mr-2 w-4`, iconClassName, customIconColor ?? "text-default")}
             />
           </div>
         ) : (
-          <div className="flex-shrink-0">
+          <div className={classNames("mr-2 flex-shrink-0", props.title ? "" : "mt-0.5")}>
             {severity === "error" && (
               <Icon
                 name="circle-x"
                 data-testid="circle-x"
-                className={classNames("h-5 w-5 text-red-900 dark:text-red-200", iconClassName)}
+                className={classNames("h4 w-4", iconClassName)}
                 aria-hidden="true"
               />
             )}
@@ -59,7 +60,7 @@ export const Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {
               <Icon
                 name="triangle-alert"
                 data-testid="alert-triangle"
-                className={classNames("text-attention h-5 w-5 dark:text-orange-200", iconClassName)}
+                className={classNames("h4 w-4", iconClassName)}
                 aria-hidden="true"
               />
             )}
@@ -67,7 +68,7 @@ export const Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {
               <Icon
                 name="info"
                 data-testid="info"
-                className={classNames("h-5 w-5 text-blue-900 dark:text-blue-200", iconClassName)}
+                className={classNames("h4 w-4", iconClassName)}
                 aria-hidden="true"
               />
             )}
@@ -75,26 +76,20 @@ export const Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {
               <Icon
                 name="info"
                 data-testid="neutral"
-                className={classNames("text-default h-5 w-5 fill-transparent", iconClassName)}
-                aria-hidden="true"
-              />
-            )}
-            {severity === "success" && (
-              <Icon
-                name="circle-check"
-                data-testid="circle-check"
-                className={classNames("fill-muted text-default h-5 w-5", iconClassName)}
+                className={classNames("text-default h4 w-4 fill-transparent", iconClassName)}
                 aria-hidden="true"
               />
             )}
           </div>
         )}
         <div className="flex flex-grow flex-col sm:flex-row">
-          <div className="ltr:ml-3 rtl:mr-3">
-            <h3 className="text-sm font-medium">{props.title}</h3>
-            <div className="text-sm">{props.message}</div>
+          <div className="space-y-1 ltr:ml-3 rtl:mr-3">
+            {props.title && <h3 className="text-sm font-medium leading-none">{props.title}</h3>}
+            {props.message && <div className="text-sm leading-5">{props.message}</div>}
           </div>
-          {props.actions && <div className="ml-auto mt-2 text-sm sm:mt-0 md:relative">{props.actions}</div>}
+          {props.actions && (
+            <div className="ml-auto mt-auto text-sm sm:mt-0 md:relative">{props.actions}</div>
+          )}
         </div>
       </div>
     </div>
diff --git a/packages/ui/components/alert/alert.test.tsx b/packages/ui/components/alert/alert.test.tsx
index fdc44b4e7c8e62..6e5207c92cd11a 100644
--- a/packages/ui/components/alert/alert.test.tsx
+++ b/packages/ui/components/alert/alert.test.tsx
@@ -33,9 +33,4 @@ describe("Tests for Alert component", () => {
     render(<Alert severity="neutral" />);
     expect(await screen.findByTestId("neutral")).toBeInTheDocument();
   });
-
-  test("Should render corresponding icon: success", async () => {
-    render(<Alert severity="success" />);
-    expect(await screen.findByTestId("circle-check")).toBeInTheDocument();
-  });
 });
diff --git a/packages/ui/components/avatar/Avatar.tsx b/packages/ui/components/avatar/Avatar.tsx
index 07ee3808fd8a58..2ffebce8356fb7 100644
--- a/packages/ui/components/avatar/Avatar.tsx
+++ b/packages/ui/components/avatar/Avatar.tsx
@@ -1,5 +1,6 @@
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import { Provider as TooltipPrimitiveProvider } from "@radix-ui/react-tooltip";
+import { cva } from "class-variance-authority";
 import Link from "next/link";
 
 import classNames from "@calcom/lib/classNames";
@@ -11,7 +12,8 @@ type Maybe<T> = T | null | undefined;
 
 export type AvatarProps = {
   className?: string;
-  size?: "xxs" | "xs" | "xsm" | "sm" | "md" | "mdLg" | "lg" | "xl";
+  size?: "xs" | "xsm" | "sm" | "md" | "mdLg" | "lg" | "xl";
+  shape?: "circle" | "square";
   imageSrc?: Maybe<string>;
   title?: string;
   alt: string;
@@ -23,34 +25,65 @@ export type AvatarProps = {
   "data-testid"?: string;
 };
 
-const sizesPropsBySize = {
-  xxs: "w-3.5 h-3.5 min-w-3.5 min-h-3.5", // 14px
-  xs: "w-4 h-4 min-w-4 min-h-4 max-h-4", // 16px
-  xsm: "w-5 h-5 min-w-5 min-h-5", // 20px
-  sm: "w-6 h-6 min-w-6 min-h-6", // 24px
-  md: "w-8 h-8 min-w-8 min-h-8", // 32px
-  mdLg: "w-10 h-10 min-w-10 min-h-10", //40px
-  lg: "w-16 h-16 min-w-16 min-h-16", // 64px
-  xl: "w-24 h-24 min-w-24 min-h-24", // 96px
-} as const;
+const avatarClasses = cva(
+  "bg-emphasis border-default relative inline-flex aspect-square items-center justify-center border align-top",
+  {
+    variants: {
+      size: {
+        xs: "w-4 h-4 min-w-4 min-h-4 max-h-4", // 16px
+        xsm: "w-5 h-5 min-w-5 min-h-5", // 20px
+        sm: "w-6 h-6 min-w-6 min-h-6", // 24px
+        md: "w-8 h-8 min-w-8 min-h-8", // 32px
+        mdLg: "w-10 h-10 min-w-10 min-h-10", // 40px
+        lg: "w-16 h-16 min-w-16 min-h-16", // 64px
+        xl: "w-24 h-24 min-w-24 min-h-24", // 96px
+      },
+      shape: {
+        circle: "rounded-full",
+        square: "",
+      },
+    },
+    defaultVariants: {
+      size: "md",
+      shape: "circle",
+    },
+    compoundVariants: [
+      {
+        size: ["xs", "xsm", "sm"],
+        shape: "square",
+        className: "rounded",
+      },
+      {
+        size: ["md"],
+        shape: "square",
+        className: "rounded-md",
+      },
+      {
+        size: ["mdLg", "lg", "xl"],
+        shape: "square",
+        className: "rounded-[10px]",
+      },
+    ],
+  }
+);
 
 export function Avatar(props: AvatarProps) {
   const { imageSrc, size = "md", alt, title, href, indicator } = props;
-  const rootClass = classNames("aspect-square rounded-full", sizesPropsBySize[size]);
+  const avatarClass = avatarClasses({ size, shape: props.shape });
+  const rootClass = classNames("aspect-square rounded-full", avatarClass);
   let avatar = (
     <AvatarPrimitive.Root
       data-testid={props?.["data-testid"]}
       className={classNames(
-        "bg-emphasis item-center relative inline-flex aspect-square justify-center rounded-full align-top",
+        avatarClass,
         indicator ? "overflow-visible" : "overflow-hidden",
-        props.className,
-        sizesPropsBySize[size]
+        props.className
       )}>
       <>
         <AvatarPrimitive.Image
           src={imageSrc ?? undefined}
           alt={alt}
-          className={classNames("aspect-square rounded-full", sizesPropsBySize[size])}
+          className={classNames("aspect-square", avatarClass)}
         />
         <AvatarPrimitive.Fallback
           delayMs={600}
diff --git a/packages/ui/components/badge/Badge.tsx b/packages/ui/components/badge/Badge.tsx
index a1fad26c2e1d3d..64c364fc6d5d67 100644
--- a/packages/ui/components/badge/Badge.tsx
+++ b/packages/ui/components/badge/Badge.tsx
@@ -20,11 +20,12 @@ export const badgeStyles = cva("font-medium inline-flex items-center justify-cen
       red: "bg-error text-error",
       error: "bg-error text-error",
       grayWithoutHover: "bg-gray-100 text-gray-800 dark:bg-darkgray-200 dark:text-darkgray-800",
+      purple: "bg-purple-50 text-purple-800",
     },
     size: {
-      sm: "px-1 py-0.5 text-xs leading-3",
-      md: "py-1 px-1.5 text-xs leading-3",
-      lg: "py-1 px-2 text-sm leading-4",
+      sm: "px-1 py-1 text-[10px] leading-none",
+      md: "py-1 px-1.5 text-xs leading-none",
+      lg: "py-1 px-1.5 text-sm leading-none rounded-lg",
     },
   },
   defaultVariants: {
diff --git a/packages/ui/components/badge/badge.test.tsx b/packages/ui/components/badge/badge.test.tsx
index 2d299394a3b664..7c29d79a72d993 100644
--- a/packages/ui/components/badge/badge.test.tsx
+++ b/packages/ui/components/badge/badge.test.tsx
@@ -1,12 +1,10 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-/* eslint-disable playwright/missing-playwright-await */
 import { render, screen, fireEvent } from "@testing-library/react";
 import { vi } from "vitest";
 
+import { Icon } from "../icon";
 import { Badge, badgeStyles } from "./Badge";
 
-describe("Tests for Badge component", () => {
+describe("Badge", () => {
   const variants = [
     "default",
     "warning",
@@ -18,74 +16,71 @@ describe("Tests for Badge component", () => {
     "red",
     "error",
     "grayWithoutHover",
-  ];
+    "purple",
+  ] as const;
 
-  const sizes = ["sm", "md", "lg"];
   const children = "Test Badge";
 
-  test.each(variants)("Should apply variant class", (variant) => {
-    render(<Badge variant={variant as any}>{children}</Badge>);
-    const badgeClass = screen.getByText(children).className;
-    const badgeComponentClass = badgeStyles({ variant: variant as any });
-    expect(badgeClass).toEqual(badgeComponentClass);
-  });
-
-  test.each(sizes)("Should apply size class", (size) => {
-    render(<Badge size={size as any}>{children}</Badge>);
-    const badgeClass = screen.getByText(children).className;
-    const badgeComponentClass = badgeStyles({ size: size as any });
-    expect(badgeClass).toEqual(badgeComponentClass);
+  test.each(variants)("renders %s variant correctly", (variant) => {
+    render(<Badge variant={variant}>{children}</Badge>);
+    const badge = screen.getByText(children);
+    expect(badge.className).toContain(badgeStyles({ variant }));
   });
 
-  test("Should render without errors", () => {
+  test("renders with default props", () => {
     render(<Badge>{children}</Badge>);
-    expect(screen.getByText(children)).toBeInTheDocument();
+    const badge = screen.getByText(children);
+    expect(badge).toBeInTheDocument();
+    expect(badge.tagName).toBe("DIV");
   });
 
-  test("Should render WithDot if the prop is true and shouldn't render if is false", async () => {
-    const { rerender } = render(<Badge withDot>{children}</Badge>);
-    expect(await screen.findByTestId("go-primitive-dot")).toBeInTheDocument();
-
-    rerender(<Badge>{children}</Badge>);
-    expect(screen.queryByTestId("go-primitive-dot")).not.toBeInTheDocument();
+  test("renders with dot when withDot prop is true", () => {
+    render(<Badge withDot>{children}</Badge>);
+    expect(screen.getByTestId("go-primitive-dot")).toBeInTheDocument();
   });
 
-  test("Should render with a startIcon when startIcon prop is provided shouldn't render if is false", () => {
-    const { rerender } = render(<Badge customStartIcon={<svg data-testid="start-icon" />}>{children}</Badge>);
+  test("renders with startIcon when provided", () => {
+    render(<Badge startIcon="info">{children}</Badge>);
     expect(screen.getByTestId("start-icon")).toBeInTheDocument();
+  });
 
-    rerender(<Badge>{children}</Badge>);
-    expect(screen.queryByTestId("start-icon")).not.toBeInTheDocument();
+  test("renders with customStartIcon when provided", () => {
+    render(<Badge customStartIcon={<Icon name="info" data-testid="custom-icon" />}>{children}</Badge>);
+    expect(screen.getByTestId("custom-icon")).toBeInTheDocument();
   });
 
-  test("Should render as a button when onClick prop is provided and shouldn't if is not", () => {
+  test("renders as button with onClick handler", () => {
     const handleClick = vi.fn();
-    const { rerender } = render(<Badge onClick={handleClick}>{children}</Badge>);
+    render(<Badge onClick={handleClick}>{children}</Badge>);
     const badge = screen.getByText(children);
+
     expect(badge.tagName).toBe("BUTTON");
     fireEvent.click(badge);
     expect(handleClick).toHaveBeenCalledTimes(1);
+  });
 
-    rerender(<Badge>{children}</Badge>);
-    const updateBadge = screen.getByText(children);
-    expect(updateBadge.tagName).not.toBe("BUTTON");
+  test("renders with rounded style when rounded prop is true", () => {
+    render(<Badge rounded>{children}</Badge>);
+    const badge = screen.getByText(children);
+    expect(badge.className).toContain("h-5 w-5 rounded-full p-0");
   });
 
-  test("Should render as a div when onClick prop is not provided", () => {
-    render(<Badge>{children}</Badge>);
+  test("renders with additional className when provided", () => {
+    const customClass = "custom-class";
+    render(<Badge className={customClass}>{children}</Badge>);
     const badge = screen.getByText(children);
-    expect(badge.tagName).toBe("DIV");
+    expect(badge.className).toContain(customClass);
   });
 
-  test("Should render children when provided", () => {
-    const { getByText } = render(
+  test("renders nested children correctly", () => {
+    render(
       <Badge>
-        <span>Child element 1</span>
-        <span>Child element 2</span>
+        <span data-testid="child-1">Child 1</span>
+        <span data-testid="child-2">Child 2</span>
       </Badge>
     );
 
-    expect(getByText("Child element 1")).toBeInTheDocument();
-    expect(getByText("Child element 2")).toBeInTheDocument();
+    expect(screen.getByTestId("child-1")).toBeInTheDocument();
+    expect(screen.getByTestId("child-2")).toBeInTheDocument();
   });
 });
diff --git a/packages/ui/components/button/Button.tsx b/packages/ui/components/button/Button.tsx
index 2458742a150234..c8cb4dc30cbae6 100644
--- a/packages/ui/components/button/Button.tsx
+++ b/packages/ui/components/button/Button.tsx
@@ -40,28 +40,118 @@ export type ButtonProps = ButtonBaseProps &
   );
 
 export const buttonClasses = cva(
-  "whitespace-nowrap inline-flex items-center text-sm font-medium relative rounded-md transition disabled:cursor-not-allowed",
+  "group whitespace-nowrap inline-flex items-center text-sm font-medium relative rounded-[10px] transition disabled:cursor-not-allowed gap-1",
   {
     variants: {
       variant: {
         button: "",
         icon: "flex justify-center",
-        fab: "rounded-full justify-center md:rounded-md radix-state-open:rotate-45 md:radix-state-open:rotate-0 radix-state-open:shadown-none radix-state-open:ring-0 !shadow-none",
+        fab: "rounded-full justify-center md:rounded-[10px] radix-state-open:rotate-45 md:radix-state-open:rotate-0 radix-state-open:shadown-none radix-state-open:ring-0",
       },
       color: {
-        primary:
-          "bg-brand-default hover:bg-brand-emphasis focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset focus-visible:ring-brand-default text-brand disabled:bg-brand-subtle disabled:text-brand-subtle disabled:opacity-40 disabled:hover:bg-brand-subtle disabled:hover:text-brand-default disabled:hover:opacity-40",
-        secondary:
-          "text-emphasis border border-default bg-default hover:bg-muted hover:border-emphasis focus-visible:bg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset focus-visible:ring-empthasis disabled:border-subtle disabled:bg-opacity-30 disabled:text-muted disabled:hover:bg-opacity-30 disabled:hover:text-muted disabled:hover:border-subtle disabled:hover:bg-default",
-        minimal:
-          "text-emphasis hover:bg-subtle focus-visible:bg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset focus-visible:ring-empthasis disabled:border-subtle disabled:bg-opacity-30 disabled:text-muted disabled:hover:bg-transparent disabled:hover:text-muted disabled:hover:border-subtle",
-        destructive:
-          "border border-default text-emphasis hover:text-red-700 dark:hover:text-red-100 focus-visible:text-red-700  hover:border-red-100 focus-visible:border-red-100 hover:bg-error  focus-visible:bg-error focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset focus-visible:ring-red-700 disabled:bg-red-100 disabled:border-red-200 disabled:text-red-700 disabled:hover:border-red-200 disabled:opacity-40",
+        primary: [
+          // Base colors
+          "bg-brand-default",
+          "text-brand",
+          // Focus state
+          "focus-visible:outline-none",
+          "focus-visible:ring-0",
+          "focus-visible:shadow-button-solid-brand-focused",
+          // Border
+          "border border-brand-default",
+          // Disabled
+          "disabled:opacity-30",
+          // Shadows and effects
+          "shadow-button-solid-brand-default",
+          "enabled:active:shadow-button-solid-brand-active",
+          "enabled:hover:shadow-button-solid-brand-hover",
+          "transition-shadow",
+          "transition-transform",
+          "duration-100",
+        ],
+
+        secondary: [
+          // Base colors and border
+          "bg-default",
+          "text-default",
+          "border",
+          "border-default",
+          // Hover state
+          "enabled:hover:bg-muted",
+          "enabled:hover:border-emphasis",
+          "enabled:hover:text-emphasis",
+          // Disabled
+          "disabled:opacity-30",
+          // Focus state
+          "focus-visible:bg-subtle",
+          "focus-visible:outline-none",
+          "focus-visible:ring-0",
+          "focus-visible:shadow-outline-gray-focused",
+          // Shadows and effects
+          "shadow-outline-gray-rested",
+          "enabled:hover:shadow-outline-gray-hover",
+          "enabled:active:shadow-outline-gray-active",
+          "transition-shadow",
+          "duration-200",
+        ],
+
+        minimal: [
+          // Base color
+          "text-subtle",
+          "border border-transparent",
+          // Hover
+          "enabled:hover:bg-subtle",
+          "enabled:hover:text-emphasis",
+          "enabled:hover:border-subtle hover:border",
+          // Disabled
+          "disabled:opacity-30",
+          // Focus
+          "focus-visible:bg-subtle",
+          "focus-visible:outline-none",
+          "focus-visible:ring-0",
+          "focus-visible:border-subtle",
+          "focus-visible:shadow-button-outline-gray-focused",
+
+          // Shadows and effects
+          "enabled:active:shadow-outline-gray-active",
+          "transition-shadow",
+          "duration-200",
+        ],
+
+        destructive: [
+          // Base colors and border
+          "border",
+          "border-default",
+          "text-error",
+          // Hover state
+          "dark:hover:text-red-100",
+          "hover:border-semantic-danager-subtle",
+          "hover:bg-error",
+          // Focus state
+          "focus-visible:text-red-700",
+          "focus-visible:bg-error",
+          "focus-visible:outline-none",
+          "focus-visible:ring-0",
+          "focus-visible:shadow-button-outline-red-focused",
+          // Disabled state
+          "disabled:bg-red-100",
+          "disabled:border-red-200",
+          "disabled:text-red-700",
+          "disabled:hover:border-red-200",
+          "disabled:opacity-30",
+          // Shadows and effects
+          "shadow-outline-red-rested",
+          "enabled:hover:shadow-outline-red-hover",
+          "enabled:active:shadow-outline-red-active",
+          "transition-shadow",
+          "duration-200",
+        ],
       },
       size: {
-        sm: "px-3 py-2 leading-4 rounded-md" /** For backwards compatibility */,
-        base: "h-9 px-4 py-2.5 ",
-        lg: "h-[36px] px-4 py-2.5 ",
+        xs: "h-6 p-2 leading-none text-xs rounded-md",
+        sm: "h-7 px-2 py-1.5 leading-none text-sm" /** For backwards compatibility */,
+        base: "px-2.5 py-2 text-sm leading-none",
+        lg: "px-3 py-2.5 ",
       },
       loading: {
         true: "cursor-wait",
@@ -72,7 +162,7 @@ export const buttonClasses = cva(
       {
         loading: true,
         color: "primary",
-        className: "bg-brand-subtle text-brand-subtle",
+        className: "opacity-30",
       },
       // Secondary variants
       {
@@ -98,15 +188,25 @@ export const buttonClasses = cva(
         size: "base",
         className: "min-h-[36px] min-w-[36px] !p-2 hover:border-default",
       },
+      {
+        variant: "icon",
+        size: "xs",
+        className: "h-5 w-5 !p-1 rounded-md",
+      },
       {
         variant: "icon",
         size: "sm",
-        className: "h-6 w-6 !p-1",
+        className: "h-6 w-6 !p-1 rounded-md",
+      },
+      {
+        variant: "icon",
+        size: "lg",
+        className: "h-10 w-10 !p-1",
       },
       {
         variant: "fab",
         size: "base",
-        className: "h-14 md:h-9 md:w-auto md:px-4 md:py-2.5",
+        className: "min-h-14 md:min-h-9 md:min-w-auto md:px-4 md:py-2.5",
       },
     ],
     defaultVariants: {
@@ -163,24 +263,31 @@ export const Button = forwardRef<HTMLAnchorElement | HTMLButtonElement, ButtonPr
           <>
             {variant === "fab" ? (
               <>
-                <Icon
-                  name={StartIcon}
-                  className="hidden h-4 w-4 stroke-[1.5px] ltr:-ml-1 ltr:mr-2 rtl:-mr-1 rtl:ml-2 md:inline-flex"
-                />
+                <Icon name={StartIcon} className="hidden h-4 w-4 stroke-[1.5px]  md:inline-flex" />
                 <Icon name="plus" data-testid="plus" className="inline h-6 w-6 md:hidden" />
               </>
             ) : (
               <Icon
+                data-name="start-icon"
                 name={StartIcon}
                 className={classNames(
+                  loading ? "invisible" : "visible",
+                  "button-icon group-active:translate-y-[0.5px]",
                   variant === "icon" && "h-4 w-4",
-                  variant === "button" && "h-4 w-4 stroke-[1.5px] ltr:-ml-1 ltr:mr-2 rtl:-mr-1 rtl:ml-2"
+                  variant === "button" && "h-4 w-4 stroke-[1.5px] "
                 )}
               />
             )}
           </>
         ))}
-      {variant === "fab" ? <span className="hidden md:inline">{props.children}</span> : props.children}
+      {props.children &&
+        (variant === "fab" ? (
+          <span className={`hidden md:inline ${loading ? "invisible" : "visible "}`}>{props.children}</span>
+        ) : (
+          <span className={loading ? "invisible" : "visible group-active:translate-y-[0.5px]"}>
+            {props.children}
+          </span>
+        ))}
       {loading && (
         <div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform">
           <svg
@@ -211,9 +318,10 @@ export const Button = forwardRef<HTMLAnchorElement | HTMLButtonElement, ButtonPr
             <Icon
               name={EndIcon}
               className={classNames(
-                "inline-flex",
+                loading ? "invisible" : "visible",
+                "group-active:translate-y-[0.5px]",
                 variant === "icon" && "h-4 w-4",
-                variant === "button" && "h-4 w-4 stroke-[1.5px] ltr:-mr-1 ltr:ml-2 rtl:-ml-1 rtl:mr-2"
+                variant === "button" && "h-4 w-4 stroke-[1.5px] "
               )}
             />
           )}
@@ -266,3 +374,5 @@ const Wrapper = ({
     </Tooltip>
   );
 };
+
+Button.displayName = "Button";
diff --git a/packages/ui/components/button/SplitButton.tsx b/packages/ui/components/button/SplitButton.tsx
new file mode 100644
index 00000000000000..7fe50b8178e667
--- /dev/null
+++ b/packages/ui/components/button/SplitButton.tsx
@@ -0,0 +1,76 @@
+"use client";
+
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import type { ReactNode } from "react";
+import { forwardRef } from "react";
+
+import { Icon } from "../icon";
+import type { ButtonBaseProps, ButtonProps } from "./Button";
+import { Button, buttonClasses } from "./Button";
+
+export interface SplitButtonProps extends ButtonBaseProps {
+  children?: ReactNode;
+  dropdown?: {
+    items: {
+      label: string;
+      action: () => void;
+      icon?: ButtonProps["StartIcon"];
+      color?: ButtonProps["color"];
+    }[];
+  };
+}
+
+export const SplitButton = forwardRef<HTMLButtonElement, SplitButtonProps>(function SplitButton(
+  { children, dropdown, StartIcon, color = "primary", ...mainButtonProps },
+  forwardedRef
+) {
+  if (!dropdown) {
+    return (
+      <Button ref={forwardedRef} StartIcon={StartIcon} color={color} {...mainButtonProps}>
+        {children}
+      </Button>
+    );
+  }
+
+  return (
+    <div className="inline-flex">
+      <Button
+        {...mainButtonProps}
+        className="rounded-r-none border-r-0"
+        StartIcon={StartIcon}
+        color={color}
+        ref={forwardedRef}>
+        {children}
+      </Button>
+      <DropdownMenuPrimitive.Root>
+        <DropdownMenuPrimitive.Trigger asChild>
+          <button
+            className={buttonClasses({
+              variant: "button",
+              color,
+              size: mainButtonProps.size,
+              className: "rounded-l-none px-2",
+            })}>
+            <Icon name="chevron-down" className="h-4 w-4" />
+          </button>
+        </DropdownMenuPrimitive.Trigger>
+
+        <DropdownMenuPrimitive.Portal>
+          <DropdownMenuPrimitive.Content
+            align="end"
+            className="bg-default border-subtle z-50 mt-1 min-w-[180px] overflow-hidden rounded-md border p-1 shadow-md">
+            {dropdown.items.map((item, index) => (
+              <DropdownMenuPrimitive.Item
+                key={index}
+                className="text-default hover:bg-subtle focus:bg-subtle flex w-full cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm outline-none"
+                onClick={item.action}>
+                {item.icon && <Icon name={item.icon} className="h-4 w-4" />}
+                {item.label}
+              </DropdownMenuPrimitive.Item>
+            ))}
+          </DropdownMenuPrimitive.Content>
+        </DropdownMenuPrimitive.Portal>
+      </DropdownMenuPrimitive.Root>
+    </div>
+  );
+});
diff --git a/packages/ui/components/button/index.ts b/packages/ui/components/button/index.ts
index 1d9712819ea560..971c1c76617cfe 100644
--- a/packages/ui/components/button/index.ts
+++ b/packages/ui/components/button/index.ts
@@ -1,3 +1,4 @@
 export { Button, buttonClasses } from "./Button";
+export { SplitButton } from "./SplitButton";
 export type { ButtonBaseProps, ButtonProps, ButtonColor } from "./Button";
 export { default as LinkIconButton } from "./LinkIconButton";
diff --git a/packages/ui/components/buttonGroup/ButtonGroup.tsx b/packages/ui/components/buttonGroup/ButtonGroup.tsx
index a1ffe211d514fe..93f92b94360008 100644
--- a/packages/ui/components/buttonGroup/ButtonGroup.tsx
+++ b/packages/ui/components/buttonGroup/ButtonGroup.tsx
@@ -4,24 +4,30 @@ import classNames from "@calcom/lib/classNames";
 
 type Props = { children: React.ReactNode; combined?: boolean; containerProps?: JSX.IntrinsicElements["div"] };
 
-/**
- * Breakdown of Tailwind Magic below
- * [&_button]:border-l-0 [&_a]:border-l-0 -> Selects all buttons/a tags and applies a border left of 0
- * [&>*:first-child]:rounded-l-md [&>*:first-child]:border-l -> Selects the first child of the content
- * ounds the left side
- * [&>*:last-child]:rounded-r-md -> Selects the last child of the content and rounds the right side
- * We dont need to add border to the right as we never remove it
- */
+const sizeToRadius = {
+  lg: "12px",
+  base: "8px",
+  sm: "10px",
+  xs: "8px",
+} as const;
 
 export function ButtonGroup({ children, combined = false, containerProps }: Props) {
+  // Get the size from the first button child if it exists
+  const firstButton = React.Children.toArray(children)[0] as React.ReactElement;
+  const size = firstButton?.props?.size || "base";
+  const radius = sizeToRadius[size as keyof typeof sizeToRadius];
+
+  const style = combined ? ({ "--btn-group-radius": radius } as React.CSSProperties) : undefined;
+
   return (
     <div
       {...containerProps}
+      style={style}
       className={classNames(
         "flex",
         !combined
           ? "space-x-2 rtl:space-x-reverse"
-          : "ltr:[&>*:first-child]:ml-0 ltr:[&>*:first-child]:rounded-l-md ltr:[&>*:first-child]:border-l rtl:[&>*:first-child]:rounded-r-md rtl:[&>*:first-child]:border-r ltr:[&>*:last-child]:rounded-r-md rtl:[&>*:last-child]:rounded-l-md [&>a]:-ml-[1px] hover:[&>a]:z-[1] [&>button]:-ml-[1px] hover:[&>button]:z-[1] [&_a]:rounded-none [&_button]:rounded-none",
+          : "[&>*:first-child]:rounded-l-[var(--btn-group-radius)] rtl:[&>*:first-child]:rounded-l-none rtl:[&>*:first-child]:rounded-r-[var(--btn-group-radius)] [&>*:last-child]:rounded-r-[var(--btn-group-radius)] rtl:[&>*:last-child]:rounded-l-[var(--btn-group-radius)] rtl:[&>*:last-child]:rounded-r-none [&>*:not(:first-child)]:-ml-[1px] [&>*]:rounded-none [&>*]:border hover:[&>*]:z-[1]",
         containerProps?.className
       )}>
       {children}
diff --git a/packages/ui/components/card/StepCard.tsx b/packages/ui/components/card/StepCard.tsx
index 349d9997cfbacc..aae85278ba09aa 100644
--- a/packages/ui/components/card/StepCard.tsx
+++ b/packages/ui/components/card/StepCard.tsx
@@ -1,8 +1,6 @@
 const StepCard: React.FC<{ children: React.ReactNode }> = (props) => {
   return (
-    <div className="sm:border-subtle bg-default mt-10  border p-4 dark:bg-black sm:rounded-md sm:p-8">
-      {props.children}
-    </div>
+    <div className="sm:border-subtle bg-muted mt-10  border p-4 sm:rounded-md sm:p-8">{props.children}</div>
   );
 };
 
diff --git a/packages/ui/components/createButton/CreateButton.tsx b/packages/ui/components/createButton/CreateButton.tsx
index c348e8c0482510..21d37c62987063 100644
--- a/packages/ui/components/createButton/CreateButton.tsx
+++ b/packages/ui/components/createButton/CreateButton.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { usePathname, useRouter } from "next/navigation";
 
 import { useCompatSearchParams } from "@calcom/lib/hooks/useCompatSearchParams";
@@ -77,6 +79,7 @@ export function CreateButton(props: CreateBtnProps) {
     <>
       {!hasTeams && !platform ? (
         <Button
+          size="sm"
           onClick={() =>
             !!CreateDialog
               ? openModal(options[0])
@@ -97,6 +100,7 @@ export function CreateButton(props: CreateBtnProps) {
             <Button
               variant={disableMobileButton ? "button" : "fab"}
               StartIcon="plus"
+              size="sm"
               data-testid="create-button-dropdown"
               loading={isPending}
               {...restProps}>
diff --git a/packages/ui/components/dialog/Dialog.tsx b/packages/ui/components/dialog/Dialog.tsx
index 886cdd6943acb0..6d7f5731c4713d 100644
--- a/packages/ui/components/dialog/Dialog.tsx
+++ b/packages/ui/components/dialog/Dialog.tsx
@@ -1,12 +1,13 @@
 "use client";
 
 import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { cva, type VariantProps } from "class-variance-authority";
 import { usePathname, useRouter } from "next/navigation";
 import type { ForwardRefExoticComponent, ReactElement, ReactNode } from "react";
 import React, { useMemo, useState } from "react";
 
 import { Dialog as PlatformDialogPrimitives, useIsPlatform } from "@calcom/atoms/monorepo";
-import classNames from "@calcom/lib/classNames";
+import { classNames } from "@calcom/lib";
 import { useCompatSearchParams } from "@calcom/lib/hooks/useCompatSearchParams";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 
@@ -15,6 +16,23 @@ import { Button } from "../button";
 import type { IconName } from "../icon";
 import { Icon } from "../icon";
 
+const dialogClasses = cva(
+  "fadeIn bg-default scroll-bar fixed left-1/2 top-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 rounded-2xl text-left shadow-xl focus-visible:outline-none sm:align-middle",
+  {
+    variants: {
+      size: {
+        xl: "px-8 pt-8 sm:max-w-[90rem]",
+        lg: "px-8 pt-8 sm:max-w-[70rem]",
+        md: "px-8 pt-8 sm:max-w-[48rem]",
+        default: "px-8 pt-8 sm:max-w-[35rem]",
+      },
+    },
+    defaultVariants: {
+      size: "default",
+    },
+  }
+);
+
 export type DialogProps = React.ComponentProps<(typeof DialogPrimitive)["Root"]> & {
   name?: string;
   clearQueryParamsOnClose?: string[];
@@ -81,7 +99,6 @@ function WebDialog(props: DialogProps) {
 }
 
 type DialogContentProps = React.ComponentProps<(typeof DialogPrimitive)["Content"]> & {
-  size?: "xl" | "lg" | "md";
   type?: "creation" | "confirmation";
   title?: string;
   description?: string | JSX.Element | null;
@@ -94,7 +111,7 @@ type DialogContentProps = React.ComponentProps<(typeof DialogPrimitive)["Content
    * Disables the ability to close the dialog by clicking outside of it. Could be useful when the dialog is doing something critical which might be in progress.
    */
   preventCloseOnOutsideClick?: boolean;
-};
+} & VariantProps<typeof dialogClasses>;
 
 // enableOverflow:- use this prop whenever content inside DialogContent could overflow and require scrollbar
 export const DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps>(
@@ -126,9 +143,9 @@ export const DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps
     return (
       <Portal>
         {forceOverlayWhenNoModal ? (
-          <div className="fadeIn fixed inset-0 z-50 bg-neutral-800 bg-opacity-70 transition-opacity dark:bg-opacity-70 " />
+          <div className="fadeIn fixed inset-0 z-50  bg-neutral-800 bg-opacity-70 transition-opacity" />
         ) : (
-          <Overlay className="fadeIn fixed inset-0 z-50 bg-neutral-800 bg-opacity-70 transition-opacity dark:bg-opacity-70 " />
+          <Overlay className="fadeIn fixed inset-0 z-50 bg-neutral-800 bg-opacity-70 transition-opacity dark:bg-opacity-80" />
         )}
         <Content
           {...props}
@@ -138,16 +155,9 @@ export const DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps
             }
           }}
           className={classNames(
-            "fadeIn bg-default scroll-bar fixed left-1/2 top-1/2 z-50 w-full max-w-[22rem] -translate-x-1/2 -translate-y-1/2 rounded-md text-left shadow-xl focus-visible:outline-none sm:align-middle",
-            props.size == "xl"
-              ? "px-8 pt-8 sm:max-w-[90rem]"
-              : props.size == "lg"
-              ? "px-8 pt-8 sm:max-w-[70rem]"
-              : props.size == "md"
-              ? "px-8 pt-8 sm:max-w-[48rem]"
-              : "px-8 pt-8 sm:max-w-[35rem]",
+            dialogClasses({ size: props.size }),
             "max-h-[95vh]",
-            enableOverflow ? "overflow-auto" : "overflow-visible",
+            enableOverflow ? "overflow-y-auto" : "overflow-visible",
             `${props.className || ""}`
           )}
           ref={forwardedRef}>
@@ -191,11 +201,15 @@ export function DialogHeader(props: DialogHeaderProps) {
     <div className="mb-4">
       <h3
         data-testid="dialog-title"
-        className="leading-20 text-semibold font-cal text-emphasis pb-1 text-xl"
+        className="leading-20 text-semibold text-emphasis font-cal mb-1 text-xl"
         id="modal-title">
         {props.title}
       </h3>
-      {props.subtitle && <p className="text-subtle text-sm">{props.subtitle}</p>}
+      {props.subtitle && (
+        <p className="text-subtle text-sm leading-none" data-testid="dialog-subtitle">
+          {props.subtitle}
+        </p>
+      )}
     </div>
   );
 }
@@ -208,16 +222,14 @@ type DialogFooterProps = {
 
 export function DialogFooter(props: DialogFooterProps) {
   return (
-    <div className={classNames("bg-default bottom-0", props?.noSticky ? "" : "sticky", props.className)}>
-      {props.showDivider && (
-        // TODO: the -mx-8 is causing overflow in the dialog buttons
-        <hr data-testid="divider" className="border-subtle -mx-8" />
-      )}
-      <div
-        className={classNames(
-          "flex justify-end space-x-2 pb-4 pt-4 rtl:space-x-reverse",
-          !props.showDivider && "pb-8"
-        )}>
+    <div
+      className={classNames(
+        "bg-muted border-subtle bottom-0 -mx-8 mt-10 rounded-b-2xl",
+        props?.noSticky ? "" : "sticky",
+        props.className
+      )}>
+      {props.showDivider && <div data-testid="divider" className="border-subtle border-t" />}
+      <div className={classNames("flex justify-end space-x-2 px-8 py-4 font-sans rtl:space-x-reverse")}>
         {props.children}
       </div>
     </div>
@@ -265,13 +277,15 @@ export function DialogClose(
     [isPlatform]
   );
 
+  const { className, ...buttonProps } = props;
+
   return (
     <Close asChild {...props.dialogCloseProps}>
-      {/* This will require the i18n string passed in */}
       <Button
         data-testid={props["data-testid"] || "dialog-rejection"}
         color={props.color || "minimal"}
-        {...props}>
+        className={classNames(props.color === "destructive" && "destructive", className)}
+        {...buttonProps}>
         {props.children ? props.children : t("close")}
       </Button>
     </Close>
diff --git a/packages/ui/components/dialog/dialog.test.tsx b/packages/ui/components/dialog/dialog.test.tsx
index 4611194fa8e6ac..e5962481f22984 100644
--- a/packages/ui/components/dialog/dialog.test.tsx
+++ b/packages/ui/components/dialog/dialog.test.tsx
@@ -1,7 +1,7 @@
-import { render, screen } from "@testing-library/react";
+import { render, screen, fireEvent } from "@testing-library/react";
 import { vi } from "vitest";
 
-import { Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader } from "./Dialog";
+import { Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader, DialogTrigger } from "./Dialog";
 
 vi.mock("@calcom/lib/hooks/useCompatSearchParams", () => ({
   useCompatSearchParams() {
@@ -25,116 +25,106 @@ vi.mock("next/navigation", () => ({
   },
 }));
 
-const title = "Dialog Header";
-const subtitle = "Dialog Subtitle";
-
-const DialogComponent = (props: {
-  open: boolean;
-  title?: string;
-  subtitle?: string;
-  type?: "creation" | "confirmation";
-  showDivider?: boolean;
-  color?: "primary" | "secondary" | "minimal" | "destructive";
-}) => {
-  return (
-    <Dialog open={props.open}>
-      <DialogContent type={props.type}>
-        <div className="flex flex-row justify-center align-middle ">
+describe("Dialog", () => {
+  const title = "Dialog Title";
+  const subtitle = "Dialog Subtitle";
+  const content = "Dialog Content";
+  const footerContent = "Dialog Footer";
+
+  const TestDialog = (props: {
+    open?: boolean;
+    title?: string;
+    subtitle?: string;
+    type?: "creation" | "confirmation";
+    showDivider?: boolean;
+    color?: "primary" | "secondary" | "minimal" | "destructive";
+    preventCloseOnOutsideClick?: boolean;
+    enableOverflow?: boolean;
+  }) => (
+    <Dialog open={props.open} name="test-dialog">
+      <DialogContent
+        type={props.type}
+        title={props.title}
+        preventCloseOnOutsideClick={props.preventCloseOnOutsideClick}
+        enableOverflow={props.enableOverflow}>
+        <div className="flex flex-row space-x-4">
           <DialogHeader title={props.title} subtitle={props.subtitle} />
-          <p>Dialog Content</p>
+          <p>{content}</p>
           <DialogFooter showDivider={props.showDivider}>
-            <DialogClose color={props.color} />
-            <p>Dialog Footer</p>
+            <DialogClose color={props.color}>{props.color ? "Custom Close" : undefined}</DialogClose>
+            <p>{footerContent}</p>
           </DialogFooter>
         </div>
       </DialogContent>
     </Dialog>
   );
-};
 
-describe("Tests for Dialog component", () => {
-  test("Should render Dialog with header", () => {
-    render(<DialogComponent open title={title} />);
+  describe("Rendering", () => {
+    it("renders without header when no title provided", () => {
+      render(<TestDialog open />);
 
-    expect(screen.queryByText("Dialog Header")).toBeInTheDocument();
-    expect(screen.getByText("Dialog Content")).toBeInTheDocument();
-    expect(screen.getByText("Dialog Footer")).toBeInTheDocument();
-  });
-
-  test("Should render Dialog without header", () => {
-    render(<DialogComponent open />);
-
-    expect(screen.queryByTestId("dialog-title")).toBeNull();
-    expect(screen.getByText("Dialog Content")).toBeInTheDocument();
-    expect(screen.getByText("Dialog Footer")).toBeInTheDocument();
-  });
-
-  test("Should render Dialog with header and subtitle", () => {
-    render(<DialogComponent open title={title} subtitle={subtitle} />);
-
-    expect(screen.queryByText("Dialog Header")).toBeInTheDocument();
-    expect(screen.queryByText("Dialog Subtitle")).toBeInTheDocument();
-    expect(screen.getByText("Dialog Content")).toBeInTheDocument();
-    expect(screen.getByText("Dialog Footer")).toBeInTheDocument();
-  });
-
-  test("Should render Dialog with default type creation", () => {
-    render(<DialogComponent open />);
-
-    expect(screen.getByTestId("dialog-creation")).toBeInTheDocument();
-    expect(screen.getByText("Dialog Content")).toBeInTheDocument();
-    expect(screen.getByText("Dialog Footer")).toBeInTheDocument();
-  });
+      expect(screen.queryByTestId("dialog-title")).not.toBeInTheDocument();
+      expect(screen.getByText(content)).toBeInTheDocument();
+    });
 
-  test("Should render Dialog with type creation", () => {
-    render(<DialogComponent open type="creation" />);
+    it("renders creation type dialog", () => {
+      render(<TestDialog open type="creation" />);
 
-    expect(screen.getByTestId("dialog-creation")).toBeInTheDocument();
-    expect(screen.getByText("Dialog Content")).toBeInTheDocument();
-    expect(screen.getByText("Dialog Footer")).toBeInTheDocument();
-  });
+      expect(screen.getByTestId("dialog-creation")).toBeInTheDocument();
+    });
 
-  test("Should render Dialog with type confirmation", () => {
-    render(<DialogComponent open type="confirmation" />);
+    it("renders confirmation type dialog", () => {
+      render(<TestDialog open type="confirmation" />);
 
-    expect(screen.getByTestId("dialog-confirmation")).toBeInTheDocument();
-    expect(screen.getByText("Dialog Content")).toBeInTheDocument();
-    expect(screen.getByText("Dialog Footer")).toBeInTheDocument();
+      expect(screen.getByTestId("dialog-confirmation")).toBeInTheDocument();
+    });
   });
 
-  test("Should open Dialog", async () => {
-    const { rerender } = render(<DialogComponent open={false} />);
-
-    expect(screen.queryByText("Dialog Content")).not.toBeInTheDocument();
-    expect(screen.queryByText("Dialog Footer")).not.toBeInTheDocument();
-
-    rerender(<DialogComponent open />);
-
-    expect(screen.getByText("Dialog Content")).toBeInTheDocument();
-    expect(screen.getByText("Dialog Footer")).toBeInTheDocument();
+  describe("Visibility", () => {
+    it("shows content when open", () => {
+      render(<TestDialog open />);
+
+      expect(screen.getByText(content)).toBeInTheDocument();
+    });
+
+    it("hides content when closed", () => {
+      render(<TestDialog open={false} />);
+
+      expect(screen.queryByText(content)).not.toBeInTheDocument();
+    });
+
+    it("toggles visibility with DialogTrigger", () => {
+      render(
+        <Dialog>
+          <DialogTrigger asChild>
+            <button>Open Dialog</button>
+          </DialogTrigger>
+          <DialogContent>
+            <p>{content}</p>
+          </DialogContent>
+        </Dialog>
+      );
+
+      expect(screen.queryByText(content)).not.toBeInTheDocument();
+      fireEvent.click(screen.getByText("Open Dialog"));
+      expect(screen.getByText(content)).toBeInTheDocument();
+    });
   });
 
-  test("Should close Dialog", async () => {
-    const { rerender } = render(<DialogComponent open />);
-
-    expect(screen.getByText("Dialog Content")).toBeInTheDocument();
-    expect(screen.getByText("Dialog Footer")).toBeInTheDocument();
-
-    rerender(<DialogComponent open={false} />);
-
-    expect(screen.queryByText("Dialog Content")).not.toBeInTheDocument();
-    expect(screen.queryByText("Dialog Footer")).not.toBeInTheDocument();
-  });
+  describe("Footer", () => {
+    it("shows divider when showDivider is true", () => {
+      render(<TestDialog open showDivider />);
 
-  test("Should use color from props in CloseDialog", async () => {
-    render(<DialogComponent open color="destructive" />);
-    const closeBtn = screen.getByText("close");
-    expect(closeBtn.classList.toString()).toContain("hover:text-red-700");
+      expect(screen.getByTestId("divider")).toBeInTheDocument();
+    });
   });
 
-  test("Should show divider with showDivider", async () => {
-    render(<DialogComponent open showDivider />);
+  describe("Behavior", () => {
+    it("enables overflow when enableOverflow is true", () => {
+      render(<TestDialog open enableOverflow />);
 
-    expect(screen.getByTestId("divider")).toBeInTheDocument();
+      const dialogContent = screen.getByRole("dialog");
+      expect(dialogContent.className).toContain("overflow-y-auto");
+    });
   });
 });
diff --git a/packages/ui/components/dropdown/Dropdown.tsx b/packages/ui/components/dropdown/Dropdown.tsx
index b973b8bf25ae6d..cd7e873dad3bd6 100644
--- a/packages/ui/components/dropdown/Dropdown.tsx
+++ b/packages/ui/components/dropdown/Dropdown.tsx
@@ -39,8 +39,8 @@ export const DropdownMenuContent = forwardRef<HTMLDivElement, DropdownMenuConten
         {...props}
         sideOffset={sideOffset}
         className={classNames(
-          "shadow-dropdown bg-default border-subtle relative z-10 ml-1.5 origin-top-right rounded-md border text-sm",
-          "[&>*:first-child]:mt-1 [&>*:last-child]:mb-1",
+          "shadow-dropdown bg-default border-subtle relative z-10 origin-top-right space-y-[1px] rounded-xl border p-1 text-sm",
+          "w-[220px] [&>*:first-child]:mt-1 [&>*:last-child]:mb-1",
           props.className
         )}
         ref={forwardedRef}>
@@ -53,14 +53,17 @@ DropdownMenuContent.displayName = "DropdownMenuContent";
 
 type DropdownMenuLabelProps = ComponentProps<(typeof DropdownMenuPrimitive)["Label"]>;
 export const DropdownMenuLabel = (props: DropdownMenuLabelProps) => (
-  <DropdownMenuPrimitive.Label {...props} className={classNames("text-subtle px-3 py-2", props.className)} />
+  <DropdownMenuPrimitive.Label
+    {...props}
+    className={classNames("text-subtle px-2 pb-1 pt-1.5 text-xs font-semibold leading-none", props.className)}
+  />
 );
 
 type DropdownMenuItemProps = ComponentProps<(typeof DropdownMenuPrimitive)["CheckboxItem"]>;
 export const DropdownMenuItem = forwardRef<HTMLDivElement, DropdownMenuItemProps>(
   ({ className = "", ...props }, forwardedRef) => (
     <DropdownMenuPrimitive.Item
-      className={`focus:ring-brand-800 hover:bg-subtle hover:text-emphasis text-default text-sm ring-inset first-of-type:rounded-t-[inherit] last-of-type:rounded-b-[inherit] focus:outline-none focus:ring-1 ${className}`}
+      className={`focus:ring-brand-default hover:bg-subtle hover:text-emphasis text-default text-sm ring-inset first-of-type:rounded-t-[inherit] last-of-type:rounded-b-[inherit] hover:ring-0 focus:outline-none focus:ring-1 ${className}`}
       {...props}
       ref={forwardedRef}
     />
@@ -129,6 +132,7 @@ type DropdownItemProps = {
   color?: ButtonColor;
   StartIcon?: IconName;
   CustomStartIcon?: React.ReactNode;
+  kbd?: string;
   EndIcon?: IconName;
   href?: string;
   disabled?: boolean;
@@ -161,15 +165,15 @@ export const DropdownItem = (props: DropdownItemProps) => {
     <ButtonOrLink
       {...rest}
       className={classNames(
-        "hover:text-emphasis text-default inline-flex w-full items-center space-x-2 px-3 py-2  disabled:cursor-not-allowed",
-        color === "destructive"
-          ? "hover:bg-error hover:text-red-700 dark:hover:text-red-100"
-          : "hover:bg-subtle",
+        "hover:text-emphasis text-default inline-flex w-full items-center space-x-1 rounded-lg  p-2 disabled:cursor-not-allowed",
+        color === "destructive" ? "hover:bg-error hover:text-error text-error" : "hover:bg-subtle",
         props.className
       )}>
       <>
-        {CustomStartIcon || (StartIcon && <Icon name={StartIcon} className="h-4 w-4" />)}
-        <div className={classNames("text-sm font-medium leading-5", childrenClassName)}>{children}</div>
+        {CustomStartIcon || (StartIcon && <Icon name={StartIcon} className="mr-1 h-4 w-4" />)}
+        <div className={classNames("w-fit text-sm font-medium leading-none", childrenClassName)}>
+          {children}
+        </div>
         {EndIcon && <Icon name={EndIcon} className="h-4 w-4" />}
       </>
     </ButtonOrLink>
@@ -181,7 +185,7 @@ export const DropdownMenuSeparator = forwardRef<HTMLDivElement, DropdownMenuSepa
   ({ className = "", ...props }, forwardedRef) => {
     return (
       <DropdownMenuPrimitive.Separator
-        className={classNames("bg-emphasis my-1 h-px", className)}
+        className={classNames("bg-emphasis -mx-1 my-1 h-px", className)}
         {...props}
         ref={forwardedRef}
       />
diff --git a/packages/ui/components/editor/Editor.tsx b/packages/ui/components/editor/Editor.tsx
index 9fa6a8a26ff855..b0600b46844311 100644
--- a/packages/ui/components/editor/Editor.tsx
+++ b/packages/ui/components/editor/Editor.tsx
@@ -77,7 +77,7 @@ export const Editor = (props: TextEditorProps) => {
   return (
     <div className="editor rounded-md">
       <LexicalComposer initialConfig={{ ...editorConfig }}>
-        <div className="editor-container hover:border-emphasis focus-within:ring-brand-default rounded-md p-0 transition focus-within:ring-2">
+        <div className="editor-container hover:border-emphasis focus-within:ring-brand-default rounded-[10px] p-0 transition focus-within:ring-2">
           <ToolbarPlugin
             getText={props.getText}
             setText={props.setText}
diff --git a/packages/ui/components/editor/plugins/AddVariablesDropdown.tsx b/packages/ui/components/editor/plugins/AddVariablesDropdown.tsx
index 9f703660e6d7ae..2441dc34cb96de 100644
--- a/packages/ui/components/editor/plugins/AddVariablesDropdown.tsx
+++ b/packages/ui/components/editor/plugins/AddVariablesDropdown.tsx
@@ -55,13 +55,11 @@ export const AddVariablesDropdown = (props: IAddVariablesDropdown) => {
                   type="button"
                   className="w-full px-4 py-2"
                   onClick={() => props.addVariable(t(`${variable}_variable`))}>
-                  <div className="sm:grid sm:grid-cols-2">
-                    <div className="mr-3 text-left md:col-span-1">
+                  <div className="flex flex-col">
+                    <div className="mr-text-left">
                       {`{${t(`${variable}_variable`).toUpperCase().replace(/ /g, "_")}}`}
                     </div>
-                    <div className="text-default hidden text-left sm:col-span-1 sm:flex">
-                      {t(`${variable}_info`)}
-                    </div>
+                    <div className="text-default hidden text-left sm:flex">{t(`${variable}_info`)}</div>
                   </div>
                 </button>
               </DropdownMenuItem>
diff --git a/packages/ui/components/editor/stylesEditor.css b/packages/ui/components/editor/stylesEditor.css
index b0897f0de685ab..973445a8a8b72e 100644
--- a/packages/ui/components/editor/stylesEditor.css
+++ b/packages/ui/components/editor/stylesEditor.css
@@ -13,7 +13,7 @@
 }
 
 .editor-container {
-  border-radius: 6px;
+  border-radius: 10px;
   position: relative;
   line-height: 20px;
   font-weight: 400;
diff --git a/packages/ui/components/filter-select/index.tsx b/packages/ui/components/filter-select/index.tsx
index 5a9be461e1c975..c8a07e078a3add 100644
--- a/packages/ui/components/filter-select/index.tsx
+++ b/packages/ui/components/filter-select/index.tsx
@@ -1,4 +1,5 @@
 import { classNames } from "@calcom/lib";
+import type { IconName } from "@calcom/ui";
 import {
   Button,
   Popover,
@@ -26,7 +27,7 @@ interface FilterSelectProps {
   options: FilterOption[];
   selectedValue?: string | number | null;
   onChange: (value: string | number | null) => void;
-  buttonIcon?: React.ReactNode;
+  buttonIcon?: IconName;
   placeholder?: string;
   emptyText?: string;
   testId?: string;
@@ -47,8 +48,7 @@ export function FilterSelect({
   return (
     <Popover>
       <PopoverTrigger asChild>
-        <Button color="secondary" className="border-subtle rounded-md" data-testid={`${testId}-button`}>
-          {buttonIcon}
+        <Button color="secondary" data-testid={`${testId}-button`} StartIcon={buttonIcon}>
           {title}
           {selectedValue && (
             <div className="ml-2 hidden space-x-1 md:flex">
diff --git a/packages/ui/components/form/checkbox/Checkbox.tsx b/packages/ui/components/form/checkbox/Checkbox.tsx
index d951af317c493b..c63a5fe9cbc671 100644
--- a/packages/ui/components/form/checkbox/Checkbox.tsx
+++ b/packages/ui/components/form/checkbox/Checkbox.tsx
@@ -10,7 +10,7 @@ import { Icon } from "../../icon";
 
 type Props = InputHTMLAttributes<HTMLInputElement> & {
   label?: React.ReactNode;
-  description: string;
+  description?: string;
   descriptionAsLabel?: boolean;
   informationIconText?: string;
   error?: boolean;
@@ -63,7 +63,7 @@ const CheckboxField = forwardRef<HTMLInputElement, Props>(
           </div>
         )}
         <div className="w-full">
-          <div className="relative flex items-center">
+          <div className="hover:bg-subtle relative flex w-fit items-center rounded-md p-1">
             {React.createElement(
               descriptionAsLabel ? "label" : "div",
               {
@@ -94,14 +94,25 @@ const CheckboxField = forwardRef<HTMLInputElement, Props>(
                 </div>
                 {descriptionAsSafeHtml ? (
                   <span
-                    className={classNames("text-sm", rest.descriptionClassName)}
+                    className={classNames(
+                      "text-default ml-2 text-sm",
+                      !label && "font-medium",
+                      rest.descriptionClassName
+                    )}
                     // eslint-disable-next-line react/no-danger
                     dangerouslySetInnerHTML={{
                       __html: markdownToSafeHTML(descriptionAsSafeHtml),
                     }}
                   />
                 ) : (
-                  <span className={classNames("text-sm", rest.descriptionClassName)}>{description}</span>
+                  <span
+                    className={classNames(
+                      "text-default ml-2 text-sm",
+                      !label && "font-medium",
+                      rest.descriptionClassName
+                    )}>
+                    {description}
+                  </span>
                 )}
               </>
             )}
diff --git a/packages/ui/components/form/inputs/HintOrErrors.tsx b/packages/ui/components/form/inputs/HintOrErrors.tsx
index 46d17b9ae38015..2f0f2327ff3791 100644
--- a/packages/ui/components/form/inputs/HintOrErrors.tsx
+++ b/packages/ui/components/form/inputs/HintOrErrors.tsx
@@ -52,7 +52,7 @@ export function HintsOrErrors<T extends FieldValues = FieldValues>({
               <li
                 key={key}
                 data-testid="hint-error"
-                className={error !== undefined ? (submitted ? "text-red-500" : "") : "text-green-600"}>
+                className={error !== undefined ? (submitted ? "text-error" : "") : "text-green-600"}>
                 {error !== undefined ? (
                   submitted ? (
                     <Icon
diff --git a/packages/ui/components/form/inputs/Input.tsx b/packages/ui/components/form/inputs/Input.tsx
index 1344fa3de501c5..0f623ca6c92154 100644
--- a/packages/ui/components/form/inputs/Input.tsx
+++ b/packages/ui/components/form/inputs/Input.tsx
@@ -10,7 +10,7 @@ import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { Alert } from "../../alert";
 import { Icon } from "../../icon";
 import { Tooltip } from "../../tooltip";
-import { Input, InputField } from "../inputs/TextField";
+import { Input, InputField, inputStyles } from "../inputs/TextField";
 import { Label } from "./Label";
 import type { InputFieldProps } from "./types";
 
@@ -44,7 +44,6 @@ export const PasswordField = forwardRef<HTMLInputElement, InputFieldProps>(funct
         "addon-wrapper mb-0 ltr:border-r-0 ltr:pr-10 rtl:border-l-0 rtl:pl-10",
         props.className
       )}
-      addOnFilled={false}
       addOnSuffix={
         <Tooltip content={textLabel}>
           <button
@@ -98,12 +97,9 @@ type TextAreaProps = JSX.IntrinsicElements["textarea"];
 export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(function TextAreaInput(props, ref) {
   return (
     <textarea
-      ref={ref}
       {...props}
-      className={classNames(
-        "hover:border-emphasis border-default bg-default placeholder:text-muted text-emphasis disabled:hover:border-default disabled:bg-subtle focus:ring-brand-default focus:border-subtle mb-2 block w-full rounded-md border px-3 py-2 text-sm transition focus:outline-none focus:ring-2 focus:ring-offset-1 disabled:cursor-not-allowed",
-        props.className
-      )}
+      ref={ref}
+      className={classNames(inputStyles(), "min-h-[80px] w-full", props.className)}
     />
   );
 });
@@ -184,22 +180,17 @@ export const NumberInput = forwardRef<HTMLInputElement, InputFieldProps>(functio
   );
 });
 
-export const FilterSearchField = forwardRef<HTMLInputElement, InputFieldProps>(function TextField(
+export const FilterSearchField = forwardRef<HTMLInputElement, InputFieldProps>(function PasswordField(
   props,
   ref
 ) {
   return (
-    <div
-      dir="ltr"
-      className="focus-within:ring-brand-default group relative mx-3 mb-1 mt-2.5 flex items-center rounded-md transition focus-within:outline-none focus-within:ring-2">
-      <div className="addon-wrapper border-default [input:hover_+_&]:border-emphasis [input:hover_+_&]:border-l-default [&:has(+_input:hover)]:border-emphasis [&:has(+_input:hover)]:border-r-default flex h-7 items-center justify-center rounded-l-md border border-r-0 transition">
-        <Icon name="search" className="ms-3 h-4 w-4" data-testid="search-icon" />
-      </div>
-      <Input
-        ref={ref}
-        className="disabled:bg-subtle disabled:hover:border-subtle !my-0 h-7 rounded-l-none border-l-0 !ring-0 disabled:cursor-not-allowed"
-        {...props}
-      />
-    </div>
+    <InputField
+      ref={ref}
+      addOnLeading={<Icon name="search" className="h-4 w-4 stroke-[2.5px]" data-testid="search-icon" />}
+      placeholder="Search"
+      containerClassName="mx-3 mt-2"
+      {...props}
+    />
   );
 });
diff --git a/packages/ui/components/form/inputs/InputError.tsx b/packages/ui/components/form/inputs/InputError.tsx
index 1925da16a2e38c..b2015324b7cd9d 100644
--- a/packages/ui/components/form/inputs/InputError.tsx
+++ b/packages/ui/components/form/inputs/InputError.tsx
@@ -5,7 +5,7 @@ type InputErrorProp = {
 };
 
 export const InputError = ({ message }: InputErrorProp) => (
-  <div data-testid="field-error" className="text-gray mt-2 flex items-center gap-x-2 text-sm text-red-700">
+  <div data-testid="field-error" className="text-error mt-2 flex items-center gap-x-2 text-sm">
     <div>
       <Icon name="info" className="h-3 w-3" />
     </div>
diff --git a/packages/ui/components/form/inputs/TextField.tsx b/packages/ui/components/form/inputs/TextField.tsx
index cb29d55687b2a3..a90ed5142dd39b 100644
--- a/packages/ui/components/form/inputs/TextField.tsx
+++ b/packages/ui/components/form/inputs/TextField.tsx
@@ -1,66 +1,94 @@
 "use client";
 
+import { cva } from "class-variance-authority";
 import React, { forwardRef, useId, useState } from "react";
 
 import classNames from "@calcom/lib/classNames";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 
 import { Icon } from "../../icon";
-import { Skeleton } from "../../skeleton";
 import { HintsOrErrors } from "./HintOrErrors";
 import { Label } from "./Label";
 import type { InputFieldProps, InputProps } from "./types";
 
+export const inputStyles = cva(
+  [
+    // Base styles
+    "block rounded-[10px] border",
+    "leading-none font-normal",
+
+    // Colors
+    "bg-default",
+    "border-default",
+    "text-default",
+    "placeholder:text-muted",
+
+    // States
+    "hover:border-emphasis",
+    "focus:ring-0",
+    "focus:shadow-outline-gray-focused",
+
+    // Disabled state
+    "disabled:bg-subtle",
+    "disabled:hover:border-default",
+    "disabled:cursor-not-allowed",
+
+    // Shadow
+    "shadow-outline-gray-rested",
+
+    // Transitions
+    "transition",
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-7 px-2 py-1 text-xs",
+        md: "h-8 px-3 py-2 text-sm",
+      },
+    },
+    defaultVariants: {
+      size: "md",
+    },
+  }
+);
+
 export const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
-  { isFullWidth = true, ...props },
+  { isFullWidth = true, size = "md", className, ...props },
   ref
 ) {
   return (
     <input
       {...props}
       ref={ref}
-      className={classNames(
-        "hover:border-emphasis dark:focus:border-emphasis border-default bg-default placeholder:text-muted text-emphasis disabled:hover:border-default disabled:bg-subtle focus:ring-brand-default focus:border-subtle mb-2 block h-9 rounded-md border px-3 py-2 text-sm leading-4 transition focus:outline-none focus:ring-2 disabled:cursor-not-allowed",
-        isFullWidth && "w-full",
-        props.className
-      )}
+      className={classNames(inputStyles({ size }), isFullWidth && "w-full", className)}
     />
   );
 });
 
 type AddonProps = {
   children: React.ReactNode;
-  isFilled?: boolean;
   className?: string;
   error?: boolean;
   onClickAddon?: () => void;
+  size?: "sm" | "md";
+  position?: "start" | "end";
 };
 
-const Addon = ({ isFilled, children, className, error, onClickAddon }: AddonProps) => (
+const Addon = ({ children, className, error, onClickAddon, size = "md", position = "start" }: AddonProps) => (
   <div
     onClick={onClickAddon && onClickAddon}
     className={classNames(
-      "addon-wrapper border-default [input:hover_+_&]:border-emphasis [input:hover_+_&]:border-l-default [&:has(+_input:hover)]:border-emphasis [&:has(+_input:hover)]:border-r-default h-9 border px-3 transition",
-      isFilled && "bg-subtle",
-      onClickAddon && "cursor-pointer disabled:hover:cursor-not-allowed",
+      "flex flex-shrink-0 items-center justify-center whitespace-nowrap",
+      onClickAddon && "pointer-events-auto cursor-pointer disabled:hover:cursor-not-allowed",
       className
     )}>
-    <div
+    <span
       className={classNames(
-        "min-h-9 flex flex-col justify-center text-sm leading-7",
-        error ? "text-error" : "text-default"
+        "text-sm font-medium leading-none",
+        error ? "text-error" : "text-muted peer-disabled:opacity-50"
       )}>
-      <span
-        className="flex max-w-2xl overflow-y-auto whitespace-nowrap"
-        style={{
-          WebkitOverflowScrolling: "touch",
-          scrollbarWidth: "none",
-          overflow: "-ms-scroll-chaining",
-          msOverflowStyle: "-ms-autohiding-scrollbar",
-        }}>
-        {children}
-      </span>
-    </div>
+      {children}
+    </span>
   </div>
 );
 
@@ -79,7 +107,6 @@ export const InputField = forwardRef<HTMLInputElement, InputFieldProps>(function
     className,
     addOnLeading,
     addOnSuffix,
-    addOnFilled = true,
     addOnClassname,
     inputIsFullWidth,
     hint,
@@ -94,6 +121,7 @@ export const InputField = forwardRef<HTMLInputElement, InputFieldProps>(function
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     t: __t,
     dataTestid,
+    size,
     ...passThrough
   } = props;
 
@@ -102,10 +130,8 @@ export const InputField = forwardRef<HTMLInputElement, InputFieldProps>(function
   return (
     <div className={classNames(containerClassName)}>
       {!!name && !noLabel && (
-        <Skeleton
-          as={Label}
+        <Label
           htmlFor={id}
-          loadingClassName="w-16"
           {...labelProps}
           className={classNames(labelClassName, labelSrOnly && "sr-only", props.error && "text-error")}>
           {label}
@@ -113,32 +139,35 @@ export const InputField = forwardRef<HTMLInputElement, InputFieldProps>(function
             <span className="text-default ml-1 font-medium">*</span>
           ) : null}
           {LockedIcon}
-        </Skeleton>
+        </Label>
       )}
       {addOnLeading || addOnSuffix ? (
         <div
           dir="ltr"
-          className="focus-within:ring-brand-default group relative mb-1 flex items-center rounded-md transition focus-within:outline-none focus-within:ring-2">
+          className={classNames(
+            inputStyles({ size }),
+            "group relative mb-1 flex min-w-0 items-center gap-1",
+            "[&:focus-within]:border-subtle [&:focus-within]:ring-brand-default [&:focus-within]:ring-2",
+            "[&:has(:disabled)]:bg-subtle [&:has(:disabled)]:hover:border-default [&:has(:disabled)]:cursor-not-allowed",
+            inputIsFullWidth && "w-full"
+          )}>
           {addOnLeading && (
-            <Addon
-              isFilled={addOnFilled}
-              className={classNames("ltr:rounded-l-md rtl:rounded-r-md", addOnClassname)}>
+            <Addon size={size ?? "md"} position="start" className={classNames(addOnClassname)}>
               {addOnLeading}
             </Addon>
           )}
-          <Input
-            data-testid={`${dataTestid}-input` ?? "input-field"}
+          <input
+            data-testid={dataTestid ? `${dataTestid}-input` : "input-field"}
             id={id}
             type={type}
             placeholder={placeholder}
-            isFullWidth={inputIsFullWidth}
             className={classNames(
-              className,
-              "disabled:bg-subtle disabled:hover:border-subtle disabled:cursor-not-allowed",
-              addOnLeading && "rounded-l-none border-l-0",
-              addOnSuffix && "rounded-r-none border-r-0",
-              type === "search" && "pr-8",
-              "!my-0 !ring-0"
+              "w-full min-w-0 truncate border-0 bg-transparent focus:outline-none focus:ring-0",
+              "text-default rounded-lg text-sm font-medium leading-none",
+              "placeholder:text-muted disabled:cursor-not-allowed disabled:bg-transparent",
+              addOnLeading && "pl-0.5 pr-0",
+              addOnSuffix && "pl-0",
+              className
             )}
             {...passThrough}
             {...(type == "search" && {
@@ -153,9 +182,10 @@ export const InputField = forwardRef<HTMLInputElement, InputFieldProps>(function
           />
           {addOnSuffix && (
             <Addon
+              size={size ?? "md"}
+              position="end"
               onClickAddon={onClickAddon}
-              isFilled={addOnFilled}
-              className={classNames("ltr:rounded-r-md rtl:rounded-l-md", addOnClassname)}>
+              className={classNames(addOnClassname)}>
               {addOnSuffix}
             </Addon>
           )}
@@ -175,6 +205,7 @@ export const InputField = forwardRef<HTMLInputElement, InputFieldProps>(function
           id={id}
           type={type}
           placeholder={placeholder}
+          size={size}
           className={classNames(
             className,
             "disabled:bg-subtle disabled:hover:border-subtle disabled:cursor-not-allowed"
diff --git a/packages/ui/components/form/inputs/types.d.ts b/packages/ui/components/form/inputs/types.d.ts
index 27586650eec7b7..55de6bc6482024 100644
--- a/packages/ui/components/form/inputs/types.d.ts
+++ b/packages/ui/components/form/inputs/types.d.ts
@@ -1,28 +1,32 @@
-import type { ReactNode } from "react";
+import type { VariantProps } from "class-variance-authority";
 
-import type { Input } from "./TextField";
+import type { inputStyles } from "./TextField";
 
 export type InputFieldProps = {
-  label?: ReactNode;
+  label?: React.ReactNode;
   LockedIcon?: React.ReactNode;
-  hint?: ReactNode;
+  hint?: string;
   hintErrors?: string[];
-  addOnLeading?: ReactNode;
-  addOnSuffix?: ReactNode;
+  addOnLeading?: React.ReactNode;
+  addOnSuffix?: React.ReactNode;
   inputIsFullWidth?: boolean;
-  addOnFilled?: boolean;
   addOnClassname?: string;
   error?: string;
   labelSrOnly?: boolean;
   containerClassName?: string;
   showAsteriskIndicator?: boolean;
   t?: (key: string) => string;
+  className?: string;
+  placeholder?: string;
   dataTestid?: string;
   noLabel?: boolean;
   onClickAddon?: () => void;
-} & React.ComponentProps<typeof Input> & {
+} & InputProps & {
     labelProps?: React.ComponentProps<typeof Label>;
     labelClassName?: string;
   };
 
-export type InputProps = JSX.IntrinsicElements["input"] & { isFullWidth?: boolean };
+export type InputProps = Omit<JSX.IntrinsicElements["input"], "size" | "ref"> &
+  VariantProps<typeof inputStyles> & {
+    isFullWidth?: boolean;
+  };
diff --git a/packages/ui/components/form/select/Select.tsx b/packages/ui/components/form/select/Select.tsx
index e52dab8b1f29fe..7a63c8986d0aec 100644
--- a/packages/ui/components/form/select/Select.tsx
+++ b/packages/ui/components/form/select/Select.tsx
@@ -7,13 +7,19 @@ import cx from "@calcom/lib/classNames";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 
 import { Label } from "../inputs/Label";
+import { inputStyles } from "../inputs/TextField";
 import { getReactSelectProps } from "./selectTheme";
 
 export type SelectProps<
   Option,
   IsMulti extends boolean = false,
   Group extends GroupBase<Option> = GroupBase<Option>
-> = Props<Option, IsMulti, Group> & { variant?: "default" | "checkbox"; "data-testid"?: string };
+> = Props<Option, IsMulti, Group> & {
+  variant?: "default" | "checkbox";
+  "data-testid"?: string;
+  size?: "sm" | "md";
+  grow?: boolean;
+};
 
 export const Select = <
   Option,
@@ -22,6 +28,8 @@ export const Select = <
 >({
   components,
   variant = "default",
+  size = "md",
+  grow,
   ...props
 }: SelectProps<Option, IsMulti, Group> & {
   innerClassNames?: {
@@ -43,17 +51,26 @@ export const Select = <
     });
   }, [components, menuPlacement]);
 
+  const hasMultiLastIcons = props.isMulti || props.isLoading || props.isClearable;
+
   // Annoyingly if we update styles here we have to update timezone select too
   // We cant create a generate function for this as we can't force state changes - onSelect styles dont change for example
   return (
     <ReactSelect
       {...reactSelectProps}
       menuPlacement={menuPlacement}
+      styles={{
+        control: (base) => ({
+          ...base,
+          minHeight: size === "sm" ? "28px" : "36px",
+          height: grow ? "h-auto " : size === "sm" ? "28px" : "36px",
+        }),
+      }}
       classNames={{
         input: () => cx("text-emphasis", innerClassNames?.input),
         option: (state) =>
           cx(
-            "bg-default flex cursor-pointer justify-between py-2.5 px-3 rounded-none text-default ",
+            "bg-default flex cursor-pointer justify-between py-1.5 px-2 rounded-md text-default items-center",
             state.isFocused && "bg-subtle",
             state.isDisabled && "bg-muted",
             state.isSelected && "bg-emphasis text-default",
@@ -63,41 +80,49 @@ export const Select = <
         dropdownIndicator: () => "text-default",
         control: (state) =>
           cx(
-            "bg-default border-default !min-h-9 h-9 text-sm leading-4 placeholder:text-sm placeholder:font-normal dark:focus:border-emphasis focus-within:outline-none focus-within:ring-2 focus-within:ring-brand-default hover:border-emphasis rounded-md transition border",
+            inputStyles({ size }),
             state.isMulti
               ? variant === "checkbox"
-                ? "px-3 py-2 h-fit"
+                ? "px-3 h-fit"
                 : state.hasValue
                 ? "p-1 h-fit"
-                : "px-3 py-2 h-fit"
-              : "py-2 px-3",
+                : "px-3 h-fit"
+              : size === "sm"
+              ? "h-7 px-2"
+              : "h-9 px-3",
             props.isDisabled && "bg-subtle",
+            size === "sm" ? "rounded-md" : "rounded-[10px]",
+            "[&:focus-within]:border-emphasis [&:focus-within]:shadow-outline-gray-focused [&:focus-within]:ring-0 !flex",
             innerClassNames?.control
           ),
-        singleValue: () => cx("text-emphasis placeholder:text-muted", innerClassNames?.singleValue),
+        singleValue: () => cx("text-default placeholder:text-muted", innerClassNames?.singleValue),
         valueContainer: () =>
-          cx("text-emphasis placeholder:text-muted flex gap-1", innerClassNames?.valueContainer),
+          cx("text-default placeholder:text-muted flex gap-1", innerClassNames?.valueContainer),
         multiValue: () =>
           cx(
-            "bg-subtle text-default rounded-md py-1.5 px-2 flex items-center text-sm leading-tight",
-            innerClassNames?.multiValue
+            "font-medium inline-flex items-center justify-center rounded bg-emphasis text-emphasis leading-none text-xs",
+            size == "sm" ? "px-1.5 py-[1px] rounded-md" : "py-1 px-1.5 leading-none rounded-lg"
           ),
         menu: () =>
           cx(
-            " rounded-md bg-default text-sm leading-4 text-default mt-1 border border-subtle",
+            "rounded-lg bg-default text-sm leading-4 text-default mt-1 border border-subtle shadow-dropdown p-1",
             innerClassNames?.menu
           ),
-        groupHeading: () => "leading-none text-xs uppercase text-default pl-2.5 pt-4 pb-2",
-        menuList: () => cx("scroll-bar scrollbar-track-w-20 rounded-md", innerClassNames?.menuList),
+        groupHeading: () => "leading-none text-xs text-muted p-2 font-medium ml-1",
+        menuList: () =>
+          cx(
+            "scroll-bar scrollbar-track-w-20 rounded-md flex flex-col space-y-[1px]",
+            innerClassNames?.menuList
+          ),
         indicatorsContainer: (state) =>
           cx(
             state.selectProps.menuIsOpen
-              ? state.isMulti
+              ? hasMultiLastIcons
                 ? "[&>*:last-child]:rotate-180 [&>*:last-child]:transition-transform"
                 : "rotate-180 transition-transform"
               : "text-default" // Woo it adds another SVG here on multi for some reason
           ),
-        multiValueRemove: () => "text-default py-auto ml-2",
+        multiValueRemove: () => "text-default py-auto",
         ...classNames,
       }}
       {...restProps}
diff --git a/packages/ui/components/form/slider/RangeSliderPopover.tsx b/packages/ui/components/form/slider/RangeSliderPopover.tsx
new file mode 100644
index 00000000000000..967206c1fdd716
--- /dev/null
+++ b/packages/ui/components/form/slider/RangeSliderPopover.tsx
@@ -0,0 +1,119 @@
+"use client";
+
+import * as Popover from "@radix-ui/react-popover";
+import { useState } from "react";
+
+import { Badge, Button } from "@calcom/ui";
+
+import { inputStyles, TextField } from "../inputs/TextField";
+import { Slider } from "./index";
+
+interface RangeSliderPopoverProps {
+  triggerText: string;
+  value: number[];
+  onChange: (value: number[]) => void;
+  min: number;
+  max: number;
+  step?: number;
+  badgeVariant?: "default" | "success" | "gray" | "warning" | "orange" | "red";
+  badgeSuffix?: string;
+  inputSuffix?: string;
+  inputLeading?: string;
+}
+
+export const RangeSliderPopover = ({
+  triggerText,
+  value,
+  onChange,
+  min,
+  max,
+  step = 1,
+  badgeVariant = "default",
+  badgeSuffix,
+  inputSuffix,
+  inputLeading,
+}: RangeSliderPopoverProps) => {
+  const [internalValue, setInternalValue] = useState<number[]>(value);
+  const [open, setOpen] = useState(false);
+
+  const handleReset = () => {
+    setInternalValue([min, max]);
+  };
+
+  const handleApply = () => {
+    onChange(internalValue);
+    setOpen(false);
+  };
+
+  return (
+    <Popover.Root open={open} onOpenChange={setOpen}>
+      <Popover.Trigger asChild>
+        <button className={inputStyles()}>
+          <span className="text-subtle text-sm font-medium leading-none">{triggerText}:</span>
+          {value && (
+            <Badge variant={badgeVariant} className="ml-2">
+              {value[0]} - {value[1]} {badgeSuffix}
+            </Badge>
+          )}
+        </button>
+      </Popover.Trigger>
+      <Popover.Portal>
+        <Popover.Content
+          align="start"
+          className="border-subtle shadow-dropdown bg-default z-50 mt-2 w-72 rounded-lg border-[1px] px-4 pb-3 pt-4 font-[family-name:var(--font-inter)]">
+          <div className="mb-4">
+            <Slider min={min} max={max} step={step} value={internalValue} onValueChange={setInternalValue} />
+          </div>
+          <div className="mb-4 flex items-center justify-between gap-2">
+            <TextField
+              labelSrOnly
+              name="start"
+              type="number"
+              min={min}
+              max={internalValue[1]}
+              value={internalValue[0]}
+              onChange={(e) => {
+                const newValue = parseInt(e.target.value);
+                if (!isNaN(newValue) && newValue >= min && newValue <= internalValue[1]) {
+                  setInternalValue([newValue, internalValue[1]]);
+                }
+              }}
+              addOnLeading={inputLeading ? inputLeading : undefined}
+              addOnSuffix={inputSuffix ? inputSuffix : undefined}
+              containerClassName="w-full"
+            />
+            <TextField
+              labelSrOnly
+              name="end"
+              type="number"
+              min={internalValue[0]}
+              max={max}
+              value={internalValue[1]}
+              onChange={(e) => {
+                const newValue = parseInt(e.target.value);
+                if (!isNaN(newValue) && newValue >= internalValue[0] && newValue <= max) {
+                  setInternalValue([internalValue[0], newValue]);
+                }
+              }}
+              addOnLeading={inputLeading ? inputLeading : undefined}
+              addOnSuffix={inputSuffix ? inputSuffix : undefined}
+              containerClassName="w-full"
+            />
+          </div>
+
+          <div className="-mx-4">
+            <hr className="border-subtle" />
+            <div className="mt-3 flex items-center justify-end gap-2 px-4">
+              <Button color="minimal" size="sm" onClick={handleReset}>
+                Reset
+              </Button>
+              <Button color="secondary" size="sm" onClick={handleApply}>
+                Apply
+              </Button>
+            </div>
+          </div>
+        </Popover.Content>
+      </Popover.Portal>
+    </Popover.Root>
+  );
+};
diff --git a/packages/ui/components/form/slider/index.tsx b/packages/ui/components/form/slider/index.tsx
new file mode 100644
index 00000000000000..a837ba18c3883f
--- /dev/null
+++ b/packages/ui/components/form/slider/index.tsx
@@ -0,0 +1,25 @@
+"use client";
+
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import * as React from "react";
+
+import classNames from "@calcom/lib/classNames";
+
+const Slider = React.forwardRef<
+  React.ElementRef<typeof SliderPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <SliderPrimitive.Root
+    ref={ref}
+    className={classNames("relative flex w-full touch-none select-none items-center", className)}
+    {...props}>
+    <SliderPrimitive.Track className="bg-subtle border-subtle relative h-2 w-full grow overflow-hidden rounded-full border-[1px]">
+      <SliderPrimitive.Range className="bg-brand-default absolute h-full" />
+    </SliderPrimitive.Track>
+    <SliderPrimitive.Thumb className="border-subtle bg-brand-default ring-offset-background focus-visible:ring-ring block h-4 w-4 rounded-full border-2 border-[1px] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />
+    <SliderPrimitive.Thumb className="border-subtle bg-brand-default ring-offset-background focus-visible:ring-ring block h-4 w-4 rounded-full border-2 border-[1px] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />
+  </SliderPrimitive.Root>
+));
+Slider.displayName = SliderPrimitive.Root.displayName;
+
+export { Slider };
diff --git a/packages/ui/components/form/switch/Switch.tsx b/packages/ui/components/form/switch/Switch.tsx
index b734f8deabe6d2..08d8d3c4edaa71 100644
--- a/packages/ui/components/form/switch/Switch.tsx
+++ b/packages/ui/components/form/switch/Switch.tsx
@@ -20,45 +20,53 @@ const Switch = (
     fitToHeight?: boolean;
     disabled?: boolean;
     tooltip?: string;
-    small?: boolean;
     labelOnLeading?: boolean;
+    size?: "base" | "sm";
     classNames?: {
       container?: string;
       thumb?: string;
     };
     LockedIcon?: React.ReactNode;
+    padding?: boolean;
   }
 ) => {
-  const { label, fitToHeight, classNames, small, labelOnLeading, LockedIcon, ...primitiveProps } = props;
+  const {
+    label,
+    fitToHeight,
+    classNames,
+    labelOnLeading,
+    LockedIcon,
+    padding,
+    size = "base",
+    ...primitiveProps
+  } = props;
   const id = useId();
-  const isChecked = props.checked || props.defaultChecked;
   return (
     <Wrapper tooltip={props.tooltip}>
       <div
         className={cx(
-          "flex h-auto w-auto flex-row items-center",
+          "flex h-auto w-fit flex-row items-center",
           fitToHeight && "h-fit",
           labelOnLeading && "flex-row-reverse",
+          padding && "hover:bg-subtle rounded-md p-1.5",
           classNames?.container
         )}>
         {LockedIcon && <div className="mr-2">{LockedIcon}</div>}
         <PrimitiveSwitch.Root
+          {...primitiveProps}
+          id={id}
           className={cx(
-            isChecked ? "bg-brand-default dark:bg-brand-emphasis" : "bg-emphasis",
-            primitiveProps.disabled && "cursor-not-allowed",
-            small ? "h-4 w-[27px]" : "h-5 w-[34px]",
-            "focus:ring-brand-default rounded-full shadow-none transition focus:border-neutral-300 focus:outline-none focus:ring-2 focus:ring-neutral-800 focus:ring-offset-1",
-            props.className
-          )}
-          {...primitiveProps}>
+            size === "sm" ? "h-3 w-[20px]" : "h-4 w-[28px]",
+            "focus:ring-brand-default data-[state=checked]:bg-brand-default dark:data-[state=checked]:bg-brand-emphasis data-[state=unchecked]:bg-emphasis peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-inner transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+            size === "sm" ? "h-4 w-7" : "h-6 w-11",
+            classNames?.container
+          )}>
           <PrimitiveSwitch.Thumb
-            id={id}
             className={cx(
-              small
-                ? "h-[10px] w-[10px] ltr:translate-x-[2px] rtl:-translate-x-[2px] ltr:[&[data-state='checked']]:translate-x-[13px] rtl:[&[data-state='checked']]:-translate-x-[13px]"
-                : "h-[14px] w-[14px] ltr:translate-x-[4px] rtl:-translate-x-[4px] ltr:[&[data-state='checked']]:translate-x-[17px] rtl:[&[data-state='checked']]:-translate-x-[17px]",
-              "block rounded-full transition will-change-transform",
-              isChecked ? "bg-brand-accent shadow-inner" : "bg-default",
+              "bg-default data-[state=checked]:bg-brand-accent shadow-switch-thumb pointer-events-none block rounded-full shadow-lg ring-0 transition-transform",
+              size === "sm"
+                ? "h-3 w-3 data-[state=checked]:translate-x-3 data-[state=unchecked]:translate-x-0"
+                : "h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
               classNames?.thumb
             )}
           />
@@ -67,7 +75,8 @@ const Switch = (
           <Label.Root
             htmlFor={id}
             className={cx(
-              "text-emphasis ms-2 align-text-top text-sm font-medium",
+              "text-emphasis align-text-top font-medium",
+              size === "sm" ? "m-1 text-xs" : "m-2 text-sm",
               primitiveProps.disabled ? "cursor-not-allowed opacity-25" : "cursor-pointer",
               labelOnLeading && "flex-1"
             )}>
diff --git a/packages/ui/components/form/timezone-select/TimezoneSelect.tsx b/packages/ui/components/form/timezone-select/TimezoneSelect.tsx
index a912473d2ab0c3..835d7507b55d3e 100644
--- a/packages/ui/components/form/timezone-select/TimezoneSelect.tsx
+++ b/packages/ui/components/form/timezone-select/TimezoneSelect.tsx
@@ -10,6 +10,7 @@ import { filterBySearchText, addTimezonesToDropdown, handleOptionLabel } from "@
 import type { Timezones } from "@calcom/lib/timezone";
 import { trpc } from "@calcom/trpc/react";
 
+import { inputStyles } from "../inputs/TextField";
 import { getReactSelectProps } from "../select";
 
 const SELECT_SEARCH_DATA: Timezones = [
@@ -37,6 +38,8 @@ const SELECT_SEARCH_DATA: Timezones = [
 export type TimezoneSelectProps = SelectProps & {
   variant?: "default" | "minimal";
   timezoneSelectCustomClassname?: string;
+  size?: "sm" | "md";
+  grow?: boolean;
 };
 export function TimezoneSelect(props: TimezoneSelectProps) {
   const { data = [], isPending } = trpc.viewer.timezones.cityTimezones.useQuery(
@@ -61,7 +64,10 @@ export type TimezoneSelectComponentProps = SelectProps & {
   isPending: boolean;
   data?: Timezones;
   timezoneSelectCustomClassname?: string;
+  size?: "sm" | "md";
+  grow?: boolean;
 };
+
 export function TimezoneSelectComponent({
   className,
   classNames: timezoneClassNames,
@@ -70,6 +76,8 @@ export function TimezoneSelectComponent({
   variant = "default",
   isPending,
   value,
+  size = "md",
+  grow = false,
   ...props
 }: TimezoneSelectComponentProps) {
   const data = [...(props.data || []), ...SELECT_SEARCH_DATA];
@@ -103,6 +111,13 @@ export function TimezoneSelectComponent({
         ...(props.data ? addTimezonesToDropdown(data) : {}),
         ...addTimezonesToDropdown(additionalTimezones),
       }}
+      styles={{
+        control: (base) => ({
+          ...base,
+          minHeight: size === "sm" ? "28px" : "36px",
+          height: grow ? "h-auto " : size === "sm" ? "28px" : "36px",
+        }),
+      }}
       onInputChange={handleInputChange}
       {...props}
       formatOptionLabel={(option) => (
@@ -118,19 +133,26 @@ export function TimezoneSelectComponent({
           ),
         option: (state) =>
           classNames(
-            "bg-default flex !cursor-pointer justify-between py-2.5 px-3 rounded-none text-default ",
+            "bg-default flex cursor-pointer justify-between py-2.5 px-3 rounded-md text-default ",
             state.isFocused && "bg-subtle",
-            state.isSelected && "bg-emphasis",
+            state.isDisabled && "bg-muted",
+            state.isSelected && "bg-emphasis text-default",
             timezoneClassNames?.option && timezoneClassNames.option(state)
           ),
         placeholder: (state) => classNames("text-muted", state.isFocused && "hidden"),
         dropdownIndicator: () => "text-default",
         control: (state) =>
           classNames(
-            "!cursor-pointer",
-            variant === "default"
-              ? "px-3 py-2 bg-default border-default !min-h-9 text-sm leading-4 placeholder:text-sm placeholder:font-normal focus-within:ring-2 focus-within:ring-emphasis hover:border-emphasis rounded-md border gap-1"
-              : "text-sm gap-1",
+            inputStyles({ size }),
+            state.isMulti
+              ? state.hasValue
+                ? "p-1 h-fit"
+                : "px-3 h-fit"
+              : size === "sm"
+              ? "h-7 px-2"
+              : "h-9 px-3",
+            props.isDisabled && "bg-subtle",
+            "rounded-[10px]",
             timezoneClassNames?.control && timezoneClassNames.control(state)
           ),
         singleValue: (state) =>
diff --git a/packages/ui/components/form/toggleGroup/ToggleGroup.tsx b/packages/ui/components/form/toggleGroup/ToggleGroup.tsx
index 5b7f5f73ed2f28..494cda9f71bec2 100644
--- a/packages/ui/components/form/toggleGroup/ToggleGroup.tsx
+++ b/packages/ui/components/form/toggleGroup/ToggleGroup.tsx
@@ -13,6 +13,7 @@ interface ToggleGroupProps extends Omit<RadixToggleGroup.ToggleGroupSingleProps,
     iconLeft?: ReactNode;
   }[];
   isFullWidth?: boolean;
+  orientation?: "horizontal" | "vertical";
 }
 
 const OptionalTooltipWrapper = ({
@@ -36,6 +37,7 @@ export const ToggleGroup = ({
   options,
   onValueChange,
   isFullWidth,
+  orientation = "horizontal",
   customClassNames,
   ...props
 }: ToggleGroupProps & { customClassNames?: string }) => {
@@ -44,9 +46,12 @@ export const ToggleGroup = ({
       <RadixToggleGroup.Root
         type="single"
         {...props}
+        orientation={orientation}
         onValueChange={onValueChange}
         className={classNames(
-          `min-h-9 border-default bg-default relative inline-flex gap-0.5 rounded-md border p-1 rtl:flex-row-reverse`,
+          `border-default bg-default relative rounded-md border p-1`,
+          orientation === "horizontal" && "min-h-9 inline-flex gap-0.5 rtl:flex-row-reverse",
+          orientation === "vertical" && "flex w-fit flex-col gap-0.5",
           props.className,
           isFullWidth && "w-full",
           customClassNames
@@ -64,8 +69,13 @@ export const ToggleGroup = ({
                   : "text-default [&[aria-checked='false']]:hover:text-emphasis",
                 isFullWidth && "w-full"
               )}>
-              <div className="item-center flex justify-center ">
-                {option.iconLeft && <span className="mr-2 flex h-4 w-4 items-center">{option.iconLeft}</span>}
+              <div
+                className={classNames(
+                  "flex items-center gap-2",
+                  orientation === "horizontal" && "justify-center",
+                  orientation === "vertical" && "justify-start"
+                )}>
+                {option.iconLeft && <span className="flex h-4 w-4 items-center">{option.iconLeft}</span>}
                 {option.label}
               </div>
             </RadixToggleGroup.Item>
diff --git a/packages/ui/components/form/wizard/wizardForm.test.tsx b/packages/ui/components/form/wizard/wizardForm.test.tsx
index 495c5f7985fe72..b241064412c2f3 100644
--- a/packages/ui/components/form/wizard/wizardForm.test.tsx
+++ b/packages/ui/components/form/wizard/wizardForm.test.tsx
@@ -118,9 +118,10 @@ describe("Tests for WizardForm component", () => {
   test("Should disable 'Next step' button if current step navigation is not enabled", async () => {
     currentStepNavigation = 1;
     const { nextLabel } = props;
-    const { getByText } = renderComponent();
+    const { getByRole } = renderComponent();
 
-    expect(getByText(nextLabel)).toBeDisabled();
+    const nextButton = getByRole("button", { name: nextLabel });
+    expect(nextButton).toBeDisabled();
   });
 
   test("Should handle when navigation is disabled", async () => {
diff --git a/packages/ui/components/head-seo/HeadSeo.tsx b/packages/ui/components/head-seo/HeadSeo.tsx
index 191ab596430e3c..99d7512785fab6 100644
--- a/packages/ui/components/head-seo/HeadSeo.tsx
+++ b/packages/ui/components/head-seo/HeadSeo.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import type { NextSeoProps } from "next-seo";
 import { NextSeo } from "next-seo";
 import { usePathname } from "next/navigation";
diff --git a/packages/ui/components/navigation/NavigationItem.tsx b/packages/ui/components/navigation/NavigationItem.tsx
index 5671e9ee250835..7cf79d44828071 100644
--- a/packages/ui/components/navigation/NavigationItem.tsx
+++ b/packages/ui/components/navigation/NavigationItem.tsx
@@ -1,2 +1,101 @@
-/* TODO: Implement NavigationItem */
-export {};
+import { cva } from "class-variance-authority";
+import { Fragment } from "react";
+
+import { classNames } from "@calcom/lib";
+
+import { ButtonOrLink } from "../dropdown";
+import { Icon } from "../icon";
+import type { IconName } from "../icon";
+
+export type NavigationItemType = {
+  isLastChild?: boolean;
+  isExpanded?: boolean;
+  onToggle?: () => void;
+  name: string;
+  href?: string;
+  isLoading?: boolean;
+  badge?: React.ReactNode;
+  icon?: IconName;
+  child?: NavigationItemType[];
+  onlyMobile?: boolean;
+  onlyDesktop?: boolean;
+  moreOnMobile?: boolean;
+  isCurrent?: boolean;
+};
+
+const navigationItemStyles = cva(
+  "text-default group flex items-center rounded-[10px] p-2 text-sm font-medium transition hover:bg-subtle hover:text-emphasis",
+  {
+    variants: {
+      isChild: {
+        true: "[&[aria-current='page']]:text-emphasis [&[aria-current='page']]:bg-emphasis hidden h-8 ml-16 lg:flex lg:ml-10 relative before:absolute before:left-[-24px] before:top-[-0.5rem] before:h-[calc(100%+0.5rem)] before:w-0.5 before:bg-subtle before:content-[''] [&:first-child]:before:rounded-t-full [&:last-child]:before:rounded-b-full",
+        false: "[&[aria-current='page']]:text-emphasis mt-0.5 text-sm",
+      },
+      hasChild: {
+        true: "[&[aria-current='page']]:!bg-transparent relative after:absolute after:left-[-24px] after:top-[1.5rem] after:h-[calc(100%-1.5rem)] after:w-0.5 after:bg-subtle after:content-[''] [&:first-child]:after:rounded-t-full [&:last-child]:after:rounded-b-full",
+        false: "[&[aria-current='page']]:bg-subtle",
+      },
+      isFirstChild: {
+        true: "mt-0",
+        false: "mt-px",
+      },
+    },
+    defaultVariants: {
+      isChild: false,
+      hasChild: false,
+      isFirstChild: false,
+    },
+  }
+);
+
+const Label = ({ children }: { children: React.ReactNode }) => {
+  return <span className="text-default ml-3">{children}</span>;
+};
+
+const NavigationItemComponent = ({
+  item,
+  isChild,
+  index,
+}: {
+  item: NavigationItemType;
+  isChild?: boolean;
+  index?: number;
+}) => {
+  return (
+    <Fragment>
+      <ButtonOrLink
+        data-test-id={item.name}
+        href={item.href}
+        className={navigationItemStyles({
+          isChild,
+          hasChild: !!item.child,
+          isFirstChild: isChild && index === 0,
+        })}
+        aria-current={item.isCurrent ? "page" : undefined}
+        onClick={item.onToggle}>
+        {item.icon && (
+          <Icon
+            name={item.isLoading ? "rotate-cw" : item.icon}
+            className={classNames(
+              "text-subtle mr-2 h-4 w-4 flex-shrink-0 rtl:ml-2 md:ltr:mx-auto lg:ltr:mr-2",
+              item.isLoading && "animate-spin"
+            )}
+            aria-hidden="true"
+            aria-current={item.isCurrent ? "page" : undefined}
+          />
+        )}
+        <span className="text-emphasis hidden w-full justify-between truncate text-ellipsis lg:flex">
+          {item.name}
+          {item.badge && item.badge}
+        </span>
+      </ButtonOrLink>
+      {item.child &&
+        item.isExpanded &&
+        item.child.map((childItem, childIndex) => (
+          <NavigationItem key={childItem.name} item={childItem} isChild index={childIndex} />
+        ))}
+    </Fragment>
+  );
+};
+
+export const NavigationItem = Object.assign(NavigationItemComponent, { Label });
diff --git a/packages/ui/components/navigation/tabs/HorizontalTabItem.tsx b/packages/ui/components/navigation/tabs/HorizontalTabItem.tsx
index 7d97de3b3d368a..7ebc79a03f5071 100644
--- a/packages/ui/components/navigation/tabs/HorizontalTabItem.tsx
+++ b/packages/ui/components/navigation/tabs/HorizontalTabItem.tsx
@@ -1,13 +1,11 @@
 import Link from "next/link";
 
 import classNames from "@calcom/lib/classNames";
-import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { useUrlMatchesCurrentUrl } from "@calcom/lib/hooks/useUrlMatchesCurrentUrl";
 
 import { Avatar } from "../../avatar";
 import { Icon } from "../../icon";
 import type { IconName } from "../../icon";
-import { SkeletonText } from "../../skeleton";
 
 export type HorizontalTabItemProps = {
   name: string;
@@ -21,6 +19,7 @@ export type HorizontalTabItemProps = {
   avatar?: string;
   onClick?: (name: string) => void;
   isActive?: boolean;
+  "data-testid"?: string;
 };
 
 const HorizontalTabItem = function ({
@@ -31,8 +30,6 @@ const HorizontalTabItem = function ({
   avatar,
   ...props
 }: HorizontalTabItemProps) {
-  const { t, isLocaleReady } = useLocale();
-
   const isCurrent = useUrlMatchesCurrentUrl(href) || props?.isActive;
 
   return (
@@ -47,32 +44,24 @@ const HorizontalTabItem = function ({
       href={href}
       shallow={linkShallow}
       scroll={linkScroll}
+      aria-disabled={props.disabled ? "true" : undefined}
       className={classNames(
-        isCurrent ? "bg-emphasis text-emphasis" : "hover:bg-subtle hover:text-emphasis text-default",
-        "inline-flex items-center justify-center whitespace-nowrap rounded-[6px] p-2 text-sm font-medium leading-4 transition md:mb-0",
+        isCurrent ? "bg-subtle text-emphasis" : "hover:bg-muted hover:text-default text-subtle",
+        "inline-flex h-fit items-center justify-center whitespace-nowrap rounded-md p-2 text-sm font-medium leading-none transition md:mb-0",
         props.disabled && "pointer-events-none !opacity-30",
         props.className
       )}
       target={props.target ? props.target : undefined}
-      data-testid={`horizontal-tab-${name}`}
+      data-testid={`horizontal-tab-${props["data-testid"]}`}
       aria-current={isCurrent ? "page" : undefined}>
       {props.icon && (
         <Icon
           name={props.icon}
-          className={classNames(
-            isCurrent ? "text-emphasis" : "group-hover:text-subtle text-muted",
-            "-ml-0.5 hidden h-4 w-4 ltr:mr-2 rtl:ml-2 sm:inline-block"
-          )}
+          className={classNames("-ml-0.5 me-2 hidden h-4 w-4 text-inherit sm:inline-block")}
           aria-hidden="true"
         />
       )}
-      {isLocaleReady ? (
-        <div className="flex items-center gap-x-2">
-          {avatar && <Avatar size="sm" imageSrc={avatar} alt="avatar" />} {t(name)}
-        </div>
-      ) : (
-        <SkeletonText className="h-4 w-24" />
-      )}
+      {avatar && <Avatar size="xs" imageSrc={avatar} alt="avatar" className="-ml-0.5 me-1" />} {name}
     </Link>
   );
 };
diff --git a/packages/ui/components/navigation/tabs/HorizontalTabs.tsx b/packages/ui/components/navigation/tabs/HorizontalTabs.tsx
index afbb6bbb268346..ad25afbee1754f 100644
--- a/packages/ui/components/navigation/tabs/HorizontalTabs.tsx
+++ b/packages/ui/components/navigation/tabs/HorizontalTabs.tsx
@@ -10,19 +10,13 @@ export interface NavTabProps {
 
 const HorizontalTabs = function ({ tabs, linkShallow, linkScroll, actions, ...props }: NavTabProps) {
   return (
-    <div className="mb-4 h-9 max-w-full lg:mb-5">
+    <div className="mb-4 max-w-full lg:mb-5">
       <nav
-        className="no-scrollbar flex max-h-9 space-x-1 overflow-x-scroll rounded-md"
+        className="no-scrollbar flex space-x-0.5 overflow-x-scroll rounded-md"
         aria-label="Tabs"
         {...props}>
         {tabs.map((tab, idx) => (
-          <HorizontalTabItem
-            className="px-4 py-2.5"
-            {...tab}
-            key={idx}
-            linkShallow={linkShallow}
-            linkScroll={linkScroll}
-          />
+          <HorizontalTabItem {...tab} key={idx} linkShallow={linkShallow} linkScroll={linkScroll} />
         ))}
       </nav>
       {actions && actions}
diff --git a/packages/ui/components/navigation/tabs/VerticalTabItem.tsx b/packages/ui/components/navigation/tabs/VerticalTabItem.tsx
index bb58bbb117643e..be7325c3e4fb91 100644
--- a/packages/ui/components/navigation/tabs/VerticalTabItem.tsx
+++ b/packages/ui/components/navigation/tabs/VerticalTabItem.tsx
@@ -2,12 +2,10 @@ import Link from "next/link";
 import { Fragment } from "react";
 
 import classNames from "@calcom/lib/classNames";
-import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { useUrlMatchesCurrentUrl } from "@calcom/lib/hooks/useUrlMatchesCurrentUrl";
 
 import { Icon } from "../../icon";
 import type { IconName } from "../../icon";
-import { Skeleton } from "../../skeleton";
 
 export type VerticalTabItemProps = {
   name: string;
@@ -28,6 +26,7 @@ export type VerticalTabItemProps = {
   iconClassName?: string;
   onClick?: (name: string) => void;
   isActive?: boolean;
+  "data-testid"?: string;
 };
 
 const VerticalTabItem = ({
@@ -40,7 +39,6 @@ const VerticalTabItem = ({
   linkScroll,
   ...props
 }: VerticalTabItemProps) => {
-  const { t } = useLocale();
   const isCurrent = useUrlMatchesCurrentUrl(href) || props?.isActive;
 
   return (
@@ -58,42 +56,34 @@ const VerticalTabItem = ({
             href={href}
             shallow={linkShallow}
             scroll={linkScroll}
+            aria-disabled={props.disabled ? "true" : undefined}
             target={props.isExternalLink ? "_blank" : "_self"}
             className={classNames(
               props.textClassNames || "text-default text-sm font-medium leading-none",
-              "min-h-7 hover:bg-subtle [&[aria-current='page']]:bg-emphasis [&[aria-current='page']]:text-emphasis group-hover:text-default group flex w-64 flex-row items-center rounded-md px-3 py-2 transition",
+              "hover:bg-subtle [&[aria-current='page']]:bg-subtle [&[aria-current='page']]:text-emphasis group-hover:text-default group flex w-full flex-row items-center rounded-md p-2 transition",
               props.disabled && "pointer-events-none !opacity-30",
-              (isChild || !props.icon) && "ml-7 w-auto ltr:mr-5 rtl:ml-5",
-              !info ? "h-6" : "h-auto",
+              (isChild || !props.icon) && "ml-7",
               props.className
             )}
-            data-testid={`vertical-tab-${name}`}
+            data-testid={`vertical-tab-${props["data-testid"]}`}
             aria-current={isCurrent ? "page" : undefined}>
             {props.icon && (
               <Icon
                 name={props.icon}
-                className={classNames(
-                  "mr-2 h-[16px] w-[16px] stroke-[2px] ltr:mr-2 rtl:ml-2 md:mt-0",
-                  props.iconClassName
-                )}
+                className={classNames("me-2 h-4 w-4", props.iconClassName)}
                 data-testid="icon-component"
               />
             )}
-            <div className="h-fit">
-              <span className="flex items-center space-x-2 rtl:space-x-reverse">
-                <Skeleton title={t(name)} as="p" className="max-w-36 min-h-4 truncate">
-                  {t(name)}
-                </Skeleton>
+            <div className="h-fit min-w-0 flex-1">
+              <span className="flex items-center gap-2 truncate">
+                {name}
                 {props.isExternalLink ? <Icon name="external-link" data-testid="external-link" /> : null}
               </span>
               {info && (
-                <Skeleton
-                  data-testid="apps-info"
-                  as="p"
-                  title={t(info)}
-                  className="max-w-44 mt-1 truncate text-xs font-normal">
-                  {t(info)}
-                </Skeleton>
+                // TODO: I don't think having apps-info as a data-test-id is right here as this is meant to be dumb component.
+                <p data-testid="apps-info" className="mt-1 truncate text-xs font-normal">
+                  {info}
+                </p>
               )}
             </div>
             {!disableChevron && isCurrent && (
diff --git a/packages/ui/components/navigation/tabs/VerticalTabs.tsx b/packages/ui/components/navigation/tabs/VerticalTabs.tsx
index 6e259667f6aeb3..84a27a5ffd77c1 100644
--- a/packages/ui/components/navigation/tabs/VerticalTabs.tsx
+++ b/packages/ui/components/navigation/tabs/VerticalTabs.tsx
@@ -32,6 +32,9 @@ const NavTabs = function ({
         `no-scrollbar flex flex-col space-y-0.5 overflow-scroll ${className}`,
         sticky && "sticky top-0 -mt-7"
       )}
+      style={{
+        maxWidth: "256px",
+      }}
       aria-label="Tabs"
       {...props}>
       {/* padding top for sticky */}
diff --git a/packages/ui/components/navigation/tabs/navigation.test.tsx b/packages/ui/components/navigation/tabs/navigation.test.tsx
index a186ced9cd15bc..3a238ceabcf89b 100644
--- a/packages/ui/components/navigation/tabs/navigation.test.tsx
+++ b/packages/ui/components/navigation/tabs/navigation.test.tsx
@@ -1,145 +1,215 @@
-/* eslint-disable playwright/missing-playwright-await */
 import { fireEvent, render, screen } from "@testing-library/react";
 import { vi } from "vitest";
 
+import type { IconName } from "../../icon";
 import HorizontalTabs from "./HorizontalTabs";
 import VerticalTabs from "./VerticalTabs";
 
+// Mock the hooks
 vi.mock("@calcom/lib/hooks/useUrlMatchesCurrentUrl", () => ({
-  useUrlMatchesCurrentUrl() {
-    return {
-      route: "/",
-      pathname: "",
-      query: "",
-      asPath: "",
-      push: vi.fn(),
-      events: {
-        on: vi.fn(),
-        off: vi.fn(),
-      },
-      beforePopState: vi.fn(() => null),
-      prefetch: vi.fn(() => null),
-    };
-  },
+  useUrlMatchesCurrentUrl: () => false,
 }));
 
 vi.mock("@calcom/lib/hooks/useLocale", () => ({
-  useLocale: () => {
-    return {
-      t: (str: string) => str,
-      isLocaleReady: true,
-      i18n: {
-        language: "en",
-        defaultLocale: "en",
-        locales: ["en"],
-        exists: () => false,
-      },
-    };
-  },
+  useLocale: () => ({
+    t: (str: string) => str,
+    isLocaleReady: true,
+    i18n: {
+      language: "en",
+      defaultLocale: "en",
+      locales: ["en"],
+    },
+  }),
 }));
 
-describe("Tests for navigation folder", () => {
-  describe("Test HorizontalTabs Component", () => {
+describe("Navigation Components", () => {
+  describe("HorizontalTabs", () => {
     const mockTabs = [
-      { name: "Tab 1", href: "/tab1" },
-      { name: "Tab 2", href: "/tab2", avatar: "Avatar" },
-      { name: "Tab 3", href: "/tab3" },
-    ];
+      { name: "Dashboard", href: "/dashboard", "data-testid": "dashboard" },
+      { name: "Settings", href: "/settings", icon: "atom", "data-testid": "settings" },
+      { name: "Profile", href: "/profile", avatar: "user-avatar", "data-testid": "profile" },
+      { name: "Disabled", href: "/disabled", disabled: true, "data-testid": "disabled" },
+    ] as {
+      name: string;
+      href: string;
+      icon?: IconName;
+      avatar?: string;
+      disabled?: boolean;
+      "data-testid"?: string;
+    }[];
 
     beforeEach(() => {
       vi.clearAllMocks();
     });
 
-    test("Should render tabs with correct name and href", () => {
+    test("renders all tabs with correct name and href", async () => {
       render(<HorizontalTabs tabs={mockTabs} />);
-      mockTabs.forEach((tab) => {
-        const tabLabelElement = screen.getByTestId(`horizontal-tab-${tab.name}`);
-        expect(tabLabelElement).toBeInTheDocument();
 
-        const name = screen.getByText(tab.name);
-        expect(name).toBeInTheDocument();
-        expect(tabLabelElement).toHaveAttribute("href", tab.href);
-      });
+      for (const tab of mockTabs) {
+        const tabElement = screen.getByTestId(`horizontal-tab-${tab["data-testid"]}`);
+        expect(tabElement).toBeInTheDocument();
+        await expect(tabElement).toHaveAttribute("href", tab.href);
+      }
+    });
+
+    test("renders disabled tabs with correct aria-disabled attribute", async () => {
+      render(<HorizontalTabs tabs={mockTabs} />);
+
+      const disabledTab = mockTabs.find((tab) => tab.disabled);
+      // Just to keep TS happy
+      // eslint-disable-next-line playwright/no-conditional-in-test
+      if (!disabledTab) throw new Error("Test requires a disabled tab in mockTabs");
+
+      const tabElement = screen.getByTestId(`horizontal-tab-${disabledTab["data-testid"]}`);
+
+      await expect(tabElement).toHaveAttribute("aria-disabled", "true");
     });
 
-    test("Should render actions correctly", () => {
+    test("renders actions when provided", async () => {
+      const mockAction = <button>Add New</button>;
+      render(<HorizontalTabs tabs={mockTabs} actions={mockAction} />);
+
+      expect(screen.getByRole("button", { name: "Add New" })).toBeInTheDocument();
+    });
+
+    test("handles tab click events", () => {
       const handleClick = vi.fn();
-      const mockActions = <button onClick={handleClick}>Actions</button>;
-      render(<HorizontalTabs tabs={mockTabs} actions={mockActions} />);
-      const actionsElement = screen.getByText("Actions");
-      expect(actionsElement).toBeInTheDocument();
-      fireEvent.click(actionsElement);
+      const tabsWithClick = [{ name: "Tab", href: "/tab", onClick: handleClick, "data-testid": "tab" }];
 
-      expect(handleClick).toHaveBeenCalled();
+      render(<HorizontalTabs tabs={tabsWithClick} />);
+      fireEvent.click(screen.getByTestId("horizontal-tab-tab"));
+
+      expect(handleClick).toHaveBeenCalledWith("Tab");
     });
   });
 
-  describe("Test VerticalTabs Component", () => {
+  describe("VerticalTabs", () => {
     const mockTabs = [
       {
-        name: "Tab 1",
-        href: "/tab1",
-        disableChevron: true,
+        name: "Overview",
+        href: "/overview",
+        icon: "home",
+        info: "Main dashboard view",
+        "data-testid": "Overview",
+      },
+      {
+        name: "External",
+        href: "https://external.com",
+        isExternalLink: true,
+        icon: "external",
+        "data-testid": "Exteral",
+      },
+      {
+        name: "Disabled",
+        href: "/disabled",
         disabled: true,
-        icon: "plus" as const,
+        icon: "lock",
+        "data-testid": "Disabled",
       },
-      { name: "Tab 2", href: "/tab2", isExternalLink: true },
-      { name: "Tab 3", href: "/tab3", info: "info" },
-    ];
+      {
+        name: "Child Tab",
+        href: "/child",
+        isChild: true,
+        disableChevron: true,
+        "data-testid": "Child Tab",
+      },
+    ] as {
+      name: string;
+      href: string;
+      icon?: IconName;
+      avatar?: string;
+      disabled?: boolean;
+      isExternalLink?: boolean;
+      isChild?: boolean;
+      disableChevron?: boolean;
+      info?: string;
+      "data-testid"?: string;
+    }[];
 
     beforeEach(() => {
       vi.clearAllMocks();
     });
 
-    test("Should render tabs with correct name and href", () => {
-      render(<VerticalTabs tabs={mockTabs} />);
-      mockTabs.forEach((tab) => {
-        const tabLabelElement = screen.getByTestId(`vertical-tab-${tab.name}`);
-        expect(tabLabelElement).toBeInTheDocument();
-
-        const name = screen.getByText(tab.name);
-        expect(name).toBeInTheDocument();
-        expect(tabLabelElement).toHaveAttribute("href", tab.href);
-      });
-    });
-
-    test("Should render correctly if props are passed", async () => {
-      render(<VerticalTabs tabs={mockTabs} />);
-
-      const iconElement = await screen.findAllByTestId("icon-component");
-      const externalLink = await screen.findAllByTestId("external-link");
-      const chevronRight = await screen.findAllByTestId("chevron-right");
-
-      mockTabs.forEach((tab) => {
-        const tabName = screen.getByText(tab.name);
-        expect(tabName).toBeInTheDocument();
+    test("renders all tabs with correct structure and attributes", async () => {
+      const { container } = render(<VerticalTabs tabs={mockTabs} sticky className="custom-class" />);
 
-        const aTag = screen.getByTestId(`vertical-tab-${tab.name}`);
-        const tabContainer = tabName.closest("a");
-        const infoElement = tabContainer?.querySelector("p[title='info']");
+      mockTabs.forEach(async (tab) => {
+        const tabElement = screen.getByTestId(`vertical-tab-${tab["data-testid"]}`);
+        expect(tabElement).toBeInTheDocument();
+        await expect(tabElement).toHaveAttribute("href", tab.href);
 
-        expect(chevronRight.length).toEqual(mockTabs.length - 1);
         if (tab.disabled) {
-          expect(aTag).tabToBeDisabled();
-        } else {
-          expect(aTag).not.tabToBeDisabled();
+          await expect(tabElement).toHaveAttribute("aria-disabled", "true");
+        }
+
+        if (tab.isExternalLink) {
+          await expect(tabElement).toHaveAttribute("target", "_blank");
+          expect(screen.getByTestId("external-link")).toBeInTheDocument();
         }
 
         if (tab.info) {
+          const infoElement = screen.getByTestId("apps-info");
           expect(infoElement).toBeInTheDocument();
-        } else {
-          expect(infoElement).toBeNull();
+          expect(infoElement).toHaveTextContent(tab.info);
         }
 
-        if (tab.isExternalLink) {
-          expect(aTag).toHaveAttribute("target", "_blank");
-        } else {
-          expect(aTag).toHaveAttribute("target", "_self");
+        if (tab.icon) {
+          expect(screen.getAllByTestId("icon-component")).toHaveLength(3);
         }
       });
 
-      expect(externalLink.length).toEqual(1);
-      expect(iconElement.length).toEqual(1);
+      // Check sticky behavior
+      await expect(container.firstChild).toHaveClass("sticky");
+    });
+
+    test("applies custom icon correctly", async () => {
+      render(
+        <VerticalTabs
+          tabs={[
+            {
+              name: "Overview",
+              href: "/overview",
+              icon: "atom",
+              info: "Main dashboard view",
+            },
+          ]}
+          className="custom-nav"
+          itemClassname="custom-item"
+          iconClassName="custom-icon"
+        />
+      );
+
+      const iconElement = screen.getByTestId("icon-component");
+      expect(iconElement).toBeInTheDocument();
+      await expect(iconElement).toHaveClass("custom-icon");
+    });
+
+    test("applies custom classNames correctly", async () => {
+      render(
+        <VerticalTabs
+          tabs={[
+            {
+              name: "Overview",
+              href: "/overview",
+              icon: "atom",
+              info: "Main dashboard view",
+              "data-testid": "overview",
+            },
+          ]}
+          className="custom-nav"
+          itemClassname="custom-item"
+          iconClassName="custom-icon"
+        />
+      );
+
+      const nav = screen.getByTestId("vertical-tab-overview").closest("nav");
+      await expect(nav).toHaveClass("custom-nav");
+
+      const tabElement = screen.getByTestId("vertical-tab-overview");
+      await expect(tabElement).toHaveClass("custom-item");
+
+      const iconElement = screen.getByTestId("icon-component");
+      await expect(iconElement).toHaveClass("custom-icon");
     });
   });
 });
diff --git a/packages/ui/components/pagination/Pagination.tsx b/packages/ui/components/pagination/Pagination.tsx
new file mode 100644
index 00000000000000..bf115b0846f50e
--- /dev/null
+++ b/packages/ui/components/pagination/Pagination.tsx
@@ -0,0 +1,103 @@
+"use client";
+
+import { useState } from "react";
+
+import { Button } from "../button";
+import { ButtonGroup } from "../buttonGroup";
+import { Select } from "../form/select";
+
+export interface PaginationProps {
+  currentPage: number;
+  pageSize: number;
+  totalItems: number;
+  onPageChange: (page: number) => void;
+  onPageSizeChange: (pageSize: number) => void;
+  onNext?: () => void;
+  onPrevious?: () => void;
+  pageSizeOptions?: number[];
+}
+
+const DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
+
+export const Pagination = ({
+  currentPage,
+  pageSize,
+  totalItems,
+  onPageChange,
+  onPageSizeChange,
+  pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,
+  onNext,
+  onPrevious,
+}: PaginationProps) => {
+  const [internalPageSize, setInternalPageSize] = useState(pageSize);
+  const totalPages = Math.ceil(totalItems / pageSize);
+
+  const handlePageSizeChange = (option: { value: number; label: string } | null) => {
+    if (option) {
+      const newPageSize = option.value;
+      setInternalPageSize(newPageSize);
+      onPageSizeChange(newPageSize);
+      // Reset to first page when changing page size
+      onPageChange(1);
+    }
+  };
+
+  const handlePrevious = () => {
+    if (currentPage > 1) {
+      onPageChange(currentPage - 1);
+      onPrevious?.();
+    }
+  };
+
+  const handleNext = () => {
+    if (currentPage < totalPages) {
+      onPageChange(currentPage + 1);
+      onNext?.();
+    }
+  };
+
+  const pageSizeSelectOptions = pageSizeOptions.map((size) => ({
+    value: size,
+    label: `${size}`,
+  }));
+
+  const startItem = (currentPage - 1) * pageSize + 1;
+  const endItem = Math.min(currentPage * pageSize, totalItems);
+
+  return (
+    <div className="flex items-center justify-between space-x-2 py-4">
+      <div className="flex items-center space-x-2">
+        <Select
+          options={pageSizeSelectOptions}
+          value={pageSizeSelectOptions.find((option) => option.value === internalPageSize)}
+          onChange={handlePageSizeChange}
+          size="sm"
+        />
+        <span className="text-default text-sm">rows per page</span>
+      </div>
+      <div className="flex items-center space-x-2">
+        <span className="text-default text-sm">
+          {startItem}-{endItem} of {totalItems}
+        </span>
+        <ButtonGroup containerProps={{ className: "space-x-1.5" }}>
+          <Button
+            variant="icon"
+            StartIcon="arrow-left"
+            onClick={handlePrevious}
+            disabled={currentPage <= 1}
+            color="secondary"
+            size="sm"
+          />
+          <Button
+            variant="icon"
+            StartIcon="arrow-right"
+            onClick={handleNext}
+            disabled={currentPage >= totalPages}
+            color="secondary"
+            size="sm"
+          />
+        </ButtonGroup>
+      </div>
+    </div>
+  );
+};
diff --git a/packages/ui/components/pagination/index.ts b/packages/ui/components/pagination/index.ts
new file mode 100644
index 00000000000000..2ad2d24f638202
--- /dev/null
+++ b/packages/ui/components/pagination/index.ts
@@ -0,0 +1,2 @@
+export { Pagination } from "./Pagination";
+export type { PaginationProps } from "./Pagination";
diff --git a/packages/ui/components/popover/AnimatedPopover.tsx b/packages/ui/components/popover/AnimatedPopover.tsx
index 8854aac3ba0b83..1b20f7f142d2c8 100644
--- a/packages/ui/components/popover/AnimatedPopover.tsx
+++ b/packages/ui/components/popover/AnimatedPopover.tsx
@@ -3,6 +3,7 @@ import React from "react";
 
 import { classNames } from "@calcom/lib";
 
+import { buttonClasses } from "../button";
 import { Icon } from "../icon";
 import { Tooltip } from "../tooltip";
 
@@ -29,7 +30,8 @@ export const AnimatedPopover = ({
   const ref = React.useRef<HTMLButtonElement>(null);
   // calculate which aligment to open the popover with based on which half of the screen it is on (left or right)
   const [align, setAlign] = React.useState<"start" | "end">("start");
-  React.useEffect(() => {
+
+  React.useLayoutEffect(() => {
     const handleResize = () => {
       const halfWidth = window.innerWidth / 2;
       const { x } = ref?.current?.getBoundingClientRect() || {
@@ -55,7 +57,9 @@ export const AnimatedPopover = ({
         <button
           ref={ref}
           className={classNames(
-            "hover:border-emphasis border-default text-default hover:text-emphasis radix-state-open:border-emphasis radix-state-open:outline-none radix-state-open:ring-2 radix-state-open:ring-emphasis mb-4 flex h-9 max-h-72 items-center justify-between whitespace-nowrap rounded-md border px-3 py-2 text-sm hover:cursor-pointer",
+            buttonClasses({
+              color: "secondary",
+            }),
             popoverTriggerClassNames
           )}>
           {Trigger ? (
@@ -63,7 +67,7 @@ export const AnimatedPopover = ({
           ) : (
             <div className="max-w-36 flex items-center">
               <Tooltip content={prefix ? `${prefix}${text}` : text}>
-                <div className="flex select-none truncate font-medium">
+                <div className="flex select-none items-center truncate font-medium leading-none">
                   {PrefixComponent ? PrefixComponent : null}
                   {prefix && <span className="text-subtle">{prefix}&nbsp;</span>}
                   {text}
diff --git a/packages/ui/components/toast/index.ts b/packages/ui/components/toast/index.ts
index 817b1a9e97ba2e..9ff0ec9f75a2cb 100644
--- a/packages/ui/components/toast/index.ts
+++ b/packages/ui/components/toast/index.ts
@@ -1 +1 @@
-export { DefaultToast, ErrorToast, SuccessToast, WarningToast, showToast } from "./showToast";
+export { ErrorToast, SuccessToast, WarningToast, showToast } from "./showToast";
diff --git a/packages/ui/components/toast/showToast.tsx b/packages/ui/components/toast/showToast.tsx
index 5076d1a6c8403a..4dd5f0b19ff8c9 100644
--- a/packages/ui/components/toast/showToast.tsx
+++ b/packages/ui/components/toast/showToast.tsx
@@ -14,64 +14,57 @@ type IToast = {
 export const SuccessToast = ({ message, toastVisible, onClose, toastId }: IToast) => (
   <button
     className={classNames(
-      "data-testid-toast-success bg-brand-default text-brand mb-2 flex h-auto space-x-2 rounded-md p-3 text-sm font-semibold shadow-md rtl:space-x-reverse md:max-w-sm",
+      "data-testid-toast-success bg-default dark:bg-inverted text-emphasis dark:text-inverted shadow-elevation-low border-subtle mb-2 flex h-auto space-x-2 rounded-lg border px-3 py-2.5 text-sm font-semibold rtl:space-x-reverse md:max-w-sm",
       toastVisible && "animate-fade-in-up cursor-pointer"
     )}
     onClick={() => onClose(toastId)}>
     <span className="mt-0.5">
       <Icon name="check" className="h-4 w-4" />
     </span>
-    <p data-testid="toast-success" className="text-left">
+    <p data-testid="toast-success" className="m-0 w-full text-left">
       {message}
     </p>
+    <span className="mt-0.5">
+      <Icon name="x" className="h-4 w-4 hover:cursor-pointer" />
+    </span>
   </button>
 );
 
 export const ErrorToast = ({ message, toastVisible, onClose, toastId }: IToast) => (
   <button
     className={classNames(
-      "animate-fade-in-up bg-error text-error text-brand mb-2 flex h-auto space-x-2 rounded-md p-3 text-sm font-semibold shadow-md rtl:space-x-reverse md:max-w-sm",
+      "animate-fade-in-up bg-semantic-error-subtle text-semantic-error shadow-elevation-low border-semantic-error-subtle mb-2 flex h-auto space-x-2 rounded-md border px-3 py-2.5 text-sm font-semibold rtl:space-x-reverse md:max-w-sm",
       toastVisible && "animate-fade-in-up cursor-pointer"
     )}
     onClick={() => onClose(toastId)}>
     <span className="mt-0.5">
-      <Icon name="info" className="h-4 w-4" />
+      <Icon name="info" className="text-semantic-error h-4 w-4" />
     </span>
-    <p data-testid="toast-error" className="text-left">
+    <p data-testid="toast-error" className="m-0 w-full text-left">
       {message}
     </p>
+    <span className="mt-0.5">
+      <Icon name="x" className="text-semantic-error h-4 w-4 hover:cursor-pointer" />
+    </span>
   </button>
 );
 
 export const WarningToast = ({ message, toastVisible, onClose, toastId }: IToast) => (
   <button
     className={classNames(
-      "animate-fade-in-up bg-brand-default text-brand mb-2 flex h-auto space-x-2 rounded-md p-3 text-sm font-semibold shadow-md rtl:space-x-reverse md:max-w-sm",
+      "animate-fade-in-up bg-semantic-attention-subtle text-semantic-attention shadow-elevation-low border-semantic-attention-subtle mb-2 flex h-auto space-x-2 rounded-md border px-3 py-2.5 text-sm font-semibold rtl:space-x-reverse md:max-w-sm",
       toastVisible && "animate-fade-in-up cursor-pointer"
     )}
     onClick={() => onClose(toastId)}>
     <span className="mt-0.5">
-      <Icon name="info" className="h-4 w-4" />
+      <Icon name="info" className="text-semantic-attention h-4 w-4" />
     </span>
-    <p data-testid="toast-warning" className="text-left">
+    <p data-testid="toast-warning" className="m-0 w-full text-left">
       {message}
     </p>
-  </button>
-);
-
-export const DefaultToast = ({ message, toastVisible, onClose, toastId }: IToast) => (
-  <button
-    className={classNames(
-      "animate-fade-in-up bg-brand-default text-brand mb-2 flex h-auto space-x-2 rounded-md p-3 text-sm font-semibold shadow-md rtl:space-x-reverse md:max-w-sm",
-      toastVisible && "animate-fade-in-up cursor-pointer"
-    )}
-    onClick={() => onClose(toastId)}>
     <span className="mt-0.5">
-      <Icon name="check" className="h-4 w-4" />
+      <Icon name="x" className="text-semantic-attention h-4 w-4 hover:cursor-pointer" />
     </span>
-    <p data-testid="toast-default" className="text-left">
-      {message}
-    </p>
   </button>
 );
 
@@ -104,7 +97,7 @@ export function showToast(
   };
   return toast.custom(
     toastElements[variant] ||
-      ((t) => <DefaultToast message={message} toastVisible={t.visible} onClose={onClose} toastId={t.id} />),
+      ((t) => <SuccessToast message={message} toastVisible={t.visible} onClose={onClose} toastId={t.id} />),
     _options
   );
 }
diff --git a/packages/ui/components/toast/toast.test.tsx b/packages/ui/components/toast/toast.test.tsx
index cf0311ec7533ba..91f6baca1fca8d 100644
--- a/packages/ui/components/toast/toast.test.tsx
+++ b/packages/ui/components/toast/toast.test.tsx
@@ -1,10 +1,10 @@
 import { render, screen, fireEvent } from "@testing-library/react";
 import { vi } from "vitest";
 
-import { SuccessToast, ErrorToast, WarningToast, DefaultToast } from "./showToast";
+import { SuccessToast, ErrorToast, WarningToast } from "./showToast";
 
 describe("Tests for Toast Components", () => {
-  const testToastComponent = (Component: typeof DefaultToast, toastTestId: string) => {
+  const testToastComponent = (Component: typeof SuccessToast, toastTestId: string) => {
     const message = "This is a test message";
     const toastId = "some-id";
 
@@ -20,11 +20,10 @@ describe("Tests for Toast Components", () => {
     expect(onCloseMock).toHaveBeenCalledWith(toastId);
   };
 
-  const toastComponents: [string, typeof DefaultToast, string][] = [
+  const toastComponents: [string, typeof SuccessToast, string][] = [
     ["SuccessToast", SuccessToast, "toast-success"],
     ["ErrorToast", ErrorToast, "toast-error"],
     ["WarningToast", WarningToast, "toast-warning"],
-    ["DefaultToast", DefaultToast, "toast-default"],
   ];
 
   test.each(toastComponents)("Should render and close %s component", (_, ToastComponent, expectedClass) => {
diff --git a/packages/ui/form/radio-area/Radio.tsx b/packages/ui/form/radio-area/Radio.tsx
index 38f6181076d3e6..7fcc9df16dee93 100644
--- a/packages/ui/form/radio-area/Radio.tsx
+++ b/packages/ui/form/radio-area/Radio.tsx
@@ -11,7 +11,7 @@ export const Radio = (props: RadioGroupPrimitive.RadioGroupItemProps & { childre
   <RadioGroupPrimitive.Item
     {...props}
     className={classNames(
-      "hover:bg-subtle border-default dark:checked:bg-brand-default dark:bg-darkgray-100 dark:hover:bg-subtle dark:checked:hover:bg-brand-default focus:ring-brand-default hover:border-emphasis me-1.5 mt-0.5 h-4 w-4 flex-shrink-0 rounded-full border text-[--cal-brand] transition focus:border-0 focus:ring-1",
+      "hover:bg-subtle border-default dark:checked:bg-brand-default dark:hover:bg-subtle dark:checked:hover:bg-brand-default focus:ring-brand-default hover:border-emphasis me-1.5 mt-0.5 h-4 w-4 flex-shrink-0 rounded-full border text-[--cal-brand] transition focus:border-0 focus:ring-1",
       props.disabled && "opacity-60"
     )}>
     {props.children}
@@ -42,14 +42,21 @@ export const RadioField = ({
   id,
   value,
   className,
+  withPadding,
 }: {
   label: string | ReactNode;
   disabled?: boolean;
   id: string;
   value: string;
   className?: string;
+  withPadding?: boolean;
 }) => (
-  <div className={classNames("flex items-start", className)}>
+  <div
+    className={classNames(
+      "flex items-start",
+      withPadding && "hover:bg-subtle cursor-pointer rounded-lg p-1.5",
+      className
+    )}>
     <Radio value={value} disabled={disabled} id={id}>
       <Indicator disabled={disabled} />
     </Radio>
diff --git a/packages/ui/form/radio-area/RadioAreaGroup.tsx b/packages/ui/form/radio-area/RadioAreaGroup.tsx
index 75fd590f1b859c..44e20671a6c8bf 100644
--- a/packages/ui/form/radio-area/RadioAreaGroup.tsx
+++ b/packages/ui/form/radio-area/RadioAreaGroup.tsx
@@ -16,7 +16,7 @@ const RadioArea = ({ children, className, classNames: innerClassNames, ...props
   return (
     <div
       className={classNames(
-        "border-subtle [&:has(input:checked)]:border-emphasis relative flex items-start rounded-md border ",
+        "border-subtle [&:has(input:checked)]:border-emphasis relative flex items-start rounded-[10px] border ",
         className
       )}>
       <RadioGroupPrimitive.Item
diff --git a/packages/ui/index.ts b/packages/ui/index.ts
index 098ddb80ab9f04..b9385a946d4f6f 100644
--- a/packages/ui/index.ts
+++ b/packages/ui/index.ts
@@ -11,7 +11,7 @@ export type { ArrowButtonProps } from "./components/arrow-button";
 export { Badge, UpgradeTeamsBadge, InfoBadge } from "./components/badge";
 export type { BadgeProps } from "./components/badge";
 export { Breadcrumb, BreadcrumbContainer, BreadcrumbItem } from "./components/breadcrumb";
-export { Button, LinkIconButton, buttonClasses } from "./components/button";
+export { Button, LinkIconButton, buttonClasses, SplitButton } from "./components/button";
 export type { ButtonBaseProps, ButtonProps } from "./components/button";
 export { ButtonGroup } from "./components/buttonGroup";
 export { EditableHeading } from "./components/editable-heading";
@@ -64,6 +64,9 @@ export type {
   TimezoneSelectProps,
   TimezoneSelectComponentProps,
 } from "./components/form";
+export { Slider as RangeSlider } from "./components/form/slider";
+export { RangeSliderPopover } from "./components/form/slider/RangeSliderPopover";
+
 export {
   AllApps,
   AppCard,
@@ -120,7 +123,7 @@ export type { DialogProps, ConfirmationDialogContentProps } from "./components/d
 export { AppListCard } from "./components/app-list-card";
 export { DisconnectIntegrationComponent } from "./components/disconnect-calendar-integration";
 export { CalendarSwitchComponent } from "./components/calendar-switch";
-export { showToast } from "./components/toast"; // We don't export the toast components as they are only used in local storybook file
+export { showToast, ErrorToast, SuccessToast, WarningToast } from "./components/toast"; // We don't export the toast components as they are only used in local storybook file
 export { Meta, MetaProvider, useMeta } from "./components/meta";
 export { ShellSubHeading } from "./components/layout";
 
@@ -175,3 +178,8 @@ export { OrgBanner } from "./components/organization-banner";
 export type { OrgBannerProps } from "./components/organization-banner";
 
 export { StorybookTrpcProvider } from "./components/mocks/trpc";
+
+export { NavigationItem } from "./components/navigation/NavigationItem";
+
+export { Pagination } from "./components/pagination";
+export type { PaginationProps } from "./components/pagination";
diff --git a/packages/ui/layouts/WizardLayout.tsx b/packages/ui/layouts/WizardLayout.tsx
index 8399428a0c2c20..0e81d6b265ce16 100644
--- a/packages/ui/layouts/WizardLayout.tsx
+++ b/packages/ui/layouts/WizardLayout.tsx
@@ -31,9 +31,7 @@ export function WizardLayout({
   }, [pathname]);
 
   return (
-    <div
-      className="dark:bg-brand dark:text-brand-contrast text-emphasis min-h-screen"
-      data-testid="onboarding">
+    <div className="bg-default text-emphasis min-h-screen" data-testid="onboarding">
       <div>
         <Toaster position="bottom-right" />
       </div>
diff --git a/packages/ui/package.json b/packages/ui/package.json
index e86c53a59bc742..016dd6fc839278 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -75,6 +75,7 @@
     "@radix-ui/react-popover": "^1.0.2",
     "@radix-ui/react-portal": "^1.0.0",
     "@radix-ui/react-select": "^0.1.1",
+    "@radix-ui/react-slider": "^1.2.2",
     "@storybook/blocks": "^7.6.3",
     "@storybook/react": "^7.6.3",
     "@tanstack/react-query": "^5.17.15",
diff --git a/yarn.lock b/yarn.lock
index 8169e9c01ebc23..d0063fdce01ab8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4963,6 +4963,7 @@ __metadata:
     "@radix-ui/react-popover": ^1.0.2
     "@radix-ui/react-portal": ^1.0.0
     "@radix-ui/react-select": ^0.1.1
+    "@radix-ui/react-slider": ^1.2.2
     "@storybook/blocks": ^7.6.3
     "@storybook/react": ^7.6.3
     "@tanstack/react-query": ^5.17.15
@@ -5651,15 +5652,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emnapi/runtime@npm:^1.2.0":
-  version: 1.3.1
-  resolution: "@emnapi/runtime@npm:1.3.1"
-  dependencies:
-    tslib: ^2.4.0
-  checksum: 9a16ae7905a9c0e8956cf1854ef74e5087fbf36739abdba7aa6b308485aafdc993da07c19d7af104cd5f8e425121120852851bb3a0f78e2160e420a36d47f42f
-  languageName: node
-  linkType: hard
-
 "@emotion/babel-plugin@npm:^11.7.1":
   version: 11.7.2
   resolution: "@emotion/babel-plugin@npm:11.7.2"
@@ -6280,44 +6272,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@eslint-community/eslint-utils@npm:^4.2.0, @eslint-community/eslint-utils@npm:^4.4.0":
-  version: 4.4.1
-  resolution: "@eslint-community/eslint-utils@npm:4.4.1"
-  dependencies:
-    eslint-visitor-keys: ^3.4.3
-  peerDependencies:
-    eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
-  checksum: a7ffc838eb6a9ef594cda348458ccf38f34439ac77dc090fa1c120024bcd4eb911dfd74d5ef44d42063e7949fa7c5123ce714a015c4abb917d4124be1bd32bfe
-  languageName: node
-  linkType: hard
-
-"@eslint-community/regexpp@npm:^4.10.0, @eslint-community/regexpp@npm:^4.12.1":
-  version: 4.12.1
-  resolution: "@eslint-community/regexpp@npm:4.12.1"
-  checksum: 0d628680e204bc316d545b4993d3658427ca404ae646ce541fcc65306b8c712c340e5e573e30fb9f85f4855c0c5f6dca9868931f2fcced06417fbe1a0c6cd2d6
-  languageName: node
-  linkType: hard
-
-"@eslint/config-array@npm:^0.19.0":
-  version: 0.19.2
-  resolution: "@eslint/config-array@npm:0.19.2"
-  dependencies:
-    "@eslint/object-schema": ^2.1.6
-    debug: ^4.3.1
-    minimatch: ^3.1.2
-  checksum: 1c707e04fc2951079b32d2cb1c939ce25e863cd1329c1bd363a285b2a5caaaf88b97ddbf354cc46d1334097dc749f79b0fae33151dc2dfb9a60ba14288c65b39
-  languageName: node
-  linkType: hard
-
-"@eslint/core@npm:^0.10.0":
-  version: 0.10.0
-  resolution: "@eslint/core@npm:0.10.0"
-  dependencies:
-    "@types/json-schema": ^7.0.15
-  checksum: 851fa099b3fef00e7ff8ece14523aff0822d3e1b47b047ab0a0d898e80c1362a22aa8b7778727231c383246932ecb63de79b4448ec1e500901c578580b087573
-  languageName: node
-  linkType: hard
-
 "@eslint/eslintrc@npm:^1.4.1":
   version: 1.4.1
   resolution: "@eslint/eslintrc@npm:1.4.1"
@@ -6335,47 +6289,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@eslint/eslintrc@npm:^3, @eslint/eslintrc@npm:^3.2.0":
-  version: 3.2.0
-  resolution: "@eslint/eslintrc@npm:3.2.0"
-  dependencies:
-    ajv: ^6.12.4
-    debug: ^4.3.2
-    espree: ^10.0.1
-    globals: ^14.0.0
-    ignore: ^5.2.0
-    import-fresh: ^3.2.1
-    js-yaml: ^4.1.0
-    minimatch: ^3.1.2
-    strip-json-comments: ^3.1.1
-  checksum: c898e4d12f4c9a79a61ee3c91e38eea5627a04e021cb749191e8537445858bfe32f810eca0cb2dc9902b8ad8b65ca07ef7221dc4bad52afe60cbbf50ec56c236
-  languageName: node
-  linkType: hard
-
-"@eslint/js@npm:9.19.0":
-  version: 9.19.0
-  resolution: "@eslint/js@npm:9.19.0"
-  checksum: bf4077b390894408408c8b5ca48c2cdaf91bce94e0a3b7ff4e79a2cb2d3ecc76d87b52b30af812285acf550e7a849138d2aad2cab0b0b5c0c9f7944fd45ba31f
-  languageName: node
-  linkType: hard
-
-"@eslint/object-schema@npm:^2.1.6":
-  version: 2.1.6
-  resolution: "@eslint/object-schema@npm:2.1.6"
-  checksum: e32e565319f6544d36d3fa69a3e163120722d12d666d1a4525c9a6f02e9b54c29d9b1f03139e25d7e759e08dda8da433590bc23c09db8d511162157ef1b86a4c
-  languageName: node
-  linkType: hard
-
-"@eslint/plugin-kit@npm:^0.2.5":
-  version: 0.2.5
-  resolution: "@eslint/plugin-kit@npm:0.2.5"
-  dependencies:
-    "@eslint/core": ^0.10.0
-    levn: ^0.4.1
-  checksum: 423db33e67ff16f6db71bf8bfc8d5b0c2c4fe6f2209131e5886a573bf994bfc72ab4f825068d6521f186247731d4c9d48eb42a5e5ce389c6faa275752c0e9459
-  languageName: node
-  linkType: hard
-
 "@ewsjs/ntlm-client@npm:^3.0.1":
   version: 3.0.1
   resolution: "@ewsjs/ntlm-client@npm:3.0.1"
@@ -6778,23 +6691,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@humanfs/core@npm:^0.19.1":
-  version: 0.19.1
-  resolution: "@humanfs/core@npm:0.19.1"
-  checksum: 611e0545146f55ddfdd5c20239cfb7911f9d0e28258787c4fc1a1f6214250830c9367aaaeace0096ed90b6739bee1e9c52ad5ba8adaf74ab8b449119303babfe
-  languageName: node
-  linkType: hard
-
-"@humanfs/node@npm:^0.16.6":
-  version: 0.16.6
-  resolution: "@humanfs/node@npm:0.16.6"
-  dependencies:
-    "@humanfs/core": ^0.19.1
-    "@humanwhocodes/retry": ^0.3.0
-  checksum: f9cb52bb235f8b9c6fcff43a7e500669a38f8d6ce26593404a9b56365a1644e0ed60c720dc65ff6a696b1f85f3563ab055bb554ec8674f2559085ba840e47710
-  languageName: node
-  linkType: hard
-
 "@humanwhocodes/config-array@npm:^0.11.8":
   version: 0.11.8
   resolution: "@humanwhocodes/config-array@npm:0.11.8"
@@ -6820,20 +6716,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@humanwhocodes/retry@npm:^0.3.0":
-  version: 0.3.1
-  resolution: "@humanwhocodes/retry@npm:0.3.1"
-  checksum: 7e5517bb51dbea3e02ab6cacef59a8f4b0ca023fc4b0b8cbc40de0ad29f46edd50b897c6e7fba79366a0217e3f48e2da8975056f6c35cfe19d9cc48f1d03c1dd
-  languageName: node
-  linkType: hard
-
-"@humanwhocodes/retry@npm:^0.4.1":
-  version: 0.4.1
-  resolution: "@humanwhocodes/retry@npm:0.4.1"
-  checksum: f11167c28e8266faba470fd273cbaafe2827523492bc18c5623015adb7ed66f46b2e542e3d756fed9ca614300249267814220c2f5f03a59e07fdfa64fc14ad52
-  languageName: node
-  linkType: hard
-
 "@iarna/toml@npm:2.2.5":
   version: 2.2.5
   resolution: "@iarna/toml@npm:2.2.5"
@@ -6841,181 +6723,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@img/sharp-darwin-arm64@npm:0.33.5":
-  version: 0.33.5
-  resolution: "@img/sharp-darwin-arm64@npm:0.33.5"
-  dependencies:
-    "@img/sharp-libvips-darwin-arm64": 1.0.4
-  dependenciesMeta:
-    "@img/sharp-libvips-darwin-arm64":
-      optional: true
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@img/sharp-darwin-x64@npm:0.33.5":
-  version: 0.33.5
-  resolution: "@img/sharp-darwin-x64@npm:0.33.5"
-  dependencies:
-    "@img/sharp-libvips-darwin-x64": 1.0.4
-  dependenciesMeta:
-    "@img/sharp-libvips-darwin-x64":
-      optional: true
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@img/sharp-libvips-darwin-arm64@npm:1.0.4":
-  version: 1.0.4
-  resolution: "@img/sharp-libvips-darwin-arm64@npm:1.0.4"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@img/sharp-libvips-darwin-x64@npm:1.0.4":
-  version: 1.0.4
-  resolution: "@img/sharp-libvips-darwin-x64@npm:1.0.4"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@img/sharp-libvips-linux-arm64@npm:1.0.4":
-  version: 1.0.4
-  resolution: "@img/sharp-libvips-linux-arm64@npm:1.0.4"
-  conditions: os=linux & cpu=arm64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@img/sharp-libvips-linux-arm@npm:1.0.5":
-  version: 1.0.5
-  resolution: "@img/sharp-libvips-linux-arm@npm:1.0.5"
-  conditions: os=linux & cpu=arm & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@img/sharp-libvips-linux-s390x@npm:1.0.4":
-  version: 1.0.4
-  resolution: "@img/sharp-libvips-linux-s390x@npm:1.0.4"
-  conditions: os=linux & cpu=s390x & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@img/sharp-libvips-linux-x64@npm:1.0.4":
-  version: 1.0.4
-  resolution: "@img/sharp-libvips-linux-x64@npm:1.0.4"
-  conditions: os=linux & cpu=x64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@img/sharp-libvips-linuxmusl-arm64@npm:1.0.4":
-  version: 1.0.4
-  resolution: "@img/sharp-libvips-linuxmusl-arm64@npm:1.0.4"
-  conditions: os=linux & cpu=arm64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@img/sharp-libvips-linuxmusl-x64@npm:1.0.4":
-  version: 1.0.4
-  resolution: "@img/sharp-libvips-linuxmusl-x64@npm:1.0.4"
-  conditions: os=linux & cpu=x64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@img/sharp-linux-arm64@npm:0.33.5":
-  version: 0.33.5
-  resolution: "@img/sharp-linux-arm64@npm:0.33.5"
-  dependencies:
-    "@img/sharp-libvips-linux-arm64": 1.0.4
-  dependenciesMeta:
-    "@img/sharp-libvips-linux-arm64":
-      optional: true
-  conditions: os=linux & cpu=arm64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@img/sharp-linux-arm@npm:0.33.5":
-  version: 0.33.5
-  resolution: "@img/sharp-linux-arm@npm:0.33.5"
-  dependencies:
-    "@img/sharp-libvips-linux-arm": 1.0.5
-  dependenciesMeta:
-    "@img/sharp-libvips-linux-arm":
-      optional: true
-  conditions: os=linux & cpu=arm & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@img/sharp-linux-s390x@npm:0.33.5":
-  version: 0.33.5
-  resolution: "@img/sharp-linux-s390x@npm:0.33.5"
-  dependencies:
-    "@img/sharp-libvips-linux-s390x": 1.0.4
-  dependenciesMeta:
-    "@img/sharp-libvips-linux-s390x":
-      optional: true
-  conditions: os=linux & cpu=s390x & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@img/sharp-linux-x64@npm:0.33.5":
-  version: 0.33.5
-  resolution: "@img/sharp-linux-x64@npm:0.33.5"
-  dependencies:
-    "@img/sharp-libvips-linux-x64": 1.0.4
-  dependenciesMeta:
-    "@img/sharp-libvips-linux-x64":
-      optional: true
-  conditions: os=linux & cpu=x64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@img/sharp-linuxmusl-arm64@npm:0.33.5":
-  version: 0.33.5
-  resolution: "@img/sharp-linuxmusl-arm64@npm:0.33.5"
-  dependencies:
-    "@img/sharp-libvips-linuxmusl-arm64": 1.0.4
-  dependenciesMeta:
-    "@img/sharp-libvips-linuxmusl-arm64":
-      optional: true
-  conditions: os=linux & cpu=arm64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@img/sharp-linuxmusl-x64@npm:0.33.5":
-  version: 0.33.5
-  resolution: "@img/sharp-linuxmusl-x64@npm:0.33.5"
-  dependencies:
-    "@img/sharp-libvips-linuxmusl-x64": 1.0.4
-  dependenciesMeta:
-    "@img/sharp-libvips-linuxmusl-x64":
-      optional: true
-  conditions: os=linux & cpu=x64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@img/sharp-wasm32@npm:0.33.5":
-  version: 0.33.5
-  resolution: "@img/sharp-wasm32@npm:0.33.5"
-  dependencies:
-    "@emnapi/runtime": ^1.2.0
-  conditions: cpu=wasm32
-  languageName: node
-  linkType: hard
-
-"@img/sharp-win32-ia32@npm:0.33.5":
-  version: 0.33.5
-  resolution: "@img/sharp-win32-ia32@npm:0.33.5"
-  conditions: os=win32 & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"@img/sharp-win32-x64@npm:0.33.5":
-  version: 0.33.5
-  resolution: "@img/sharp-win32-x64@npm:0.33.5"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@ioredis/commands@npm:^1.1.1":
   version: 1.2.0
   resolution: "@ioredis/commands@npm:1.2.0"
@@ -8742,13 +8449,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/env@npm:15.1.6":
-  version: 15.1.6
-  resolution: "@next/env@npm:15.1.6"
-  checksum: 53c34de78f1fdd9dfafe50e5d435ff62b5176cfcf94b990c70337d99d4c36b4a9944892586396be34fa0d0fefdef97963764b88c78ff2988fbcc2ee1ab46ada0
-  languageName: node
-  linkType: hard
-
 "@next/eslint-plugin-next@npm:13.2.1":
   version: 13.2.1
   resolution: "@next/eslint-plugin-next@npm:13.2.1"
@@ -8767,15 +8467,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/eslint-plugin-next@npm:15.1.6":
-  version: 15.1.6
-  resolution: "@next/eslint-plugin-next@npm:15.1.6"
-  dependencies:
-    fast-glob: 3.3.1
-  checksum: e519faaab2bef3995d369d9e84043e1c1d806085077b7107f5c7e5c923f9c4ee0c530277ef1bb1239b8ed34caa43d8b2b29182dacd786729f00e4627c84021df
-  languageName: node
-  linkType: hard
-
 "@next/swc-darwin-arm64@npm:13.5.7":
   version: 13.5.7
   resolution: "@next/swc-darwin-arm64@npm:13.5.7"
@@ -8790,13 +8481,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-darwin-arm64@npm:15.1.6":
-  version: 15.1.6
-  resolution: "@next/swc-darwin-arm64@npm:15.1.6"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
 "@next/swc-darwin-x64@npm:13.5.7":
   version: 13.5.7
   resolution: "@next/swc-darwin-x64@npm:13.5.7"
@@ -8811,13 +8495,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-darwin-x64@npm:15.1.6":
-  version: 15.1.6
-  resolution: "@next/swc-darwin-x64@npm:15.1.6"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@next/swc-linux-arm64-gnu@npm:13.5.7":
   version: 13.5.7
   resolution: "@next/swc-linux-arm64-gnu@npm:13.5.7"
@@ -8832,13 +8509,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm64-gnu@npm:15.1.6":
-  version: 15.1.6
-  resolution: "@next/swc-linux-arm64-gnu@npm:15.1.6"
-  conditions: os=linux & cpu=arm64 & libc=glibc
-  languageName: node
-  linkType: hard
-
 "@next/swc-linux-arm64-musl@npm:13.5.7":
   version: 13.5.7
   resolution: "@next/swc-linux-arm64-musl@npm:13.5.7"
@@ -8853,13 +8523,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm64-musl@npm:15.1.6":
-  version: 15.1.6
-  resolution: "@next/swc-linux-arm64-musl@npm:15.1.6"
-  conditions: os=linux & cpu=arm64 & libc=musl
-  languageName: node
-  linkType: hard
-
 "@next/swc-linux-x64-gnu@npm:13.5.7":
   version: 13.5.7
   resolution: "@next/swc-linux-x64-gnu@npm:13.5.7"
@@ -8874,13 +8537,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-linux-x64-gnu@npm:15.1.6":
-  version: 15.1.6
-  resolution: "@next/swc-linux-x64-gnu@npm:15.1.6"
-  conditions: os=linux & cpu=x64 & libc=glibc
-  languageName: node
-  linkType: hard
-
 "@next/swc-linux-x64-musl@npm:13.5.7":
   version: 13.5.7
   resolution: "@next/swc-linux-x64-musl@npm:13.5.7"
@@ -8895,13 +8551,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-linux-x64-musl@npm:15.1.6":
-  version: 15.1.6
-  resolution: "@next/swc-linux-x64-musl@npm:15.1.6"
-  conditions: os=linux & cpu=x64 & libc=musl
-  languageName: node
-  linkType: hard
-
 "@next/swc-win32-arm64-msvc@npm:13.5.7":
   version: 13.5.7
   resolution: "@next/swc-win32-arm64-msvc@npm:13.5.7"
@@ -8916,13 +8565,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-win32-arm64-msvc@npm:15.1.6":
-  version: 15.1.6
-  resolution: "@next/swc-win32-arm64-msvc@npm:15.1.6"
-  conditions: os=win32 & cpu=arm64
-  languageName: node
-  linkType: hard
-
 "@next/swc-win32-ia32-msvc@npm:13.5.7":
   version: 13.5.7
   resolution: "@next/swc-win32-ia32-msvc@npm:13.5.7"
@@ -8951,13 +8593,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-win32-x64-msvc@npm:15.1.6":
-  version: 15.1.6
-  resolution: "@next/swc-win32-x64-msvc@npm:15.1.6"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@next/third-parties@npm:^14.2.5":
   version: 14.2.5
   resolution: "@next/third-parties@npm:14.2.5"
@@ -10969,6 +10604,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/number@npm:1.1.0":
+  version: 1.1.0
+  resolution: "@radix-ui/number@npm:1.1.0"
+  checksum: e4fc7483c19141c25dbaf3d140b75e2b7fed0bfa3ad969f4441f0266ed34b35413f57a35df7b025e2a977152bbe6131849d3444fc6f15a73345dfc2bfdc105fa
+  languageName: node
+  linkType: hard
+
 "@radix-ui/primitive@npm:0.1.0":
   version: 0.1.0
   resolution: "@radix-ui/primitive@npm:0.1.0"
@@ -11003,6 +10645,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/primitive@npm:1.1.1":
+  version: 1.1.1
+  resolution: "@radix-ui/primitive@npm:1.1.1"
+  checksum: d7e819177590108b74139809d52ec043c0962ae3513e947998be575fb13639c5c1c091896ddcf1d6a22a777d44ade59d22c2019ce9099607fc62a5de09c59707
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-arrow@npm:1.0.3":
   version: 1.0.3
   resolution: "@radix-ui/react-arrow@npm:1.0.3"
@@ -11138,6 +10787,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-collection@npm:1.1.1":
+  version: 1.1.1
+  resolution: "@radix-ui/react-collection@npm:1.1.1"
+  dependencies:
+    "@radix-ui/react-compose-refs": 1.1.1
+    "@radix-ui/react-context": 1.1.1
+    "@radix-ui/react-primitive": 2.0.1
+    "@radix-ui/react-slot": 1.1.1
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 413fbcb542ae5efefab05053a9cc3380586e7bc3d36427845a62749d90284986333e609066b952cc6ccd0a8ef49e8de773ea1cd294aecff3cdb1eb4047e97c2f
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-compose-refs@npm:0.1.0":
   version: 0.1.0
   resolution: "@radix-ui/react-compose-refs@npm:0.1.0"
@@ -11188,6 +10859,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-compose-refs@npm:1.1.1":
+  version: 1.1.1
+  resolution: "@radix-ui/react-compose-refs@npm:1.1.1"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 1be82f9f7fab96cc10f167a2e4f976e0135a63d473334f664c06f02af13bc5ea1994cb0505f89ed190d756cb65d57506721c030908af07e49b9e3cfd36044f33
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-context@npm:0.1.1":
   version: 0.1.1
   resolution: "@radix-ui/react-context@npm:0.1.1"
@@ -11238,6 +10922,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-context@npm:1.1.1":
+  version: 1.1.1
+  resolution: "@radix-ui/react-context@npm:1.1.1"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 9a04db236685dacc2f5ab2bdcfc4c82b974998e712ab97d79b11d5b4ef073d24aa9392398c876ef6cb3c59f40299285ceee3646187ad818cdad4fe1c74469d3f
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-dialog@npm:1.0.0":
   version: 1.0.0
   resolution: "@radix-ui/react-dialog@npm:1.0.0"
@@ -11312,6 +11009,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-direction@npm:1.1.0":
+  version: 1.1.0
+  resolution: "@radix-ui/react-direction@npm:1.1.0"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 25ad0d1d65ad08c93cebfbefdff9ef2602e53f4573a66b37d2c366ede9485e75ec6fc8e7dd7d2939b34ea5504ca0fe6ac4a3acc2f6ee9b62d131d65486eafd49
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-dismissable-layer@npm:0.1.5":
   version: 0.1.5
   resolution: "@radix-ui/react-dismissable-layer@npm:0.1.5"
@@ -11875,6 +11585,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-primitive@npm:2.0.1":
+  version: 2.0.1
+  resolution: "@radix-ui/react-primitive@npm:2.0.1"
+  dependencies:
+    "@radix-ui/react-slot": 1.1.1
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: d75882209101155f20babcff9475b887929db6473cd8e5b56d0c24d24d0042202e0fa785e6d6c6b322a96d9777cd0ef7610def9e11ea69839c6b204f1c99cf16
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-radio-group@npm:^1.0.0":
   version: 1.1.3
   resolution: "@radix-ui/react-radio-group@npm:1.1.3"
@@ -12052,6 +11781,35 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-slider@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "@radix-ui/react-slider@npm:1.2.2"
+  dependencies:
+    "@radix-ui/number": 1.1.0
+    "@radix-ui/primitive": 1.1.1
+    "@radix-ui/react-collection": 1.1.1
+    "@radix-ui/react-compose-refs": 1.1.1
+    "@radix-ui/react-context": 1.1.1
+    "@radix-ui/react-direction": 1.1.0
+    "@radix-ui/react-primitive": 2.0.1
+    "@radix-ui/react-use-controllable-state": 1.1.0
+    "@radix-ui/react-use-layout-effect": 1.1.0
+    "@radix-ui/react-use-previous": 1.1.0
+    "@radix-ui/react-use-size": 1.1.0
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 43acd22d5b0840092463ecd60a1c00db01d38330255b7e27d4ccd754379955ce7e6a305572a2691d34ea77df8904aa89030c5cb2596b0ddd54ceac5a62f916e5
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-slot@npm:0.1.2":
   version: 0.1.2
   resolution: "@radix-ui/react-slot@npm:0.1.2"
@@ -12107,6 +11865,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-slot@npm:1.1.1":
+  version: 1.1.1
+  resolution: "@radix-ui/react-slot@npm:1.1.1"
+  dependencies:
+    "@radix-ui/react-compose-refs": 1.1.1
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: ac391b921dcde1a71db8307247b36cd6908e0886d7a7b0babeb25158292bc29b61ccfb3f83279bfad11fe1f0f90e3e2f3de93b1174f36d107d77b073fe1a652a
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-switch@npm:^1.0.0":
   version: 1.0.3
   resolution: "@radix-ui/react-switch@npm:1.0.3"
@@ -13220,13 +12993,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rtsao/scc@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@rtsao/scc@npm:1.1.0"
-  checksum: 17d04adf404e04c1e61391ed97bca5117d4c2767a76ae3e879390d6dec7b317fcae68afbf9e98badee075d0b64fa60f287729c4942021b4d19cd01db77385c01
-  languageName: node
-  linkType: hard
-
 "@rushstack/eslint-patch@npm:^1.1.3":
   version: 1.1.3
   resolution: "@rushstack/eslint-patch@npm:1.1.3"
@@ -13234,13 +13000,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rushstack/eslint-patch@npm:^1.10.3":
-  version: 1.10.5
-  resolution: "@rushstack/eslint-patch@npm:1.10.5"
-  checksum: c7df90efeb77e4311f70549c1b0c41455e3a4f0c0cf2696e560d9a535f129d63ab84c98d0a3de95ed2d369d5281b541af819f99002bfd38e185e59c355b58d69
-  languageName: node
-  linkType: hard
-
 "@rushstack/eslint-patch@npm:^1.3.3":
   version: 1.7.2
   resolution: "@rushstack/eslint-patch@npm:1.7.2"
@@ -15597,13 +15356,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/counter@npm:0.1.3, @swc/counter@npm:^0.1.3":
-  version: 0.1.3
-  resolution: "@swc/counter@npm:0.1.3"
-  checksum: df8f9cfba9904d3d60f511664c70d23bb323b3a0803ec9890f60133954173047ba9bdeabce28cd70ba89ccd3fd6c71c7b0bd58be85f611e1ffbe5d5c18616598
-  languageName: node
-  linkType: hard
-
 "@swc/counter@npm:^0.1.1":
   version: 0.1.2
   resolution: "@swc/counter@npm:0.1.2"
@@ -15611,12 +15363,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/helpers@npm:0.5.15":
-  version: 0.5.15
-  resolution: "@swc/helpers@npm:0.5.15"
-  dependencies:
-    tslib: ^2.8.0
-  checksum: 1a9e0dbb792b2d1e0c914d69c201dbc96af3a0e6e6e8cf5a7f7d6a5d7b0e8b762915cd4447acb6b040e2ecc1ed49822875a7239f99a2d63c96c3c3407fb6fccf
+"@swc/counter@npm:^0.1.3":
+  version: 0.1.3
+  resolution: "@swc/counter@npm:0.1.3"
+  checksum: df8f9cfba9904d3d60f511664c70d23bb323b3a0803ec9890f60133954173047ba9bdeabce28cd70ba89ccd3fd6c71c7b0bd58be85f611e1ffbe5d5c18616598
   languageName: node
   linkType: hard
 
@@ -16440,13 +16190,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/estree@npm:^1.0.6":
-  version: 1.0.6
-  resolution: "@types/estree@npm:1.0.6"
-  checksum: 8825d6e729e16445d9a1dd2fb1db2edc5ed400799064cd4d028150701031af012ba30d6d03fe9df40f4d7a437d0de6d2b256020152b7b09bde9f2e420afdffd9
-  languageName: node
-  linkType: hard
-
 "@types/express-jwt@npm:0.0.42":
   version: 0.0.42
   resolution: "@types/express-jwt@npm:0.0.42"
@@ -16695,13 +16438,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/json-schema@npm:^7.0.15":
-  version: 7.0.15
-  resolution: "@types/json-schema@npm:7.0.15"
-  checksum: 97ed0cb44d4070aecea772b7b2e2ed971e10c81ec87dd4ecc160322ffa55ff330dace1793489540e3e318d90942064bb697cc0f8989391797792d919737b3b98
-  languageName: node
-  linkType: hard
-
 "@types/json5@npm:^0.0.29":
   version: 0.0.29
   resolution: "@types/json5@npm:0.0.29"
@@ -17459,27 +17195,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/eslint-plugin@npm:^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0":
-  version: 8.23.0
-  resolution: "@typescript-eslint/eslint-plugin@npm:8.23.0"
-  dependencies:
-    "@eslint-community/regexpp": ^4.10.0
-    "@typescript-eslint/scope-manager": 8.23.0
-    "@typescript-eslint/type-utils": 8.23.0
-    "@typescript-eslint/utils": 8.23.0
-    "@typescript-eslint/visitor-keys": 8.23.0
-    graphemer: ^1.4.0
-    ignore: ^5.3.1
-    natural-compare: ^1.4.0
-    ts-api-utils: ^2.0.1
-  peerDependencies:
-    "@typescript-eslint/parser": ^8.0.0 || ^8.0.0-alpha.0
-    eslint: ^8.57.0 || ^9.0.0
-    typescript: ">=4.8.4 <5.8.0"
-  checksum: b7dd9cbba9ff5094ce312b5757569cd3a29cdfaf26026282973ecf2c1b80314b660a54b4bf4e0faff7f9a69a093a14245552262feb297f739dbcc0e3d1784122
-  languageName: node
-  linkType: hard
-
 "@typescript-eslint/eslint-plugin@npm:^5.52.0":
   version: 5.52.0
   resolution: "@typescript-eslint/eslint-plugin@npm:5.52.0"
@@ -17522,22 +17237,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/parser@npm:^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0":
-  version: 8.23.0
-  resolution: "@typescript-eslint/parser@npm:8.23.0"
-  dependencies:
-    "@typescript-eslint/scope-manager": 8.23.0
-    "@typescript-eslint/types": 8.23.0
-    "@typescript-eslint/typescript-estree": 8.23.0
-    "@typescript-eslint/visitor-keys": 8.23.0
-    debug: ^4.3.4
-  peerDependencies:
-    eslint: ^8.57.0 || ^9.0.0
-    typescript: ">=4.8.4 <5.8.0"
-  checksum: 3a17e8c4f1c70d1153ad644e3148a022cefdb1fbc4dc6f085ed15b09d38f05056f4bcad9ff06255372b8d5309194a7697d581d0577873d67e3891230da4ac3df
-  languageName: node
-  linkType: hard
-
 "@typescript-eslint/parser@npm:^5.42.0":
   version: 5.48.0
   resolution: "@typescript-eslint/parser@npm:5.48.0"
@@ -17602,16 +17301,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/scope-manager@npm:8.23.0":
-  version: 8.23.0
-  resolution: "@typescript-eslint/scope-manager@npm:8.23.0"
-  dependencies:
-    "@typescript-eslint/types": 8.23.0
-    "@typescript-eslint/visitor-keys": 8.23.0
-  checksum: cb2772a1f4a973ebcd8130e90ef864a792e2f65170a97def5103f934b028420d5d1d6a689bdeda16dd07eb6c85c1e0e7ff4edddd4acccd63585d07bc5936af09
-  languageName: node
-  linkType: hard
-
 "@typescript-eslint/type-utils@npm:5.52.0":
   version: 5.52.0
   resolution: "@typescript-eslint/type-utils@npm:5.52.0"
@@ -17629,21 +17318,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/type-utils@npm:8.23.0":
-  version: 8.23.0
-  resolution: "@typescript-eslint/type-utils@npm:8.23.0"
-  dependencies:
-    "@typescript-eslint/typescript-estree": 8.23.0
-    "@typescript-eslint/utils": 8.23.0
-    debug: ^4.3.4
-    ts-api-utils: ^2.0.1
-  peerDependencies:
-    eslint: ^8.57.0 || ^9.0.0
-    typescript: ">=4.8.4 <5.8.0"
-  checksum: 523e333dd18da5587141a5f3c7d5eddee73a660379191366c1f7283ce68bf0c623a0603f50197892c27281bbe40f50283e57e552bcf03025132fbc4f70f2f705
-  languageName: node
-  linkType: hard
-
 "@typescript-eslint/types@npm:5.48.0":
   version: 5.48.0
   resolution: "@typescript-eslint/types@npm:5.48.0"
@@ -17672,13 +17346,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/types@npm:8.23.0":
-  version: 8.23.0
-  resolution: "@typescript-eslint/types@npm:8.23.0"
-  checksum: 6f3b0f57181b275d15be1134ca9b000da1314696cdb2641013dd92df5d5daac54af9832b8efe3374082404f154f0c5730fdb495bc8eadfd29aa62c1260b4cdc3
-  languageName: node
-  linkType: hard
-
 "@typescript-eslint/typescript-estree@npm:5.48.0":
   version: 5.48.0
   resolution: "@typescript-eslint/typescript-estree@npm:5.48.0"
@@ -17752,24 +17419,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/typescript-estree@npm:8.23.0":
-  version: 8.23.0
-  resolution: "@typescript-eslint/typescript-estree@npm:8.23.0"
-  dependencies:
-    "@typescript-eslint/types": 8.23.0
-    "@typescript-eslint/visitor-keys": 8.23.0
-    debug: ^4.3.4
-    fast-glob: ^3.3.2
-    is-glob: ^4.0.3
-    minimatch: ^9.0.4
-    semver: ^7.6.0
-    ts-api-utils: ^2.0.1
-  peerDependencies:
-    typescript: ">=4.8.4 <5.8.0"
-  checksum: 16ccabac2560f85c5e0c92e87ff6dcad46b8d82d691b3cce552e529c2d64b90a54e2f0ec50a74bc34085b27b8f1982ae63e53793b01cdd45fd06a087f3d6eef0
-  languageName: node
-  linkType: hard
-
 "@typescript-eslint/utils@npm:5.52.0, @typescript-eslint/utils@npm:^5.52.0":
   version: 5.52.0
   resolution: "@typescript-eslint/utils@npm:5.52.0"
@@ -17788,21 +17437,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/utils@npm:8.23.0":
-  version: 8.23.0
-  resolution: "@typescript-eslint/utils@npm:8.23.0"
-  dependencies:
-    "@eslint-community/eslint-utils": ^4.4.0
-    "@typescript-eslint/scope-manager": 8.23.0
-    "@typescript-eslint/types": 8.23.0
-    "@typescript-eslint/typescript-estree": 8.23.0
-  peerDependencies:
-    eslint: ^8.57.0 || ^9.0.0
-    typescript: ">=4.8.4 <5.8.0"
-  checksum: fba721abac60a67f34b8f8867619dc6bf624d4031599b6090109a17d8bc16e139d8192650d8c8da52769fd002fe967ca5a4a9f1150abed7761ed02a4f594f323
-  languageName: node
-  linkType: hard
-
 "@typescript-eslint/visitor-keys@npm:5.48.0":
   version: 5.48.0
   resolution: "@typescript-eslint/visitor-keys@npm:5.48.0"
@@ -17843,16 +17477,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/visitor-keys@npm:8.23.0":
-  version: 8.23.0
-  resolution: "@typescript-eslint/visitor-keys@npm:8.23.0"
-  dependencies:
-    "@typescript-eslint/types": 8.23.0
-    eslint-visitor-keys: ^4.2.0
-  checksum: 20196da5f22d01da9848146d28c6973ea5345aba02486cdb0fcfea6317135a05e9ebea1a8c35f4a0ef436f056f946e98a626ae6e729a0ea36c68e46c567ba85d
-  languageName: node
-  linkType: hard
-
 "@unkey/api@npm:^0.19.4":
   version: 0.19.4
   resolution: "@unkey/api@npm:0.19.4"
@@ -18658,15 +18282,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn@npm:^8.14.0":
-  version: 8.14.0
-  resolution: "acorn@npm:8.14.0"
-  bin:
-    acorn: bin/acorn
-  checksum: 8755074ba55fff94e84e81c72f1013c2d9c78e973c31231c8ae505a5f966859baf654bddd75046bffd73ce816b149298977fff5077a3033dedba0ae2aad152d4
-  languageName: node
-  linkType: hard
-
 "acorn@npm:^8.5.0":
   version: 8.7.1
   resolution: "acorn@npm:8.7.1"
@@ -19154,13 +18769,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"aria-query@npm:^5.3.2":
-  version: 5.3.2
-  resolution: "aria-query@npm:5.3.2"
-  checksum: d971175c85c10df0f6d14adfe6f1292409196114ab3c62f238e208b53103686f46cc70695a4f775b73bc65f6a09b6a092fd963c4f3a5a7d690c8fc5094925717
-  languageName: node
-  linkType: hard
-
 "arr-rotate@npm:^1.0.0":
   version: 1.0.0
   resolution: "arr-rotate@npm:1.0.0"
@@ -19188,16 +18796,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array-buffer-byte-length@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "array-buffer-byte-length@npm:1.0.2"
-  dependencies:
-    call-bound: ^1.0.3
-    is-array-buffer: ^3.0.5
-  checksum: 0ae3786195c3211b423e5be8dd93357870e6fb66357d81da968c2c39ef43583ef6eece1f9cb1caccdae4806739c65dea832b44b8593414313cd76a89795fca63
-  languageName: node
-  linkType: hard
-
 "array-flatten@npm:1.1.1":
   version: 1.1.1
   resolution: "array-flatten@npm:1.1.1"
@@ -19257,20 +18855,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array-includes@npm:^3.1.8":
-  version: 3.1.8
-  resolution: "array-includes@npm:3.1.8"
-  dependencies:
-    call-bind: ^1.0.7
-    define-properties: ^1.2.1
-    es-abstract: ^1.23.2
-    es-object-atoms: ^1.0.0
-    get-intrinsic: ^1.2.4
-    is-string: ^1.0.7
-  checksum: eb39ba5530f64e4d8acab39297c11c1c5be2a4ea188ab2b34aba5fb7224d918f77717a9d57a3e2900caaa8440e59431bdaf5c974d5212ef65d97f132e38e2d91
-  languageName: node
-  linkType: hard
-
 "array-timsort@npm:^1.0.3":
   version: 1.0.3
   resolution: "array-timsort@npm:1.0.3"
@@ -19311,20 +18895,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array.prototype.findlast@npm:^1.2.5":
-  version: 1.2.5
-  resolution: "array.prototype.findlast@npm:1.2.5"
-  dependencies:
-    call-bind: ^1.0.7
-    define-properties: ^1.2.1
-    es-abstract: ^1.23.2
-    es-errors: ^1.3.0
-    es-object-atoms: ^1.0.0
-    es-shim-unscopables: ^1.0.2
-  checksum: 83ce4ad95bae07f136d316f5a7c3a5b911ac3296c3476abe60225bc4a17938bf37541972fcc37dd5adbc99cbb9c928c70bbbfc1c1ce549d41a415144030bb446
-  languageName: node
-  linkType: hard
-
 "array.prototype.findlastindex@npm:^1.2.3":
   version: 1.2.4
   resolution: "array.prototype.findlastindex@npm:1.2.4"
@@ -19338,20 +18908,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array.prototype.findlastindex@npm:^1.2.5":
-  version: 1.2.5
-  resolution: "array.prototype.findlastindex@npm:1.2.5"
-  dependencies:
-    call-bind: ^1.0.7
-    define-properties: ^1.2.1
-    es-abstract: ^1.23.2
-    es-errors: ^1.3.0
-    es-object-atoms: ^1.0.0
-    es-shim-unscopables: ^1.0.2
-  checksum: 2c81cff2a75deb95bf1ed89b6f5f2bfbfb882211e3b7cc59c3d6b87df774cd9d6b36949a8ae39ac476e092c1d4a4905f5ee11a86a456abb10f35f8211ae4e710
-  languageName: node
-  linkType: hard
-
 "array.prototype.flat@npm:^1.2.3":
   version: 1.3.1
   resolution: "array.prototype.flat@npm:1.3.1"
@@ -19423,18 +18979,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array.prototype.flatmap@npm:^1.3.3":
-  version: 1.3.3
-  resolution: "array.prototype.flatmap@npm:1.3.3"
-  dependencies:
-    call-bind: ^1.0.8
-    define-properties: ^1.2.1
-    es-abstract: ^1.23.5
-    es-shim-unscopables: ^1.0.2
-  checksum: 11b4de09b1cf008be6031bb507d997ad6f1892e57dc9153583de6ebca0f74ea403fffe0f203461d359de05048d609f3f480d9b46fed4099652d8b62cc972f284
-  languageName: node
-  linkType: hard
-
 "array.prototype.map@npm:^1.0.5":
   version: 1.0.7
   resolution: "array.prototype.map@npm:1.0.7"
@@ -19487,19 +19031,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array.prototype.tosorted@npm:^1.1.4":
-  version: 1.1.4
-  resolution: "array.prototype.tosorted@npm:1.1.4"
-  dependencies:
-    call-bind: ^1.0.7
-    define-properties: ^1.2.1
-    es-abstract: ^1.23.3
-    es-errors: ^1.3.0
-    es-shim-unscopables: ^1.0.2
-  checksum: e4142d6f556bcbb4f393c02e7dbaea9af8f620c040450c2be137c9cbbd1a17f216b9c688c5f2c08fbb038ab83f55993fa6efdd9a05881d84693c7bcb5422127a
-  languageName: node
-  linkType: hard
-
 "arraybuffer.prototype.slice@npm:^1.0.2":
   version: 1.0.2
   resolution: "arraybuffer.prototype.slice@npm:1.0.2"
@@ -19531,21 +19062,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"arraybuffer.prototype.slice@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "arraybuffer.prototype.slice@npm:1.0.4"
-  dependencies:
-    array-buffer-byte-length: ^1.0.1
-    call-bind: ^1.0.8
-    define-properties: ^1.2.1
-    es-abstract: ^1.23.5
-    es-errors: ^1.3.0
-    get-intrinsic: ^1.2.6
-    is-array-buffer: ^3.0.4
-  checksum: b1d1fd20be4e972a3779b1569226f6740170dca10f07aa4421d42cefeec61391e79c557cda8e771f5baefe47d878178cd4438f60916ce831813c08132bced765
-  languageName: node
-  linkType: hard
-
 "arrify@npm:^1.0.1":
   version: 1.0.1
   resolution: "arrify@npm:1.0.1"
@@ -19838,13 +19354,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"axe-core@npm:^4.10.0":
-  version: 4.10.2
-  resolution: "axe-core@npm:4.10.2"
-  checksum: 2b9b1c93ea73ea9f206604e4e17bd771d2d835f077bde54517d73028b8865c69b209460e73d5b109968cbdb39ab3d28943efa5695189bd79e16421ce1706719e
-  languageName: node
-  linkType: hard
-
 "axe-core@npm:^4.3.5":
   version: 4.4.1
   resolution: "axe-core@npm:4.4.1"
@@ -19960,13 +19469,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"axobject-query@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "axobject-query@npm:4.1.0"
-  checksum: 7d1e87bf0aa7ae7a76cd39ab627b7c48fda3dc40181303d9adce4ba1d5b5ce73b5e5403ee6626ec8e91090448c887294d6144e24b6741a976f5be9347e3ae1df
-  languageName: node
-  linkType: hard
-
 "b4a@npm:^1.6.4":
   version: 1.6.4
   resolution: "b4a@npm:1.6.4"
@@ -20457,15 +19959,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"braces@npm:^3.0.3":
-  version: 3.0.3
-  resolution: "braces@npm:3.0.3"
-  dependencies:
-    fill-range: ^7.1.1
-  checksum: b95aa0b3bd909f6cd1720ffcf031aeaf46154dd88b4da01f9a1d3f7ea866a79eba76a6d01cbc3c422b2ee5cdc39a4f02491058d5df0d7bf6e6a162a832df1f69
-  languageName: node
-  linkType: hard
-
 "breakword@npm:^1.0.5":
   version: 1.0.5
   resolution: "breakword@npm:1.0.5"
@@ -20965,16 +20458,6 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"call-bind-apply-helpers@npm:^1.0.0, call-bind-apply-helpers@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "call-bind-apply-helpers@npm:1.0.1"
-  dependencies:
-    es-errors: ^1.3.0
-    function-bind: ^1.1.2
-  checksum: 3c55343261bb387c58a4762d15ad9d42053659a62681ec5eb50690c6b52a4a666302a01d557133ce6533e8bd04530ee3b209f23dd06c9577a1925556f8fcccdf
-  languageName: node
-  linkType: hard
-
 "call-bind@npm:^1.0.0, call-bind@npm:^1.0.2":
   version: 1.0.2
   resolution: "call-bind@npm:1.0.2"
@@ -21009,28 +20492,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"call-bind@npm:^1.0.8":
-  version: 1.0.8
-  resolution: "call-bind@npm:1.0.8"
-  dependencies:
-    call-bind-apply-helpers: ^1.0.0
-    es-define-property: ^1.0.0
-    get-intrinsic: ^1.2.4
-    set-function-length: ^1.2.2
-  checksum: aa2899bce917a5392fd73bd32e71799c37c0b7ab454e0ed13af7f6727549091182aade8bbb7b55f304a5bc436d543241c14090fb8a3137e9875e23f444f4f5a9
-  languageName: node
-  linkType: hard
-
-"call-bound@npm:^1.0.2, call-bound@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "call-bound@npm:1.0.3"
-  dependencies:
-    call-bind-apply-helpers: ^1.0.1
-    get-intrinsic: ^1.2.6
-  checksum: a93bbe0f2d0a2d6c144a4349ccd0593d5d0d5d9309b69101710644af8964286420062f2cc3114dca120b9bc8cc07507952d4b1b3ea7672e0d7f6f1675efedb32
-  languageName: node
-  linkType: hard
-
 "call-me-maybe@npm:^1.0.1":
   version: 1.0.1
   resolution: "call-me-maybe@npm:1.0.1"
@@ -21139,13 +20600,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"caniuse-lite@npm:^1.0.30001579":
-  version: 1.0.30001696
-  resolution: "caniuse-lite@npm:1.0.30001696"
-  checksum: 079be180f364b63fb85415fa3948d1e9646aa655f8678a827e9b533712e14d727c2983397603ce7107b995226f6590d96bf26ef2032e756ef6ee09898feee5f9
-  languageName: node
-  linkType: hard
-
 "caniuse-lite@npm:^1.0.30001587, caniuse-lite@npm:^1.0.30001591":
   version: 1.0.30001597
   resolution: "caniuse-lite@npm:1.0.30001597"
@@ -22751,17 +22205,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cross-spawn@npm:^7.0.6":
-  version: 7.0.6
-  resolution: "cross-spawn@npm:7.0.6"
-  dependencies:
-    path-key: ^3.1.0
-    shebang-command: ^2.0.0
-    which: ^2.0.1
-  checksum: 8d306efacaf6f3f60e0224c287664093fa9185680b2d195852ba9a863f85d02dcc737094c6e512175f8ee0161f9b87c73c6826034c2422e39de7d6569cf4503b
-  languageName: node
-  linkType: hard
-
 "crypt@npm:0.0.2":
   version: 0.0.2
   resolution: "crypt@npm:0.0.2"
@@ -23212,17 +22655,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"data-view-buffer@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "data-view-buffer@npm:1.0.2"
-  dependencies:
-    call-bound: ^1.0.3
-    es-errors: ^1.3.0
-    is-data-view: ^1.0.2
-  checksum: 1e1cd509c3037ac0f8ba320da3d1f8bf1a9f09b0be09394b5e40781b8cc15ff9834967ba7c9f843a425b34f9fe14ce44cf055af6662c44263424c1eb8d65659b
-  languageName: node
-  linkType: hard
-
 "data-view-byte-length@npm:^1.0.0, data-view-byte-length@npm:^1.0.1":
   version: 1.0.1
   resolution: "data-view-byte-length@npm:1.0.1"
@@ -23234,17 +22666,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"data-view-byte-length@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "data-view-byte-length@npm:1.0.2"
-  dependencies:
-    call-bound: ^1.0.3
-    es-errors: ^1.3.0
-    is-data-view: ^1.0.2
-  checksum: 3600c91ced1cfa935f19ef2abae11029e01738de8d229354d3b2a172bf0d7e4ed08ff8f53294b715569fdf72dfeaa96aa7652f479c0f60570878d88e7e8bddf6
-  languageName: node
-  linkType: hard
-
 "data-view-byte-offset@npm:^1.0.0":
   version: 1.0.0
   resolution: "data-view-byte-offset@npm:1.0.0"
@@ -23256,17 +22677,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"data-view-byte-offset@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "data-view-byte-offset@npm:1.0.1"
-  dependencies:
-    call-bound: ^1.0.2
-    es-errors: ^1.3.0
-    is-data-view: ^1.0.1
-  checksum: 8dd492cd51d19970876626b5b5169fbb67ca31ec1d1d3238ee6a71820ca8b80cafb141c485999db1ee1ef02f2cc3b99424c5eda8d59e852d9ebb79ab290eb5ee
-  languageName: node
-  linkType: hard
-
 "date-fns@npm:^2.28.0":
   version: 2.29.3
   resolution: "date-fns@npm:2.29.3"
@@ -23739,7 +23149,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"detect-libc@npm:^2.0.1, detect-libc@npm:^2.0.3":
+"detect-libc@npm:^2.0.1":
   version: 2.0.3
   resolution: "detect-libc@npm:2.0.3"
   checksum: 2ba6a939ae55f189aea996ac67afceb650413c7a34726ee92c40fb0deb2400d57ef94631a8a3f052055eea7efb0f99a9b5e6ce923415daa3e68221f963cfc27d
@@ -24163,17 +23573,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dunder-proto@npm:^1.0.0, dunder-proto@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "dunder-proto@npm:1.0.1"
-  dependencies:
-    call-bind-apply-helpers: ^1.0.1
-    es-errors: ^1.3.0
-    gopd: ^1.2.0
-  checksum: 149207e36f07bd4941921b0ca929e3a28f1da7bd6b6ff8ff7f4e2f2e460675af4576eeba359c635723dc189b64cdd4787e0255897d5b135ccc5d15cb8685fc90
-  languageName: node
-  linkType: hard
-
 "duplexer@npm:^0.1.1, duplexer@npm:^0.1.2, duplexer@npm:~0.1.1":
   version: 0.1.2
   resolution: "duplexer@npm:0.1.2"
@@ -24541,65 +23940,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-abstract@npm:^1.17.5, es-abstract@npm:^1.23.3, es-abstract@npm:^1.23.5, es-abstract@npm:^1.23.6, es-abstract@npm:^1.23.9":
-  version: 1.23.9
-  resolution: "es-abstract@npm:1.23.9"
-  dependencies:
-    array-buffer-byte-length: ^1.0.2
-    arraybuffer.prototype.slice: ^1.0.4
-    available-typed-arrays: ^1.0.7
-    call-bind: ^1.0.8
-    call-bound: ^1.0.3
-    data-view-buffer: ^1.0.2
-    data-view-byte-length: ^1.0.2
-    data-view-byte-offset: ^1.0.1
-    es-define-property: ^1.0.1
-    es-errors: ^1.3.0
-    es-object-atoms: ^1.0.0
-    es-set-tostringtag: ^2.1.0
-    es-to-primitive: ^1.3.0
-    function.prototype.name: ^1.1.8
-    get-intrinsic: ^1.2.7
-    get-proto: ^1.0.0
-    get-symbol-description: ^1.1.0
-    globalthis: ^1.0.4
-    gopd: ^1.2.0
-    has-property-descriptors: ^1.0.2
-    has-proto: ^1.2.0
-    has-symbols: ^1.1.0
-    hasown: ^2.0.2
-    internal-slot: ^1.1.0
-    is-array-buffer: ^3.0.5
-    is-callable: ^1.2.7
-    is-data-view: ^1.0.2
-    is-regex: ^1.2.1
-    is-shared-array-buffer: ^1.0.4
-    is-string: ^1.1.1
-    is-typed-array: ^1.1.15
-    is-weakref: ^1.1.0
-    math-intrinsics: ^1.1.0
-    object-inspect: ^1.13.3
-    object-keys: ^1.1.1
-    object.assign: ^4.1.7
-    own-keys: ^1.0.1
-    regexp.prototype.flags: ^1.5.3
-    safe-array-concat: ^1.1.3
-    safe-push-apply: ^1.0.0
-    safe-regex-test: ^1.1.0
-    set-proto: ^1.0.0
-    string.prototype.trim: ^1.2.10
-    string.prototype.trimend: ^1.0.9
-    string.prototype.trimstart: ^1.0.8
-    typed-array-buffer: ^1.0.3
-    typed-array-byte-length: ^1.0.3
-    typed-array-byte-offset: ^1.0.4
-    typed-array-length: ^1.0.7
-    unbox-primitive: ^1.1.0
-    which-typed-array: ^1.1.18
-  checksum: f3ee2614159ca197f97414ab36e3f406ee748ce2f97ffbf09e420726db5a442ce13f1e574601468bff6e6eb81588e6c9ce1ac6c03868a37c7cd48ac679f8485a
-  languageName: node
-  linkType: hard
-
 "es-abstract@npm:^1.19.0, es-abstract@npm:^1.19.1":
   version: 1.19.2
   resolution: "es-abstract@npm:1.19.2"
@@ -24877,13 +24217,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-define-property@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "es-define-property@npm:1.0.1"
-  checksum: 0512f4e5d564021c9e3a644437b0155af2679d10d80f21adaf868e64d30efdfbd321631956f20f42d655fedb2e3a027da479fad3fa6048f768eb453a80a5f80a
-  languageName: node
-  linkType: hard
-
 "es-errors@npm:^1.0.0, es-errors@npm:^1.1.0, es-errors@npm:^1.2.1, es-errors@npm:^1.3.0":
   version: 1.3.0
   resolution: "es-errors@npm:1.3.0"
@@ -24931,30 +24264,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-iterator-helpers@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "es-iterator-helpers@npm:1.2.1"
-  dependencies:
-    call-bind: ^1.0.8
-    call-bound: ^1.0.3
-    define-properties: ^1.2.1
-    es-abstract: ^1.23.6
-    es-errors: ^1.3.0
-    es-set-tostringtag: ^2.0.3
-    function-bind: ^1.1.2
-    get-intrinsic: ^1.2.6
-    globalthis: ^1.0.4
-    gopd: ^1.2.0
-    has-property-descriptors: ^1.0.2
-    has-proto: ^1.2.0
-    has-symbols: ^1.1.0
-    internal-slot: ^1.1.0
-    iterator.prototype: ^1.1.4
-    safe-array-concat: ^1.1.3
-  checksum: 952808dd1df3643d67ec7adf20c30b36e5eecadfbf36354e6f39ed3266c8e0acf3446ce9bc465e38723d613cb1d915c1c07c140df65bdce85da012a6e7bda62b
-  languageName: node
-  linkType: hard
-
 "es-module-lexer@npm:^1.2.1, es-module-lexer@npm:^1.4.1":
   version: 1.4.1
   resolution: "es-module-lexer@npm:1.4.1"
@@ -25000,18 +24309,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-set-tostringtag@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "es-set-tostringtag@npm:2.1.0"
-  dependencies:
-    es-errors: ^1.3.0
-    get-intrinsic: ^1.2.6
-    has-tostringtag: ^1.0.2
-    hasown: ^2.0.2
-  checksum: 789f35de4be3dc8d11fdcb91bc26af4ae3e6d602caa93299a8c45cf05d36cc5081454ae2a6d3afa09cceca214b76c046e4f8151e092e6fc7feeb5efb9e794fc6
-  languageName: node
-  linkType: hard
-
 "es-shim-unscopables@npm:^1.0.0":
   version: 1.0.0
   resolution: "es-shim-unscopables@npm:1.0.0"
@@ -25041,17 +24338,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-to-primitive@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "es-to-primitive@npm:1.3.0"
-  dependencies:
-    is-callable: ^1.2.7
-    is-date-object: ^1.0.5
-    is-symbol: ^1.0.4
-  checksum: 966965880356486cd4d1fe9a523deda2084c81b3702d951212c098f5f2ee93605d1b7c1840062efb48a07d892641c7ed1bc194db563645c0dd2b919cb6d65b93
-  languageName: node
-  linkType: hard
-
 "es6-promise@npm:^4.2.4":
   version: 4.2.8
   resolution: "es6-promise@npm:4.2.8"
@@ -25401,30 +24687,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-config-next@npm:15.1.6":
-  version: 15.1.6
-  resolution: "eslint-config-next@npm:15.1.6"
-  dependencies:
-    "@next/eslint-plugin-next": 15.1.6
-    "@rushstack/eslint-patch": ^1.10.3
-    "@typescript-eslint/eslint-plugin": ^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0
-    "@typescript-eslint/parser": ^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0
-    eslint-import-resolver-node: ^0.3.6
-    eslint-import-resolver-typescript: ^3.5.2
-    eslint-plugin-import: ^2.31.0
-    eslint-plugin-jsx-a11y: ^6.10.0
-    eslint-plugin-react: ^7.37.0
-    eslint-plugin-react-hooks: ^5.0.0
-  peerDependencies:
-    eslint: ^7.23.0 || ^8.0.0 || ^9.0.0
-    typescript: ">=3.3.1"
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: 6f3d3fa46c5a52b75ced00d332cce9224fb16c7a79a65402cfed23f0a9690729603fb10fadd9f7adaa261ebf9c25867c1f94f8375334c7f6cfac5d8d4c615ec0
-  languageName: node
-  linkType: hard
-
 "eslint-config-next@npm:^13.2.1":
   version: 13.2.1
   resolution: "eslint-config-next@npm:13.2.1"
@@ -25509,18 +24771,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-module-utils@npm:^2.12.0":
-  version: 2.12.0
-  resolution: "eslint-module-utils@npm:2.12.0"
-  dependencies:
-    debug: ^3.2.7
-  peerDependenciesMeta:
-    eslint:
-      optional: true
-  checksum: be3ac52e0971c6f46daeb1a7e760e45c7c45f820c8cc211799f85f10f04ccbf7afc17039165d56cb2da7f7ca9cec2b3a777013cddf0b976784b37eb9efa24180
-  languageName: node
-  linkType: hard
-
 "eslint-module-utils@npm:^2.7.3":
   version: 2.7.3
   resolution: "eslint-module-utils@npm:2.7.3"
@@ -25593,60 +24843,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-import@npm:^2.31.0":
-  version: 2.31.0
-  resolution: "eslint-plugin-import@npm:2.31.0"
-  dependencies:
-    "@rtsao/scc": ^1.1.0
-    array-includes: ^3.1.8
-    array.prototype.findlastindex: ^1.2.5
-    array.prototype.flat: ^1.3.2
-    array.prototype.flatmap: ^1.3.2
-    debug: ^3.2.7
-    doctrine: ^2.1.0
-    eslint-import-resolver-node: ^0.3.9
-    eslint-module-utils: ^2.12.0
-    hasown: ^2.0.2
-    is-core-module: ^2.15.1
-    is-glob: ^4.0.3
-    minimatch: ^3.1.2
-    object.fromentries: ^2.0.8
-    object.groupby: ^1.0.3
-    object.values: ^1.2.0
-    semver: ^6.3.1
-    string.prototype.trimend: ^1.0.8
-    tsconfig-paths: ^3.15.0
-  peerDependencies:
-    eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9
-  checksum: b1d2ac268b3582ff1af2a72a2c476eae4d250c100f2e335b6e102036e4a35efa530b80ec578dfc36761fabb34a635b9bf5ab071abe9d4404a4bb054fdf22d415
-  languageName: node
-  linkType: hard
-
-"eslint-plugin-jsx-a11y@npm:^6.10.0":
-  version: 6.10.2
-  resolution: "eslint-plugin-jsx-a11y@npm:6.10.2"
-  dependencies:
-    aria-query: ^5.3.2
-    array-includes: ^3.1.8
-    array.prototype.flatmap: ^1.3.2
-    ast-types-flow: ^0.0.8
-    axe-core: ^4.10.0
-    axobject-query: ^4.1.0
-    damerau-levenshtein: ^1.0.8
-    emoji-regex: ^9.2.2
-    hasown: ^2.0.2
-    jsx-ast-utils: ^3.3.5
-    language-tags: ^1.0.9
-    minimatch: ^3.1.2
-    object.fromentries: ^2.0.8
-    safe-regex-test: ^1.0.3
-    string.prototype.includes: ^2.0.1
-  peerDependencies:
-    eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9
-  checksum: 0cc861398fa26ada61ed5703eef5b335495fcb96253263dcd5e399488ff019a2636372021baacc040e3560d1a34bfcd5d5ad9f1754f44cd0509c956f7df94050
-  languageName: node
-  linkType: hard
-
 "eslint-plugin-jsx-a11y@npm:^6.5.1":
   version: 6.5.1
   resolution: "eslint-plugin-jsx-a11y@npm:6.5.1"
@@ -25750,15 +24946,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-react-hooks@npm:^5.0.0":
-  version: 5.1.0
-  resolution: "eslint-plugin-react-hooks@npm:5.1.0"
-  peerDependencies:
-    eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
-  checksum: 14d2692214ea15b19ef330a9abf51cb8c1586339d9e758ebd61b182be68dd772af56462b04e4b9d2be923d72f46db61e8d32fcf37c248b04949c0b02f5bfb3c0
-  languageName: node
-  linkType: hard
-
 "eslint-plugin-react@npm:^7.30.1":
   version: 7.30.1
   resolution: "eslint-plugin-react@npm:7.30.1"
@@ -25836,34 +25023,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-react@npm:^7.37.0":
-  version: 7.37.4
-  resolution: "eslint-plugin-react@npm:7.37.4"
-  dependencies:
-    array-includes: ^3.1.8
-    array.prototype.findlast: ^1.2.5
-    array.prototype.flatmap: ^1.3.3
-    array.prototype.tosorted: ^1.1.4
-    doctrine: ^2.1.0
-    es-iterator-helpers: ^1.2.1
-    estraverse: ^5.3.0
-    hasown: ^2.0.2
-    jsx-ast-utils: ^2.4.1 || ^3.0.0
-    minimatch: ^3.1.2
-    object.entries: ^1.1.8
-    object.fromentries: ^2.0.8
-    object.values: ^1.2.1
-    prop-types: ^15.8.1
-    resolve: ^2.0.0-next.5
-    semver: ^6.3.1
-    string.prototype.matchall: ^4.0.12
-    string.prototype.repeat: ^1.0.0
-  peerDependencies:
-    eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
-  checksum: 8a37bdc9b347bf3a1273fef73dfbc39279cc3e58441940a5e13b3ba4e82b34132d1d1172db9d6746f153ee981280bd6bd06a9065fb453388c68f4bebe0d9f839
-  languageName: node
-  linkType: hard
-
 "eslint-plugin-turbo@npm:0.0.7":
   version: 0.0.7
   resolution: "eslint-plugin-turbo@npm:0.0.7"
@@ -25924,16 +25083,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-scope@npm:^8.2.0":
-  version: 8.2.0
-  resolution: "eslint-scope@npm:8.2.0"
-  dependencies:
-    esrecurse: ^4.3.0
-    estraverse: ^5.2.0
-  checksum: 750eff4672ca2bf274ec0d1bbeae08aadd53c1907d5c6aff5564d8e047a5f49afa8ae6eee333cab637fd3ebcab2141659d8f2f040f6fdc982b0f61f8bf03136f
-  languageName: node
-  linkType: hard
-
 "eslint-utils@npm:^3.0.0":
   version: 3.0.0
   resolution: "eslint-utils@npm:3.0.0"
@@ -25959,20 +25108,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-visitor-keys@npm:^3.4.1, eslint-visitor-keys@npm:^3.4.3":
+"eslint-visitor-keys@npm:^3.4.1":
   version: 3.4.3
   resolution: "eslint-visitor-keys@npm:3.4.3"
   checksum: 36e9ef87fca698b6fd7ca5ca35d7b2b6eeaaf106572e2f7fd31c12d3bfdaccdb587bba6d3621067e5aece31c8c3a348b93922ab8f7b2cbc6aaab5e1d89040c60
   languageName: node
   linkType: hard
 
-"eslint-visitor-keys@npm:^4.2.0":
-  version: 4.2.0
-  resolution: "eslint-visitor-keys@npm:4.2.0"
-  checksum: 779c604672b570bb4da84cef32f6abb085ac78379779c1122d7879eade8bb38ae715645324597cf23232d03cef06032c9844d25c73625bc282a5bfd30247e5b5
-  languageName: node
-  linkType: hard
-
 "eslint@npm:^8.34.0":
   version: 8.34.0
   resolution: "eslint@npm:8.34.0"
@@ -26022,55 +25164,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint@npm:^9":
-  version: 9.19.0
-  resolution: "eslint@npm:9.19.0"
-  dependencies:
-    "@eslint-community/eslint-utils": ^4.2.0
-    "@eslint-community/regexpp": ^4.12.1
-    "@eslint/config-array": ^0.19.0
-    "@eslint/core": ^0.10.0
-    "@eslint/eslintrc": ^3.2.0
-    "@eslint/js": 9.19.0
-    "@eslint/plugin-kit": ^0.2.5
-    "@humanfs/node": ^0.16.6
-    "@humanwhocodes/module-importer": ^1.0.1
-    "@humanwhocodes/retry": ^0.4.1
-    "@types/estree": ^1.0.6
-    "@types/json-schema": ^7.0.15
-    ajv: ^6.12.4
-    chalk: ^4.0.0
-    cross-spawn: ^7.0.6
-    debug: ^4.3.2
-    escape-string-regexp: ^4.0.0
-    eslint-scope: ^8.2.0
-    eslint-visitor-keys: ^4.2.0
-    espree: ^10.3.0
-    esquery: ^1.5.0
-    esutils: ^2.0.2
-    fast-deep-equal: ^3.1.3
-    file-entry-cache: ^8.0.0
-    find-up: ^5.0.0
-    glob-parent: ^6.0.2
-    ignore: ^5.2.0
-    imurmurhash: ^0.1.4
-    is-glob: ^4.0.0
-    json-stable-stringify-without-jsonify: ^1.0.1
-    lodash.merge: ^4.6.2
-    minimatch: ^3.1.2
-    natural-compare: ^1.4.0
-    optionator: ^0.9.3
-  peerDependencies:
-    jiti: "*"
-  peerDependenciesMeta:
-    jiti:
-      optional: true
-  bin:
-    eslint: bin/eslint.js
-  checksum: 173c77ac3fd8fa69a9367c457f8048088450911f6f927b189bcc2fd1dcca71422346952cdb7217948d692f67b3e36238f5264717187e83a1cdbd1b37b89e3877
-  languageName: node
-  linkType: hard
-
 "esm@npm:^3.2.25":
   version: 3.2.25
   resolution: "esm@npm:3.2.25"
@@ -26078,17 +25171,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"espree@npm:^10.0.1, espree@npm:^10.3.0":
-  version: 10.3.0
-  resolution: "espree@npm:10.3.0"
-  dependencies:
-    acorn: ^8.14.0
-    acorn-jsx: ^5.3.2
-    eslint-visitor-keys: ^4.2.0
-  checksum: 63e8030ff5a98cea7f8b3e3a1487c998665e28d674af08b9b3100ed991670eb3cbb0e308c4548c79e03762753838fbe530c783f17309450d6b47a889fee72bef
-  languageName: node
-  linkType: hard
-
 "espree@npm:^9.4.0":
   version: 9.4.1
   resolution: "espree@npm:9.4.1"
@@ -26119,15 +25201,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"esquery@npm:^1.5.0":
-  version: 1.6.0
-  resolution: "esquery@npm:1.6.0"
-  dependencies:
-    estraverse: ^5.1.0
-  checksum: 08ec4fe446d9ab27186da274d979558557fbdbbd10968fa9758552482720c54152a5640e08b9009e5a30706b66aba510692054d4129d32d0e12e05bbc0b96fb2
-  languageName: node
-  linkType: hard
-
 "esrecurse@npm:^4.3.0":
   version: 4.3.0
   resolution: "esrecurse@npm:4.3.0"
@@ -26514,19 +25587,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-glob@npm:3.3.1":
-  version: 3.3.1
-  resolution: "fast-glob@npm:3.3.1"
-  dependencies:
-    "@nodelib/fs.stat": ^2.0.2
-    "@nodelib/fs.walk": ^1.2.3
-    glob-parent: ^5.1.2
-    merge2: ^1.3.0
-    micromatch: ^4.0.4
-  checksum: b6f3add6403e02cf3a798bfbb1183d0f6da2afd368f27456010c0bc1f9640aea308243d4cb2c0ab142f618276e65ecb8be1661d7c62a7b4e5ba774b9ce5432e5
-  languageName: node
-  linkType: hard
-
 "fast-glob@npm:^3.2.11, fast-glob@npm:^3.2.7, fast-glob@npm:^3.2.9":
   version: 3.2.11
   resolution: "fast-glob@npm:3.2.11"
@@ -26862,15 +25922,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"file-entry-cache@npm:^8.0.0":
-  version: 8.0.0
-  resolution: "file-entry-cache@npm:8.0.0"
-  dependencies:
-    flat-cache: ^4.0.0
-  checksum: f67802d3334809048c69b3d458f672e1b6d26daefda701761c81f203b80149c35dea04d78ea4238969dd617678e530876722a0634c43031a0957f10cc3ed190f
-  languageName: node
-  linkType: hard
-
 "file-system-cache@npm:2.3.0":
   version: 2.3.0
   resolution: "file-system-cache@npm:2.3.0"
@@ -26913,15 +25964,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fill-range@npm:^7.1.1":
-  version: 7.1.1
-  resolution: "fill-range@npm:7.1.1"
-  dependencies:
-    to-regex-range: ^5.0.1
-  checksum: b4abfbca3839a3d55e4ae5ec62e131e2e356bf4859ce8480c64c4876100f4df292a63e5bb1618e1d7460282ca2b305653064f01654474aa35c68000980f17798
-  languageName: node
-  linkType: hard
-
 "filter-obj@npm:^2.0.2":
   version: 2.0.2
   resolution: "filter-obj@npm:2.0.2"
@@ -27066,16 +26108,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"flat-cache@npm:^4.0.0":
-  version: 4.0.1
-  resolution: "flat-cache@npm:4.0.1"
-  dependencies:
-    flatted: ^3.2.9
-    keyv: ^4.5.4
-  checksum: 899fc86bf6df093547d76e7bfaeb900824b869d7d457d02e9b8aae24836f0a99fbad79328cfd6415ee8908f180699bf259dc7614f793447cb14f707caf5996f6
-  languageName: node
-  linkType: hard
-
 "flatted@npm:^3.1.0":
   version: 3.2.5
   resolution: "flatted@npm:3.2.5"
@@ -27083,13 +26115,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"flatted@npm:^3.2.9":
-  version: 3.3.2
-  resolution: "flatted@npm:3.3.2"
-  checksum: ac3c159742e01d0e860a861164bcfd35bb567ccbebb8a0dd041e61cf3c64a435b917dd1e7ed1c380c2ebca85735fb16644485ec33665bc6aafc3b316aa1eed44
-  languageName: node
-  linkType: hard
-
 "flatted@npm:^3.3.1":
   version: 3.3.1
   resolution: "flatted@npm:3.3.1"
@@ -27648,20 +26673,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"function.prototype.name@npm:^1.1.8":
-  version: 1.1.8
-  resolution: "function.prototype.name@npm:1.1.8"
-  dependencies:
-    call-bind: ^1.0.8
-    call-bound: ^1.0.3
-    define-properties: ^1.2.1
-    functions-have-names: ^1.2.3
-    hasown: ^2.0.2
-    is-callable: ^1.2.7
-  checksum: 3a366535dc08b25f40a322efefa83b2da3cd0f6da41db7775f2339679120ef63b6c7e967266182609e655b8f0a8f65596ed21c7fd72ad8bd5621c2340edd4010
-  languageName: node
-  linkType: hard
-
 "functions-have-names@npm:^1.2.2, functions-have-names@npm:^1.2.3":
   version: 1.2.3
   resolution: "functions-have-names@npm:1.2.3"
@@ -27830,24 +26841,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-intrinsic@npm:^1.2.5, get-intrinsic@npm:^1.2.6, get-intrinsic@npm:^1.2.7":
-  version: 1.2.7
-  resolution: "get-intrinsic@npm:1.2.7"
-  dependencies:
-    call-bind-apply-helpers: ^1.0.1
-    es-define-property: ^1.0.1
-    es-errors: ^1.3.0
-    es-object-atoms: ^1.0.0
-    function-bind: ^1.1.2
-    get-proto: ^1.0.0
-    gopd: ^1.2.0
-    has-symbols: ^1.1.0
-    hasown: ^2.0.2
-    math-intrinsics: ^1.1.0
-  checksum: a1597b3b432074f805b6a0ba1182130dd6517c0ea0c4eecc4b8834c803913e1ea62dfc412865be795b3dacb1555a21775b70cf9af7a18b1454ff3414e5442d4a
-  languageName: node
-  linkType: hard
-
 "get-nonce@npm:^1.0.0":
   version: 1.0.1
   resolution: "get-nonce@npm:1.0.1"
@@ -27883,16 +26876,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-proto@npm:^1.0.0, get-proto@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "get-proto@npm:1.0.1"
-  dependencies:
-    dunder-proto: ^1.0.1
-    es-object-atoms: ^1.0.0
-  checksum: 4fc96afdb58ced9a67558698b91433e6b037aaa6f1493af77498d7c85b141382cf223c0e5946f334fb328ee85dfe6edd06d218eaf09556f4bc4ec6005d7f5f7b
-  languageName: node
-  linkType: hard
-
 "get-stream@npm:^6.0.0, get-stream@npm:^6.0.1":
   version: 6.0.1
   resolution: "get-stream@npm:6.0.1"
@@ -27938,17 +26921,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-symbol-description@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "get-symbol-description@npm:1.1.0"
-  dependencies:
-    call-bound: ^1.0.3
-    es-errors: ^1.3.0
-    get-intrinsic: ^1.2.6
-  checksum: 655ed04db48ee65ef2ddbe096540d4405e79ba0a7f54225775fef43a7e2afcb93a77d141c5f05fdef0afce2eb93bcbfb3597142189d562ac167ff183582683cd
-  languageName: node
-  linkType: hard
-
 "get-tsconfig@npm:^4.2.0":
   version: 4.3.0
   resolution: "get-tsconfig@npm:4.3.0"
@@ -28240,13 +27212,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"globals@npm:^14.0.0":
-  version: 14.0.0
-  resolution: "globals@npm:14.0.0"
-  checksum: 534b8216736a5425737f59f6e6a5c7f386254560c9f41d24a9227d60ee3ad4a9e82c5b85def0e212e9d92162f83a92544be4c7fd4c902cb913736c10e08237ac
-  languageName: node
-  linkType: hard
-
 "globalthis@npm:^1.0.3":
   version: 1.0.3
   resolution: "globalthis@npm:1.0.3"
@@ -28256,16 +27221,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"globalthis@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "globalthis@npm:1.0.4"
-  dependencies:
-    define-properties: ^1.2.1
-    gopd: ^1.0.1
-  checksum: 39ad667ad9f01476474633a1834a70842041f70a55571e8dcef5fb957980a92da5022db5430fca8aecc5d47704ae30618c0bc877a579c70710c904e9ef06108a
-  languageName: node
-  linkType: hard
-
 "globalyzer@npm:0.1.0":
   version: 0.1.0
   resolution: "globalyzer@npm:0.1.0"
@@ -28446,13 +27401,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"gopd@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "gopd@npm:1.2.0"
-  checksum: cc6d8e655e360955bdccaca51a12a474268f95bb793fc3e1f2bdadb075f28bfd1fd988dab872daf77a61d78cbaf13744bc8727a17cfb1d150d76047d805375f3
-  languageName: node
-  linkType: hard
-
 "got@npm:13.0.0":
   version: 13.0.0
   resolution: "got@npm:13.0.0"
@@ -28529,13 +27477,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"graphemer@npm:^1.4.0":
-  version: 1.4.0
-  resolution: "graphemer@npm:1.4.0"
-  checksum: bab8f0be9b568857c7bec9fda95a89f87b783546d02951c40c33f84d05bb7da3fd10f863a9beb901463669b6583173a8c8cc6d6b306ea2b9b9d5d3d943c3a673
-  languageName: node
-  linkType: hard
-
 "graphql@npm:^16.3.0":
   version: 16.5.0
   resolution: "graphql@npm:16.5.0"
@@ -28735,15 +27676,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"has-proto@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "has-proto@npm:1.2.0"
-  dependencies:
-    dunder-proto: ^1.0.0
-  checksum: f55010cb94caa56308041d77967c72a02ffd71386b23f9afa8447e58bc92d49d15c19bf75173713468e92fe3fb1680b03b115da39c21c32c74886d1d50d3e7ff
-  languageName: node
-  linkType: hard
-
 "has-symbols@npm:^1.0.1, has-symbols@npm:^1.0.2, has-symbols@npm:^1.0.3":
   version: 1.0.3
   resolution: "has-symbols@npm:1.0.3"
@@ -28751,13 +27683,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"has-symbols@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "has-symbols@npm:1.1.0"
-  checksum: b2316c7302a0e8ba3aaba215f834e96c22c86f192e7310bdf689dd0e6999510c89b00fbc5742571507cebf25764d68c988b3a0da217369a73596191ac0ce694b
-  languageName: node
-  linkType: hard
-
 "has-tostringtag@npm:^1.0.0":
   version: 1.0.0
   resolution: "has-tostringtag@npm:1.0.0"
@@ -29496,13 +28421,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ignore@npm:^5.3.1":
-  version: 5.3.2
-  resolution: "ignore@npm:5.3.2"
-  checksum: 2acfd32a573260ea522ea0bfeff880af426d68f6831f973129e2ba7363f422923cf53aab62f8369cbf4667c7b25b6f8a3761b34ecdb284ea18e87a5262a865be
-  languageName: node
-  linkType: hard
-
 "image-q@npm:^4.0.0":
   version: 4.0.0
   resolution: "image-q@npm:4.0.0"
@@ -29896,17 +28814,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"internal-slot@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "internal-slot@npm:1.1.0"
-  dependencies:
-    es-errors: ^1.3.0
-    hasown: ^2.0.2
-    side-channel: ^1.1.0
-  checksum: 8e0991c2d048cc08dab0a91f573c99f6a4215075887517ea4fa32203ce8aea60fa03f95b177977fa27eb502e5168366d0f3e02c762b799691411d49900611861
-  languageName: node
-  linkType: hard
-
 "internmap@npm:1 - 2":
   version: 2.0.3
   resolution: "internmap@npm:2.0.3"
@@ -30038,17 +28945,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-array-buffer@npm:^3.0.5":
-  version: 3.0.5
-  resolution: "is-array-buffer@npm:3.0.5"
-  dependencies:
-    call-bind: ^1.0.8
-    call-bound: ^1.0.3
-    get-intrinsic: ^1.2.6
-  checksum: f137a2a6e77af682cdbffef1e633c140cf596f72321baf8bba0f4ef22685eb4339dde23dfe9e9ca430b5f961dee4d46577dcf12b792b68518c8449b134fb9156
-  languageName: node
-  linkType: hard
-
 "is-arrayish@npm:^0.2.1":
   version: 0.2.1
   resolution: "is-arrayish@npm:0.2.1"
@@ -30081,15 +28977,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-bigint@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "is-bigint@npm:1.1.0"
-  dependencies:
-    has-bigints: ^1.0.2
-  checksum: ee1544f0e664f253306786ed1dce494b8cf242ef415d6375d8545b4d8816b0f054bd9f948a8988ae2c6325d1c28260dd02978236b2f7b8fb70dfc4838a6c9fa7
-  languageName: node
-  linkType: hard
-
 "is-binary-path@npm:~2.1.0":
   version: 2.1.0
   resolution: "is-binary-path@npm:2.1.0"
@@ -30109,16 +28996,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-boolean-object@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "is-boolean-object@npm:1.2.1"
-  dependencies:
-    call-bound: ^1.0.2
-    has-tostringtag: ^1.0.2
-  checksum: 2672609f0f2536172873810a38ec006a415e43ddc6a240f7638a1659cb20dfa91cc75c8a1bed36247bb046aa8f0eab945f20d1203bc69606418bd129c745f861
-  languageName: node
-  linkType: hard
-
 "is-buffer@npm:~1.1.6":
   version: 1.1.6
   resolution: "is-buffer@npm:1.1.6"
@@ -30198,15 +29075,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-core-module@npm:^2.15.1, is-core-module@npm:^2.16.0":
-  version: 2.16.1
-  resolution: "is-core-module@npm:2.16.1"
-  dependencies:
-    hasown: ^2.0.2
-  checksum: 6ec5b3c42d9cbf1ac23f164b16b8a140c3cec338bf8f884c076ca89950c7cc04c33e78f02b8cae7ff4751f3247e3174b2330f1fe4de194c7210deb8b1ea316a7
-  languageName: node
-  linkType: hard
-
 "is-core-module@npm:^2.2.0, is-core-module@npm:^2.8.1":
   version: 2.8.1
   resolution: "is-core-module@npm:2.8.1"
@@ -30234,17 +29102,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-data-view@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "is-data-view@npm:1.0.2"
-  dependencies:
-    call-bound: ^1.0.2
-    get-intrinsic: ^1.2.6
-    is-typed-array: ^1.1.13
-  checksum: 31600dd19932eae7fd304567e465709ffbfa17fa236427c9c864148e1b54eb2146357fcf3aed9b686dee13c217e1bb5a649cb3b9c479e1004c0648e9febde1b2
-  languageName: node
-  linkType: hard
-
 "is-date-object@npm:^1.0.1, is-date-object@npm:^1.0.5":
   version: 1.0.5
   resolution: "is-date-object@npm:1.0.5"
@@ -30254,16 +29111,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-date-object@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "is-date-object@npm:1.1.0"
-  dependencies:
-    call-bound: ^1.0.2
-    has-tostringtag: ^1.0.2
-  checksum: d6c36ab9d20971d65f3fc64cef940d57a4900a2ac85fb488a46d164c2072a33da1cb51eefcc039e3e5c208acbce343d3480b84ab5ff0983f617512da2742562a
-  languageName: node
-  linkType: hard
-
 "is-decimal@npm:^1.0.0":
   version: 1.0.4
   resolution: "is-decimal@npm:1.0.4"
@@ -30329,15 +29176,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-finalizationregistry@npm:^1.1.0":
-  version: 1.1.1
-  resolution: "is-finalizationregistry@npm:1.1.1"
-  dependencies:
-    call-bound: ^1.0.3
-  checksum: 38c646c506e64ead41a36c182d91639833311970b6b6c6268634f109eef0a1a9d2f1f2e499ef4cb43c744a13443c4cdd2f0812d5afdcee5e9b65b72b28c48557
-  languageName: node
-  linkType: hard
-
 "is-fullwidth-code-point@npm:^3.0.0":
   version: 3.0.0
   resolution: "is-fullwidth-code-point@npm:3.0.0"
@@ -30526,16 +29364,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-number-object@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "is-number-object@npm:1.1.1"
-  dependencies:
-    call-bound: ^1.0.3
-    has-tostringtag: ^1.0.2
-  checksum: 6517f0a0e8c4b197a21afb45cd3053dc711e79d45d8878aa3565de38d0102b130ca8732485122c7b336e98c27dacd5236854e3e6526e0eb30cae64956535662f
-  languageName: node
-  linkType: hard
-
 "is-number@npm:^7.0.0":
   version: 7.0.0
   resolution: "is-number@npm:7.0.0"
@@ -30655,18 +29483,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-regex@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "is-regex@npm:1.2.1"
-  dependencies:
-    call-bound: ^1.0.2
-    gopd: ^1.2.0
-    has-tostringtag: ^1.0.2
-    hasown: ^2.0.2
-  checksum: 99ee0b6d30ef1bb61fa4b22fae7056c6c9b3c693803c0c284ff7a8570f83075a7d38cda53b06b7996d441215c27895ea5d1af62124562e13d91b3dbec41a5e13
-  languageName: node
-  linkType: hard
-
 "is-regexp@npm:^1.0.0":
   version: 1.0.0
   resolution: "is-regexp@npm:1.0.0"
@@ -30720,15 +29536,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-shared-array-buffer@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "is-shared-array-buffer@npm:1.0.4"
-  dependencies:
-    call-bound: ^1.0.3
-  checksum: 1611fedc175796eebb88f4dfc393dd969a4a8e6c69cadaff424ee9d4464f9f026399a5f84a90f7c62d6d7ee04e3626a912149726de102b0bd6c1ee6a9868fa5a
-  languageName: node
-  linkType: hard
-
 "is-ssh@npm:^1.4.0":
   version: 1.4.0
   resolution: "is-ssh@npm:1.4.0"
@@ -30768,16 +29575,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-string@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "is-string@npm:1.1.1"
-  dependencies:
-    call-bound: ^1.0.3
-    has-tostringtag: ^1.0.2
-  checksum: 2eeaaff605250f5e836ea3500d33d1a5d3aa98d008641d9d42fb941e929ffd25972326c2ef912987e54c95b6f10416281aaf1b35cdf81992cfb7524c5de8e193
-  languageName: node
-  linkType: hard
-
 "is-subdir@npm:^1.1.1":
   version: 1.2.0
   resolution: "is-subdir@npm:1.2.0"
@@ -30796,17 +29593,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-symbol@npm:^1.0.4, is-symbol@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "is-symbol@npm:1.1.1"
-  dependencies:
-    call-bound: ^1.0.2
-    has-symbols: ^1.1.0
-    safe-regex-test: ^1.1.0
-  checksum: bfafacf037af6f3c9d68820b74be4ae8a736a658a3344072df9642a090016e281797ba8edbeb1c83425879aae55d1cb1f30b38bf132d703692b2570367358032
-  languageName: node
-  linkType: hard
-
 "is-typed-array@npm:^1.1.10, is-typed-array@npm:^1.1.12, is-typed-array@npm:^1.1.3, is-typed-array@npm:^1.1.9":
   version: 1.1.12
   resolution: "is-typed-array@npm:1.1.12"
@@ -30825,15 +29611,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-typed-array@npm:^1.1.14, is-typed-array@npm:^1.1.15":
-  version: 1.1.15
-  resolution: "is-typed-array@npm:1.1.15"
-  dependencies:
-    which-typed-array: ^1.1.16
-  checksum: ea7cfc46c282f805d19a9ab2084fd4542fed99219ee9dbfbc26284728bd713a51eac66daa74eca00ae0a43b61322920ba334793607dc39907465913e921e0892
-  languageName: node
-  linkType: hard
-
 "is-typedarray@npm:^1.0.0, is-typedarray@npm:~1.0.0":
   version: 1.0.0
   resolution: "is-typedarray@npm:1.0.0"
@@ -30887,15 +29664,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-weakref@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "is-weakref@npm:1.1.0"
-  dependencies:
-    call-bound: ^1.0.2
-  checksum: 2a2f3a1746ee1baecf9ac6483d903cd3f8ef3cca88e2baa42f2e85ea064bd246d218eed5f6d479fc1c76dae2231e71133b6b86160e821d176932be9fae3da4da
-  languageName: node
-  linkType: hard
-
 "is-weakset@npm:^2.0.3":
   version: 2.0.3
   resolution: "is-weakset@npm:2.0.3"
@@ -31147,20 +29915,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"iterator.prototype@npm:^1.1.4":
-  version: 1.1.5
-  resolution: "iterator.prototype@npm:1.1.5"
-  dependencies:
-    define-data-property: ^1.1.4
-    es-object-atoms: ^1.0.0
-    get-intrinsic: ^1.2.6
-    get-proto: ^1.0.0
-    has-symbols: ^1.1.0
-    set-function-name: ^2.0.2
-  checksum: 7db23c42629ba4790e6e15f78b555f41dbd08818c85af306988364bd19d86716a1187cb333444f3a0036bfc078a0e9cb7ec67fef3a61662736d16410d7f77869
-  languageName: node
-  linkType: hard
-
 "jackspeak@npm:^2.0.3, jackspeak@npm:^2.3.5":
   version: 2.3.6
   resolution: "jackspeak@npm:2.3.6"
@@ -31787,15 +30541,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jiti@npm:^1.21.6":
-  version: 1.21.7
-  resolution: "jiti@npm:1.21.7"
-  bin:
-    jiti: bin/jiti.js
-  checksum: 9cd20dabf82e3a4cceecb746a69381da7acda93d34eed0cdb9c9bdff3bce07e4f2f4a016ca89924392c935297d9aedc58ff9f7d3281bc5293319ad244926e0b7
-  languageName: node
-  linkType: hard
-
 "jju@npm:~1.4.0":
   version: 1.4.0
   resolution: "jju@npm:1.4.0"
@@ -32395,7 +31140,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"keyv@npm:^4.5.3, keyv@npm:^4.5.4":
+"keyv@npm:^4.5.3":
   version: 4.5.4
   resolution: "keyv@npm:4.5.4"
   dependencies:
@@ -32685,13 +31430,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lilconfig@npm:^3.0.0, lilconfig@npm:^3.1.3":
-  version: 3.1.3
-  resolution: "lilconfig@npm:3.1.3"
-  checksum: 644eb10830350f9cdc88610f71a921f510574ed02424b57b0b3abb66ea725d7a082559552524a842f4e0272c196b88dfe1ff7d35ffcc6f45736777185cd67c9a
-  languageName: node
-  linkType: hard
-
 "limiter@npm:^1.1.5":
   version: 1.1.5
   resolution: "limiter@npm:1.1.5"
@@ -33703,13 +32441,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"math-intrinsics@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "math-intrinsics@npm:1.1.0"
-  checksum: 0e513b29d120f478c85a70f49da0b8b19bc638975eca466f2eeae0071f3ad00454c621bf66e16dd435896c208e719fc91ad79bbfba4e400fe0b372e7c1c9c9a2
-  languageName: node
-  linkType: hard
-
 "maxmin@npm:^2.1.0":
   version: 2.1.0
   resolution: "maxmin@npm:2.1.0"
@@ -33931,16 +32662,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"micromatch@npm:^4.0.8":
-  version: 4.0.8
-  resolution: "micromatch@npm:4.0.8"
-  dependencies:
-    braces: ^3.0.3
-    picomatch: ^2.3.1
-  checksum: 79920eb634e6f400b464a954fcfa589c4e7c7143209488e44baf627f9affc8b1e306f41f4f0deedde97e69cb725920879462d3e750ab3bd3c1aed675bb3a8966
-  languageName: node
-  linkType: hard
-
 "miller-rabin@npm:^4.0.0":
   version: 4.0.1
   resolution: "miller-rabin@npm:4.0.1"
@@ -34773,15 +33494,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nanoid@npm:^3.3.8":
-  version: 3.3.8
-  resolution: "nanoid@npm:3.3.8"
-  bin:
-    nanoid: bin/nanoid.cjs
-  checksum: dfe0adbc0c77e9655b550c333075f51bb28cfc7568afbf3237249904f9c86c9aaaed1f113f0fddddba75673ee31c758c30c43d4414f014a52a7a626efc5958c9
-  languageName: node
-  linkType: hard
-
 "napi-build-utils@npm:^1.0.1":
   version: 1.0.2
   resolution: "napi-build-utils@npm:1.0.2"
@@ -35084,67 +33796,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"next@npm:15.1.6":
-  version: 15.1.6
-  resolution: "next@npm:15.1.6"
-  dependencies:
-    "@next/env": 15.1.6
-    "@next/swc-darwin-arm64": 15.1.6
-    "@next/swc-darwin-x64": 15.1.6
-    "@next/swc-linux-arm64-gnu": 15.1.6
-    "@next/swc-linux-arm64-musl": 15.1.6
-    "@next/swc-linux-x64-gnu": 15.1.6
-    "@next/swc-linux-x64-musl": 15.1.6
-    "@next/swc-win32-arm64-msvc": 15.1.6
-    "@next/swc-win32-x64-msvc": 15.1.6
-    "@swc/counter": 0.1.3
-    "@swc/helpers": 0.5.15
-    busboy: 1.6.0
-    caniuse-lite: ^1.0.30001579
-    postcss: 8.4.31
-    sharp: ^0.33.5
-    styled-jsx: 5.1.6
-  peerDependencies:
-    "@opentelemetry/api": ^1.1.0
-    "@playwright/test": ^1.41.2
-    babel-plugin-react-compiler: "*"
-    react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
-    react-dom: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
-    sass: ^1.3.0
-  dependenciesMeta:
-    "@next/swc-darwin-arm64":
-      optional: true
-    "@next/swc-darwin-x64":
-      optional: true
-    "@next/swc-linux-arm64-gnu":
-      optional: true
-    "@next/swc-linux-arm64-musl":
-      optional: true
-    "@next/swc-linux-x64-gnu":
-      optional: true
-    "@next/swc-linux-x64-musl":
-      optional: true
-    "@next/swc-win32-arm64-msvc":
-      optional: true
-    "@next/swc-win32-x64-msvc":
-      optional: true
-    sharp:
-      optional: true
-  peerDependenciesMeta:
-    "@opentelemetry/api":
-      optional: true
-    "@playwright/test":
-      optional: true
-    babel-plugin-react-compiler:
-      optional: true
-    sass:
-      optional: true
-  bin:
-    next: dist/bin/next
-  checksum: 8f12910738ff6bc437db40c9580c4478a44178f63b8034190c99fed8ffb4033a210551f829ed68008509717c72d33fd28a2f5551c835474027a0ede6eb56d8e2
-  languageName: node
-  linkType: hard
-
 "next@npm:^13.5.6":
   version: 13.5.7
   resolution: "next@npm:13.5.7"
@@ -35853,13 +34504,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object-inspect@npm:^1.13.3":
-  version: 1.13.3
-  resolution: "object-inspect@npm:1.13.3"
-  checksum: 8c962102117241e18ea403b84d2521f78291b774b03a29ee80a9863621d88265ffd11d0d7e435c4c2cea0dc2a2fbf8bbc92255737a05536590f2df2e8756f297
-  languageName: node
-  linkType: hard
-
 "object-is@npm:^1.1.5":
   version: 1.1.5
   resolution: "object-is@npm:1.1.5"
@@ -35938,20 +34582,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object.assign@npm:^4.1.7":
-  version: 4.1.7
-  resolution: "object.assign@npm:4.1.7"
-  dependencies:
-    call-bind: ^1.0.8
-    call-bound: ^1.0.3
-    define-properties: ^1.2.1
-    es-object-atoms: ^1.0.0
-    has-symbols: ^1.1.0
-    object-keys: ^1.1.1
-  checksum: 60e07d2651cf4f5528c485f1aa4dbded9b384c47d80e8187cefd11320abb1aebebf78df5483451dfa549059f8281c21f7b4bf7d19e9e5e97d8d617df0df298de
-  languageName: node
-  linkType: hard
-
 "object.entries@npm:^1.1.5":
   version: 1.1.5
   resolution: "object.entries@npm:1.1.5"
@@ -35985,17 +34615,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object.entries@npm:^1.1.8":
-  version: 1.1.8
-  resolution: "object.entries@npm:1.1.8"
-  dependencies:
-    call-bind: ^1.0.7
-    define-properties: ^1.2.1
-    es-object-atoms: ^1.0.0
-  checksum: 5314877cb637ef3437a30bba61d9bacdb3ce74bf73ac101518be0633c37840c8cc67407edb341f766e8093b3d7516d5c3358f25adfee4a2c697c0ec4c8491907
-  languageName: node
-  linkType: hard
-
 "object.fromentries@npm:^2.0.5":
   version: 2.0.5
   resolution: "object.fromentries@npm:2.0.5"
@@ -36029,18 +34648,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object.fromentries@npm:^2.0.8":
-  version: 2.0.8
-  resolution: "object.fromentries@npm:2.0.8"
-  dependencies:
-    call-bind: ^1.0.7
-    define-properties: ^1.2.1
-    es-abstract: ^1.23.2
-    es-object-atoms: ^1.0.0
-  checksum: 29b2207a2db2782d7ced83f93b3ff5d425f901945f3665ffda1821e30a7253cd1fd6b891a64279976098137ddfa883d748787a6fea53ecdb51f8df8b8cec0ae1
-  languageName: node
-  linkType: hard
-
 "object.groupby@npm:^1.0.1":
   version: 1.0.2
   resolution: "object.groupby@npm:1.0.2"
@@ -36054,17 +34661,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object.groupby@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "object.groupby@npm:1.0.3"
-  dependencies:
-    call-bind: ^1.0.7
-    define-properties: ^1.2.1
-    es-abstract: ^1.23.2
-  checksum: 0d30693ca3ace29720bffd20b3130451dca7a56c612e1926c0a1a15e4306061d84410bdb1456be2656c5aca53c81b7a3661eceaa362db1bba6669c2c9b6d1982
-  languageName: node
-  linkType: hard
-
 "object.hasown@npm:^1.1.1":
   version: 1.1.1
   resolution: "object.hasown@npm:1.1.1"
@@ -36128,18 +34724,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object.values@npm:^1.2.0, object.values@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "object.values@npm:1.2.1"
-  dependencies:
-    call-bind: ^1.0.8
-    call-bound: ^1.0.3
-    define-properties: ^1.2.1
-    es-object-atoms: ^1.0.0
-  checksum: f9b9a2a125ccf8ded29414d7c056ae0d187b833ee74919821fc60d7e216626db220d9cb3cf33f965c84aaaa96133626ca13b80f3c158b673976dc8cfcfcd26bb
-  languageName: node
-  linkType: hard
-
 "objectorarray@npm:^1.0.5":
   version: 1.0.5
   resolution: "objectorarray@npm:1.0.5"
@@ -36409,20 +34993,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"optionator@npm:^0.9.3":
-  version: 0.9.4
-  resolution: "optionator@npm:0.9.4"
-  dependencies:
-    deep-is: ^0.1.3
-    fast-levenshtein: ^2.0.6
-    levn: ^0.4.1
-    prelude-ls: ^1.2.1
-    type-check: ^0.4.0
-    word-wrap: ^1.2.5
-  checksum: ecbd010e3dc73e05d239976422d9ef54a82a13f37c11ca5911dff41c98a6c7f0f163b27f922c37e7f8340af9d36febd3b6e9cef508f3339d4c393d7276d716bb
-  languageName: node
-  linkType: hard
-
 "options-defaults@npm:^2.0.39":
   version: 2.0.40
   resolution: "options-defaults@npm:2.0.40"
@@ -36513,17 +35083,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"own-keys@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "own-keys@npm:1.0.1"
-  dependencies:
-    get-intrinsic: ^1.2.6
-    object-keys: ^1.1.1
-    safe-push-apply: ^1.0.0
-  checksum: cc9dd7d85c4ccfbe8109fce307d581ac7ede7b26de892b537873fbce2dc6a206d89aea0630dbb98e47ce0873517cefeaa7be15fcf94aaf4764a3b34b474a5b61
-  languageName: node
-  linkType: hard
-
 "p-cancelable@npm:^3.0.0":
   version: 3.0.0
   resolution: "p-cancelable@npm:3.0.0"
@@ -37358,13 +35917,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"picocolors@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "picocolors@npm:1.1.1"
-  checksum: e1cf46bf84886c79055fdfa9dcb3e4711ad259949e3565154b004b260cd356c5d54b31a1437ce9782624bf766272fe6b0154f5f0c744fb7af5d454d2b60db045
-  languageName: node
-  linkType: hard
-
 "picomatch@npm:3.0.1":
   version: 3.0.1
   resolution: "picomatch@npm:3.0.1"
@@ -37643,24 +36195,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-load-config@npm:^4.0.2":
-  version: 4.0.2
-  resolution: "postcss-load-config@npm:4.0.2"
-  dependencies:
-    lilconfig: ^3.0.0
-    yaml: ^2.3.4
-  peerDependencies:
-    postcss: ">=8.0.9"
-    ts-node: ">=9.0.0"
-  peerDependenciesMeta:
-    postcss:
-      optional: true
-    ts-node:
-      optional: true
-  checksum: 7c27dd3801db4eae207a5116fed2db6b1ebb780b40c3dd62a3e57e087093a8e6a14ee17ada729fee903152d6ef4826c6339eb135bee6208e0f3140d7e8090185
-  languageName: node
-  linkType: hard
-
 "postcss-loader@npm:^7.0.2":
   version: 7.3.3
   resolution: "postcss-loader@npm:7.3.3"
@@ -37730,17 +36264,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-nested@npm:^6.2.0":
-  version: 6.2.0
-  resolution: "postcss-nested@npm:6.2.0"
-  dependencies:
-    postcss-selector-parser: ^6.1.1
-  peerDependencies:
-    postcss: ^8.2.14
-  checksum: 2c86ecf2d0ce68f27c87c7e24ae22dc6dd5515a89fcaf372b2627906e11f5c1f36e4a09e4c15c20fd4a23d628b3d945c35839f44496fbee9a25866258006671b
-  languageName: node
-  linkType: hard
-
 "postcss-prefixer@npm:^3.0.0":
   version: 3.0.0
   resolution: "postcss-prefixer@npm:3.0.0"
@@ -37790,16 +36313,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-selector-parser@npm:^6.1.1, postcss-selector-parser@npm:^6.1.2":
-  version: 6.1.2
-  resolution: "postcss-selector-parser@npm:6.1.2"
-  dependencies:
-    cssesc: ^3.0.0
-    util-deprecate: ^1.0.2
-  checksum: ce9440fc42a5419d103f4c7c1847cb75488f3ac9cbe81093b408ee9701193a509f664b4d10a2b4d82c694ee7495e022f8f482d254f92b7ffd9ed9dea696c6f84
-  languageName: node
-  linkType: hard
-
 "postcss-value-parser@npm:^3.3.0":
   version: 3.3.1
   resolution: "postcss-value-parser@npm:3.3.1"
@@ -37913,17 +36426,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.4.47":
-  version: 8.5.1
-  resolution: "postcss@npm:8.5.1"
-  dependencies:
-    nanoid: ^3.3.8
-    picocolors: ^1.1.1
-    source-map-js: ^1.2.1
-  checksum: cfdcfcd019fca78160341080ba8986cf80cd6e9ca327ba61b86c03e95043e9bce56ad2e018851858039fd7264781797360bfba718dd216b17b3cd803a5134f2f
-  languageName: node
-  linkType: hard
-
 "postgres-array@npm:~2.0.0":
   version: 2.0.0
   resolution: "postgres-array@npm:2.0.0"
@@ -39091,18 +37593,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-dom@npm:^18.0.0":
-  version: 18.3.1
-  resolution: "react-dom@npm:18.3.1"
-  dependencies:
-    loose-envify: ^1.1.0
-    scheduler: ^0.23.2
-  peerDependencies:
-    react: ^18.3.1
-  checksum: 298954ecd8f78288dcaece05e88b570014d8f6dce5db6f66e6ee91448debeb59dcd31561dddb354eee47e6c1bb234669459060deb238ed0213497146e555a0b9
-  languageName: node
-  linkType: hard
-
 "react-easy-crop@npm:^3.5.2":
   version: 3.5.3
   resolution: "react-easy-crop@npm:3.5.3"
@@ -39775,15 +38265,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react@npm:^18.0.0":
-  version: 18.3.1
-  resolution: "react@npm:18.3.1"
-  dependencies:
-    loose-envify: ^1.1.0
-  checksum: a27bcfa8ff7c15a1e50244ad0d0c1cb2ad4375eeffefd266a64889beea6f6b64c4966c9b37d14ee32d6c9fcd5aa6ba183b6988167ab4d127d13e7cb5b386a376
-  languageName: node
-  linkType: hard
-
 "read-cache@npm:^1.0.0":
   version: 1.0.0
   resolution: "read-cache@npm:1.0.0"
@@ -40142,22 +38623,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"reflect.getprototypeof@npm:^1.0.6, reflect.getprototypeof@npm:^1.0.9":
-  version: 1.0.10
-  resolution: "reflect.getprototypeof@npm:1.0.10"
-  dependencies:
-    call-bind: ^1.0.8
-    define-properties: ^1.2.1
-    es-abstract: ^1.23.9
-    es-errors: ^1.3.0
-    es-object-atoms: ^1.0.0
-    get-intrinsic: ^1.2.7
-    get-proto: ^1.0.1
-    which-builtin-type: ^1.2.1
-  checksum: ccc5debeb66125e276ae73909cecb27e47c35d9bb79d9cc8d8d055f008c58010ab8cb401299786e505e4aab733a64cba9daf5f312a58e96a43df66adad221870
-  languageName: node
-  linkType: hard
-
 "refractor@npm:^3.6.0":
   version: 3.6.0
   resolution: "refractor@npm:3.6.0"
@@ -40266,20 +38731,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"regexp.prototype.flags@npm:^1.5.3":
-  version: 1.5.4
-  resolution: "regexp.prototype.flags@npm:1.5.4"
-  dependencies:
-    call-bind: ^1.0.8
-    define-properties: ^1.2.1
-    es-errors: ^1.3.0
-    get-proto: ^1.0.1
-    gopd: ^1.2.0
-    set-function-name: ^2.0.2
-  checksum: 18cb667e56cb328d2dda569d7f04e3ea78f2683135b866d606538cf7b1d4271f7f749f09608c877527799e6cf350e531368f3c7a20ccd1bb41048a48926bdeeb
-  languageName: node
-  linkType: hard
-
 "regexpp@npm:^3.2.0":
   version: 3.2.0
   resolution: "regexpp@npm:3.2.0"
@@ -40634,19 +39085,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@npm:^1.22.8":
-  version: 1.22.10
-  resolution: "resolve@npm:1.22.10"
-  dependencies:
-    is-core-module: ^2.16.0
-    path-parse: ^1.0.7
-    supports-preserve-symlinks-flag: ^1.0.0
-  bin:
-    resolve: bin/resolve
-  checksum: ab7a32ff4046fcd7c6fdd525b24a7527847d03c3650c733b909b01b757f92eb23510afa9cc3e9bf3f26a3e073b48c88c706dfd4c1d2fb4a16a96b73b6328ddcf
-  languageName: node
-  linkType: hard
-
 "resolve@npm:^2.0.0-next.3":
   version: 2.0.0-next.3
   resolution: "resolve@npm:2.0.0-next.3"
@@ -40732,19 +39170,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@^1.22.8#~builtin<compat/resolve>":
-  version: 1.22.10
-  resolution: "resolve@patch:resolve@npm%3A1.22.10#~builtin<compat/resolve>::version=1.22.10&hash=c3c19d"
-  dependencies:
-    is-core-module: ^2.16.0
-    path-parse: ^1.0.7
-    supports-preserve-symlinks-flag: ^1.0.0
-  bin:
-    resolve: bin/resolve
-  checksum: 8aac1e4e4628bd00bf4b94b23de137dd3fe44097a8d528fd66db74484be929936e20c696e1a3edf4488f37e14180b73df6f600992baea3e089e8674291f16c9d
-  languageName: node
-  linkType: hard
-
 "resolve@patch:resolve@^2.0.0-next.3#~builtin<compat/resolve>":
   version: 2.0.0-next.3
   resolution: "resolve@patch:resolve@npm%3A2.0.0-next.3#~builtin<compat/resolve>::version=2.0.0-next.3&hash=c3c19d"
@@ -41258,19 +39683,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"safe-array-concat@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "safe-array-concat@npm:1.1.3"
-  dependencies:
-    call-bind: ^1.0.8
-    call-bound: ^1.0.2
-    get-intrinsic: ^1.2.6
-    has-symbols: ^1.1.0
-    isarray: ^2.0.5
-  checksum: 00f6a68140e67e813f3ad5e73e6dedcf3e42a9fa01f04d44b0d3f7b1f4b257af876832a9bfc82ac76f307e8a6cc652e3cf95876048a26cbec451847cf6ae3707
-  languageName: node
-  linkType: hard
-
 "safe-buffer@npm:*, safe-buffer@npm:5.2.1, safe-buffer@npm:>=5.1.0, safe-buffer@npm:^5.0.1, safe-buffer@npm:^5.1.0, safe-buffer@npm:^5.1.1, safe-buffer@npm:^5.1.2, safe-buffer@npm:^5.2.0, safe-buffer@npm:~5.2.0":
   version: 5.2.1
   resolution: "safe-buffer@npm:5.2.1"
@@ -41285,16 +39697,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"safe-push-apply@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "safe-push-apply@npm:1.0.0"
-  dependencies:
-    es-errors: ^1.3.0
-    isarray: ^2.0.5
-  checksum: 8c11cbee6dc8ff5cc0f3d95eef7052e43494591384015902e4292aef4ae9e539908288520ed97179cee17d6ffb450fe5f05a46ce7a1749685f7524fd568ab5db
-  languageName: node
-  linkType: hard
-
 "safe-regex-test@npm:^1.0.0":
   version: 1.0.0
   resolution: "safe-regex-test@npm:1.0.0"
@@ -41317,17 +39719,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"safe-regex-test@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "safe-regex-test@npm:1.1.0"
-  dependencies:
-    call-bound: ^1.0.2
-    es-errors: ^1.3.0
-    is-regex: ^1.2.1
-  checksum: 3c809abeb81977c9ed6c869c83aca6873ea0f3ab0f806b8edbba5582d51713f8a6e9757d24d2b4b088f563801475ea946c8e77e7713e8c65cdd02305b6caedab
-  languageName: node
-  linkType: hard
-
 "safe-stable-stringify@npm:^2.3.1":
   version: 2.4.3
   resolution: "safe-stable-stringify@npm:2.4.3"
@@ -41434,15 +39825,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"scheduler@npm:^0.23.2":
-  version: 0.23.2
-  resolution: "scheduler@npm:0.23.2"
-  dependencies:
-    loose-envify: ^1.1.0
-  checksum: 3e82d1f419e240ef6219d794ff29c7ee415fbdc19e038f680a10c067108e06284f1847450a210b29bbaf97b9d8a97ced5f624c31c681248ac84c80d56ad5a2c4
-  languageName: node
-  linkType: hard
-
 "schema-dts@npm:^1.1.0":
   version: 1.1.0
   resolution: "schema-dts@npm:1.1.0"
@@ -41610,15 +39992,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^7.6.0, semver@npm:^7.6.3":
-  version: 7.7.1
-  resolution: "semver@npm:7.7.1"
-  bin:
-    semver: bin/semver.js
-  checksum: 586b825d36874007c9382d9e1ad8f93888d8670040add24a28e06a910aeebd673a2eb9e3bf169c6679d9245e66efb9057e0852e70d9daa6c27372aab1dda7104
-  languageName: node
-  linkType: hard
-
 "semver@npm:~2.3.1":
   version: 2.3.2
   resolution: "semver@npm:2.3.2"
@@ -41744,7 +40117,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"set-function-length@npm:^1.2.1, set-function-length@npm:^1.2.2":
+"set-function-length@npm:^1.2.1":
   version: 1.2.2
   resolution: "set-function-length@npm:1.2.2"
   dependencies:
@@ -41769,18 +40142,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"set-function-name@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "set-function-name@npm:2.0.2"
-  dependencies:
-    define-data-property: ^1.1.4
-    es-errors: ^1.3.0
-    functions-have-names: ^1.2.3
-    has-property-descriptors: ^1.0.2
-  checksum: d6229a71527fd0404399fc6227e0ff0652800362510822a291925c9d7b48a1ca1a468b11b281471c34cd5a2da0db4f5d7ff315a61d26655e77f6e971e6d0c80f
-  languageName: node
-  linkType: hard
-
 "set-harmonic-interval@npm:^1.0.1":
   version: 1.0.1
   resolution: "set-harmonic-interval@npm:1.0.1"
@@ -41788,17 +40149,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"set-proto@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "set-proto@npm:1.0.0"
-  dependencies:
-    dunder-proto: ^1.0.1
-    es-errors: ^1.3.0
-    es-object-atoms: ^1.0.0
-  checksum: ec27cbbe334598547e99024403e96da32aca3e530583e4dba7f5db1c43cbc4affa9adfbd77c7b2c210b9b8b2e7b2e600bad2a6c44fd62e804d8233f96bbb62f4
-  languageName: node
-  linkType: hard
-
 "setimmediate@npm:^1.0.4":
   version: 1.0.5
   resolution: "setimmediate@npm:1.0.5"
@@ -41858,75 +40208,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sharp@npm:^0.33.5":
-  version: 0.33.5
-  resolution: "sharp@npm:0.33.5"
-  dependencies:
-    "@img/sharp-darwin-arm64": 0.33.5
-    "@img/sharp-darwin-x64": 0.33.5
-    "@img/sharp-libvips-darwin-arm64": 1.0.4
-    "@img/sharp-libvips-darwin-x64": 1.0.4
-    "@img/sharp-libvips-linux-arm": 1.0.5
-    "@img/sharp-libvips-linux-arm64": 1.0.4
-    "@img/sharp-libvips-linux-s390x": 1.0.4
-    "@img/sharp-libvips-linux-x64": 1.0.4
-    "@img/sharp-libvips-linuxmusl-arm64": 1.0.4
-    "@img/sharp-libvips-linuxmusl-x64": 1.0.4
-    "@img/sharp-linux-arm": 0.33.5
-    "@img/sharp-linux-arm64": 0.33.5
-    "@img/sharp-linux-s390x": 0.33.5
-    "@img/sharp-linux-x64": 0.33.5
-    "@img/sharp-linuxmusl-arm64": 0.33.5
-    "@img/sharp-linuxmusl-x64": 0.33.5
-    "@img/sharp-wasm32": 0.33.5
-    "@img/sharp-win32-ia32": 0.33.5
-    "@img/sharp-win32-x64": 0.33.5
-    color: ^4.2.3
-    detect-libc: ^2.0.3
-    semver: ^7.6.3
-  dependenciesMeta:
-    "@img/sharp-darwin-arm64":
-      optional: true
-    "@img/sharp-darwin-x64":
-      optional: true
-    "@img/sharp-libvips-darwin-arm64":
-      optional: true
-    "@img/sharp-libvips-darwin-x64":
-      optional: true
-    "@img/sharp-libvips-linux-arm":
-      optional: true
-    "@img/sharp-libvips-linux-arm64":
-      optional: true
-    "@img/sharp-libvips-linux-s390x":
-      optional: true
-    "@img/sharp-libvips-linux-x64":
-      optional: true
-    "@img/sharp-libvips-linuxmusl-arm64":
-      optional: true
-    "@img/sharp-libvips-linuxmusl-x64":
-      optional: true
-    "@img/sharp-linux-arm":
-      optional: true
-    "@img/sharp-linux-arm64":
-      optional: true
-    "@img/sharp-linux-s390x":
-      optional: true
-    "@img/sharp-linux-x64":
-      optional: true
-    "@img/sharp-linuxmusl-arm64":
-      optional: true
-    "@img/sharp-linuxmusl-x64":
-      optional: true
-    "@img/sharp-wasm32":
-      optional: true
-    "@img/sharp-win32-ia32":
-      optional: true
-    "@img/sharp-win32-x64":
-      optional: true
-  checksum: 04beae89910ac65c5f145f88de162e8466bec67705f497ace128de849c24d168993e016f33a343a1f3c30b25d2a90c3e62b017a9a0d25452371556f6cd2471e4
-  languageName: node
-  linkType: hard
-
 "shebang-command@npm:^1.2.0":
   version: 1.2.0
   resolution: "shebang-command@npm:1.2.0"
@@ -41996,41 +40277,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"side-channel-list@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "side-channel-list@npm:1.0.0"
-  dependencies:
-    es-errors: ^1.3.0
-    object-inspect: ^1.13.3
-  checksum: 603b928997abd21c5a5f02ae6b9cc36b72e3176ad6827fab0417ead74580cc4fb4d5c7d0a8a2ff4ead34d0f9e35701ed7a41853dac8a6d1a664fcce1a044f86f
-  languageName: node
-  linkType: hard
-
-"side-channel-map@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "side-channel-map@npm:1.0.1"
-  dependencies:
-    call-bound: ^1.0.2
-    es-errors: ^1.3.0
-    get-intrinsic: ^1.2.5
-    object-inspect: ^1.13.3
-  checksum: 42501371cdf71f4ccbbc9c9e2eb00aaaab80a4c1c429d5e8da713fd4d39ef3b8d4a4b37ed4f275798a65260a551a7131fd87fe67e922dba4ac18586d6aab8b06
-  languageName: node
-  linkType: hard
-
-"side-channel-weakmap@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "side-channel-weakmap@npm:1.0.2"
-  dependencies:
-    call-bound: ^1.0.2
-    es-errors: ^1.3.0
-    get-intrinsic: ^1.2.5
-    object-inspect: ^1.13.3
-    side-channel-map: ^1.0.1
-  checksum: a815c89bc78c5723c714ea1a77c938377ea710af20d4fb886d362b0d1f8ac73a17816a5f6640f354017d7e292a43da9c5e876c22145bac00b76cfb3468001736
-  languageName: node
-  linkType: hard
-
 "side-channel@npm:^1.0.4":
   version: 1.0.4
   resolution: "side-channel@npm:1.0.4"
@@ -42054,19 +40300,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"side-channel@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "side-channel@npm:1.1.0"
-  dependencies:
-    es-errors: ^1.3.0
-    object-inspect: ^1.13.3
-    side-channel-list: ^1.0.0
-    side-channel-map: ^1.0.1
-    side-channel-weakmap: ^1.0.2
-  checksum: bf73d6d6682034603eb8e99c63b50155017ed78a522d27c2acec0388a792c3ede3238b878b953a08157093b85d05797217d270b7666ba1f111345fbe933380ff
-  languageName: node
-  linkType: hard
-
 "siginfo@npm:^2.0.0":
   version: 2.0.0
   resolution: "siginfo@npm:2.0.0"
@@ -42927,17 +41160,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string.prototype.includes@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "string.prototype.includes@npm:2.0.1"
-  dependencies:
-    call-bind: ^1.0.7
-    define-properties: ^1.2.1
-    es-abstract: ^1.23.3
-  checksum: ed4b7058b092f30d41c4df1e3e805eeea92479d2c7a886aa30f42ae32fde8924a10cc99cccc99c29b8e18c48216608a0fe6bf887f8b4aadf9559096a758f313a
-  languageName: node
-  linkType: hard
-
 "string.prototype.matchall@npm:^4.0.10":
   version: 4.0.10
   resolution: "string.prototype.matchall@npm:4.0.10"
@@ -42955,27 +41177,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string.prototype.matchall@npm:^4.0.12":
-  version: 4.0.12
-  resolution: "string.prototype.matchall@npm:4.0.12"
-  dependencies:
-    call-bind: ^1.0.8
-    call-bound: ^1.0.3
-    define-properties: ^1.2.1
-    es-abstract: ^1.23.6
-    es-errors: ^1.3.0
-    es-object-atoms: ^1.0.0
-    get-intrinsic: ^1.2.6
-    gopd: ^1.2.0
-    has-symbols: ^1.1.0
-    internal-slot: ^1.1.0
-    regexp.prototype.flags: ^1.5.3
-    set-function-name: ^2.0.2
-    side-channel: ^1.1.0
-  checksum: 98a09d6af91bfc6ee25556f3d7cd6646d02f5f08bda55d45528ed273d266d55a71af7291fe3fc76854deffb9168cc1a917d0b07a7d5a178c7e9537c99e6d2b57
-  languageName: node
-  linkType: hard
-
 "string.prototype.matchall@npm:^4.0.7":
   version: 4.0.7
   resolution: "string.prototype.matchall@npm:4.0.7"
@@ -43019,31 +41220,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string.prototype.repeat@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "string.prototype.repeat@npm:1.0.0"
-  dependencies:
-    define-properties: ^1.1.3
-    es-abstract: ^1.17.5
-  checksum: 95dfc514ed7f328d80a066dabbfbbb1615c3e51490351085409db2eb7cbfed7ea29fdadaf277647fbf9f4a1e10e6dd9e95e78c0fd2c4e6bb6723ea6e59401004
-  languageName: node
-  linkType: hard
-
-"string.prototype.trim@npm:^1.2.10":
-  version: 1.2.10
-  resolution: "string.prototype.trim@npm:1.2.10"
-  dependencies:
-    call-bind: ^1.0.8
-    call-bound: ^1.0.2
-    define-data-property: ^1.1.4
-    define-properties: ^1.2.1
-    es-abstract: ^1.23.5
-    es-object-atoms: ^1.0.0
-    has-property-descriptors: ^1.0.2
-  checksum: 87659cd8561237b6c69f5376328fda934693aedde17bb7a2c57008e9d9ff992d0c253a391c7d8d50114e0e49ff7daf86a362f7961cf92f7564cd01342ca2e385
-  languageName: node
-  linkType: hard
-
 "string.prototype.trim@npm:^1.2.8":
   version: 1.2.8
   resolution: "string.prototype.trim@npm:1.2.8"
@@ -43110,18 +41286,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string.prototype.trimend@npm:^1.0.9":
-  version: 1.0.9
-  resolution: "string.prototype.trimend@npm:1.0.9"
-  dependencies:
-    call-bind: ^1.0.8
-    call-bound: ^1.0.2
-    define-properties: ^1.2.1
-    es-object-atoms: ^1.0.0
-  checksum: cb86f639f41d791a43627784be2175daa9ca3259c7cb83e7a207a729909b74f2ea0ec5d85de5761e6835e5f443e9420c6ff3f63a845378e4a61dd793177bc287
-  languageName: node
-  linkType: hard
-
 "string.prototype.trimstart@npm:^1.0.4":
   version: 1.0.4
   resolution: "string.prototype.trimstart@npm:1.0.4"
@@ -43154,17 +41318,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string.prototype.trimstart@npm:^1.0.8":
-  version: 1.0.8
-  resolution: "string.prototype.trimstart@npm:1.0.8"
-  dependencies:
-    call-bind: ^1.0.7
-    define-properties: ^1.2.1
-    es-object-atoms: ^1.0.0
-  checksum: df1007a7f580a49d692375d996521dc14fd103acda7f3034b3c558a60b82beeed3a64fa91e494e164581793a8ab0ae2f59578a49896a7af6583c1f20472bce96
-  languageName: node
-  linkType: hard
-
 "string_decoder@npm:^1.0.0, string_decoder@npm:^1.1.1, string_decoder@npm:^1.3.0":
   version: 1.3.0
   resolution: "string_decoder@npm:1.3.0"
@@ -43382,22 +41535,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"styled-jsx@npm:5.1.6":
-  version: 5.1.6
-  resolution: "styled-jsx@npm:5.1.6"
-  dependencies:
-    client-only: 0.0.1
-  peerDependencies:
-    react: ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
-  peerDependenciesMeta:
-    "@babel/core":
-      optional: true
-    babel-plugin-macros:
-      optional: true
-  checksum: 879ad68e3e81adcf4373038aaafe55f968294955593660e173fbf679204aff158c59966716a60b29af72dc88795cfb2c479b6d2c3c87b2b2d282f3e27cc66461
-  languageName: node
-  linkType: hard
-
 "stylis@npm:4.0.13":
   version: 4.0.13
   resolution: "stylis@npm:4.0.13"
@@ -43430,24 +41567,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sucrase@npm:^3.35.0":
-  version: 3.35.0
-  resolution: "sucrase@npm:3.35.0"
-  dependencies:
-    "@jridgewell/gen-mapping": ^0.3.2
-    commander: ^4.0.0
-    glob: ^10.3.10
-    lines-and-columns: ^1.1.6
-    mz: ^2.7.0
-    pirates: ^4.0.1
-    ts-interface-checker: ^0.1.9
-  bin:
-    sucrase: bin/sucrase
-    sucrase-node: bin/sucrase-node
-  checksum: 9fc5792a9ab8a14dcf9c47dcb704431d35c1cdff1d17d55d382a31c2e8e3063870ad32ce120a80915498486246d612e30cda44f1624d9d9a10423e1a43487ad1
-  languageName: node
-  linkType: hard
-
 "superagent@npm:^5.1.1":
   version: 5.3.1
   resolution: "superagent@npm:5.3.1"
@@ -43865,39 +41984,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tailwindcss@npm:^3.4.1":
-  version: 3.4.17
-  resolution: "tailwindcss@npm:3.4.17"
-  dependencies:
-    "@alloc/quick-lru": ^5.2.0
-    arg: ^5.0.2
-    chokidar: ^3.6.0
-    didyoumean: ^1.2.2
-    dlv: ^1.1.3
-    fast-glob: ^3.3.2
-    glob-parent: ^6.0.2
-    is-glob: ^4.0.3
-    jiti: ^1.21.6
-    lilconfig: ^3.1.3
-    micromatch: ^4.0.8
-    normalize-path: ^3.0.0
-    object-hash: ^3.0.0
-    picocolors: ^1.1.1
-    postcss: ^8.4.47
-    postcss-import: ^15.1.0
-    postcss-js: ^4.0.1
-    postcss-load-config: ^4.0.2
-    postcss-nested: ^6.2.0
-    postcss-selector-parser: ^6.1.2
-    resolve: ^1.22.8
-    sucrase: ^3.35.0
-  bin:
-    tailwind: lib/cli.js
-    tailwindcss: lib/cli.js
-  checksum: bda962f30e9a2f0567e2ee936ec863d5178958078e577ced13da60b3af779062a53a7e95f2f32b5c558f12a7477dea3ce071441a7362c6d7bf50bc9e166728a4
-  languageName: node
-  linkType: hard
-
 "tapable@npm:^2.0.0, tapable@npm:^2.1.1, tapable@npm:^2.2.0, tapable@npm:^2.2.1":
   version: 2.2.1
   resolution: "tapable@npm:2.2.1"
@@ -44612,15 +42698,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ts-api-utils@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "ts-api-utils@npm:2.0.1"
-  peerDependencies:
-    typescript: ">=4.8.4"
-  checksum: ca31f4dc3c0d69691599de2955b41879c27cb91257f2a468bbb444d3f09982a5f717a941fcebd3aaa092b778710647a0be1c2b1dd75cf6c82ceffc3bf4c7d27d
-  languageName: node
-  linkType: hard
-
 "ts-dedent@npm:^2.0.0, ts-dedent@npm:^2.2.0":
   version: 2.2.0
   resolution: "ts-dedent@npm:2.2.0"
@@ -44967,13 +43044,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^2.8.0":
-  version: 2.8.1
-  resolution: "tslib@npm:2.8.1"
-  checksum: e4aba30e632b8c8902b47587fd13345e2827fa639e7c3121074d5ee0880723282411a8838f830b55100cbe4517672f84a2472667d355b81e8af165a55dc6203a
-  languageName: node
-  linkType: hard
-
 "tslog@npm:^4.9.2":
   version: 4.9.2
   resolution: "tslog@npm:4.9.2"
@@ -45284,17 +43354,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typed-array-buffer@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "typed-array-buffer@npm:1.0.3"
-  dependencies:
-    call-bound: ^1.0.3
-    es-errors: ^1.3.0
-    is-typed-array: ^1.1.14
-  checksum: 3fb91f0735fb413b2bbaaca9fabe7b8fc14a3fa5a5a7546bab8a57e755be0e3788d893195ad9c2b842620592de0e68d4c077d4c2c41f04ec25b8b5bb82fa9a80
-  languageName: node
-  linkType: hard
-
 "typed-array-byte-length@npm:^1.0.0":
   version: 1.0.0
   resolution: "typed-array-byte-length@npm:1.0.0"
@@ -45320,19 +43379,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typed-array-byte-length@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "typed-array-byte-length@npm:1.0.3"
-  dependencies:
-    call-bind: ^1.0.8
-    for-each: ^0.3.3
-    gopd: ^1.2.0
-    has-proto: ^1.2.0
-    is-typed-array: ^1.1.14
-  checksum: cda9352178ebeab073ad6499b03e938ebc30c4efaea63a26839d89c4b1da9d2640b0d937fc2bd1f049eb0a38def6fbe8a061b601292ae62fe079a410ce56e3a6
-  languageName: node
-  linkType: hard
-
 "typed-array-byte-offset@npm:^1.0.0":
   version: 1.0.0
   resolution: "typed-array-byte-offset@npm:1.0.0"
@@ -45360,21 +43406,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typed-array-byte-offset@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "typed-array-byte-offset@npm:1.0.4"
-  dependencies:
-    available-typed-arrays: ^1.0.7
-    call-bind: ^1.0.8
-    for-each: ^0.3.3
-    gopd: ^1.2.0
-    has-proto: ^1.2.0
-    is-typed-array: ^1.1.15
-    reflect.getprototypeof: ^1.0.9
-  checksum: 670b7e6bb1d3c2cf6160f27f9f529e60c3f6f9611c67e47ca70ca5cfa24ad95415694c49d1dbfeda016d3372cab7dfc9e38c7b3e1bb8d692cae13a63d3c144d7
-  languageName: node
-  linkType: hard
-
 "typed-array-length@npm:^1.0.4":
   version: 1.0.4
   resolution: "typed-array-length@npm:1.0.4"
@@ -45400,20 +43431,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typed-array-length@npm:^1.0.7":
-  version: 1.0.7
-  resolution: "typed-array-length@npm:1.0.7"
-  dependencies:
-    call-bind: ^1.0.7
-    for-each: ^0.3.3
-    gopd: ^1.0.1
-    is-typed-array: ^1.1.13
-    possible-typed-array-names: ^1.0.0
-    reflect.getprototypeof: ^1.0.6
-  checksum: deb1a4ffdb27cd930b02c7030cb3e8e0993084c643208e52696e18ea6dd3953dfc37b939df06ff78170423d353dc8b10d5bae5796f3711c1b3abe52872b3774c
-  languageName: node
-  linkType: hard
-
 "typedarray-to-buffer@npm:^3.1.5":
   version: 3.1.5
   resolution: "typedarray-to-buffer@npm:3.1.5"
@@ -45537,16 +43554,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:^5":
-  version: 5.7.3
-  resolution: "typescript@npm:5.7.3"
-  bin:
-    tsc: bin/tsc
-    tsserver: bin/tsserver
-  checksum: 6c38b1e989918e576f0307e6ee013522ea480dfce5f3ca85c9b2d8adb1edeffd37f4f30cd68de0c38a44563d12ba922bdb7e36aa2dac9c51de5d561e6e9a2e9c
-  languageName: node
-  linkType: hard
-
 "typescript@npm:^5.2.2, typescript@npm:^5.3.3":
   version: 5.4.2
   resolution: "typescript@npm:5.4.2"
@@ -45587,16 +43594,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@^5#~builtin<compat/typescript>":
-  version: 5.7.3
-  resolution: "typescript@patch:typescript@npm%3A5.7.3#~builtin<compat/typescript>::version=5.7.3&hash=1f5320"
-  bin:
-    tsc: bin/tsc
-    tsserver: bin/tsserver
-  checksum: 633cd749d6cd7bc842c6b6245847173bba99742a60776fae3c0fbcc0d1733cd51a733995e5f4dadd8afb0e64e57d3c7dbbeae953a072ee303940eca69e22f311
-  languageName: node
-  linkType: hard
-
 "typescript@patch:typescript@^5.2.2#~builtin<compat/typescript>, typescript@patch:typescript@^5.3.3#~builtin<compat/typescript>":
   version: 5.4.2
   resolution: "typescript@patch:typescript@npm%3A5.4.2#~builtin<compat/typescript>::version=5.4.2&hash=1f5320"
@@ -45640,28 +43637,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ui-playground@workspace:apps/ui-playground":
-  version: 0.0.0-use.local
-  resolution: "ui-playground@workspace:apps/ui-playground"
-  dependencies:
-    "@calcom/config": "*"
-    "@calcom/lib": "*"
-    "@calcom/ui": "*"
-    "@eslint/eslintrc": ^3
-    "@types/node": ^20
-    "@types/react": ^18
-    "@types/react-dom": ^18
-    eslint: ^9
-    eslint-config-next: 15.1.6
-    next: 15.1.6
-    postcss: ^8
-    react: ^18.0.0
-    react-dom: ^18.0.0
-    tailwindcss: ^3.4.1
-    typescript: ^5
-  languageName: unknown
-  linkType: soft
-
 "uid@npm:2.0.2":
   version: 2.0.2
   resolution: "uid@npm:2.0.2"
@@ -45695,18 +43670,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unbox-primitive@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "unbox-primitive@npm:1.1.0"
-  dependencies:
-    call-bound: ^1.0.3
-    has-bigints: ^1.0.2
-    has-symbols: ^1.1.0
-    which-boxed-primitive: ^1.1.1
-  checksum: 729f13b84a5bfa3fead1d8139cee5c38514e63a8d6a437819a473e241ba87eeb593646568621c7fc7f133db300ef18d65d1a5a60dc9c7beb9000364d93c581df
-  languageName: node
-  linkType: hard
-
 "undici@npm:^5.28.2":
   version: 5.28.4
   resolution: "undici@npm:5.28.4"
@@ -47082,19 +45045,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"which-boxed-primitive@npm:^1.1.0, which-boxed-primitive@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "which-boxed-primitive@npm:1.1.1"
-  dependencies:
-    is-bigint: ^1.1.0
-    is-boolean-object: ^1.2.1
-    is-number-object: ^1.1.1
-    is-string: ^1.1.1
-    is-symbol: ^1.1.1
-  checksum: ee41d0260e4fd39551ad77700c7047d3d281ec03d356f5e5c8393fe160ba0db53ef446ff547d05f76ffabfd8ad9df7c9a827e12d4cccdbc8fccf9239ff8ac21e
-  languageName: node
-  linkType: hard
-
 "which-builtin-type@npm:^1.1.3":
   version: 1.1.3
   resolution: "which-builtin-type@npm:1.1.3"
@@ -47115,28 +45065,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"which-builtin-type@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "which-builtin-type@npm:1.2.1"
-  dependencies:
-    call-bound: ^1.0.2
-    function.prototype.name: ^1.1.6
-    has-tostringtag: ^1.0.2
-    is-async-function: ^2.0.0
-    is-date-object: ^1.1.0
-    is-finalizationregistry: ^1.1.0
-    is-generator-function: ^1.0.10
-    is-regex: ^1.2.1
-    is-weakref: ^1.0.2
-    isarray: ^2.0.5
-    which-boxed-primitive: ^1.1.0
-    which-collection: ^1.0.2
-    which-typed-array: ^1.1.16
-  checksum: 7a3617ba0e7cafb795f74db418df889867d12bce39a477f3ee29c6092aa64d396955bf2a64eae3726d8578440e26777695544057b373c45a8bcf5fbe920bf633
-  languageName: node
-  linkType: hard
-
-"which-collection@npm:^1.0.1, which-collection@npm:^1.0.2":
+"which-collection@npm:^1.0.1":
   version: 1.0.2
   resolution: "which-collection@npm:1.0.2"
   dependencies:
@@ -47191,20 +45120,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"which-typed-array@npm:^1.1.16, which-typed-array@npm:^1.1.18":
-  version: 1.1.18
-  resolution: "which-typed-array@npm:1.1.18"
-  dependencies:
-    available-typed-arrays: ^1.0.7
-    call-bind: ^1.0.8
-    call-bound: ^1.0.3
-    for-each: ^0.3.3
-    gopd: ^1.2.0
-    has-tostringtag: ^1.0.2
-  checksum: d2feea7f51af66b3a240397aa41c796585033e1069f18e5b6d4cd3878538a1e7780596fd3ea9bf347c43d9e98e13be09b37d9ea3887cef29b11bc291fd47bb52
-  languageName: node
-  linkType: hard
-
 "which@npm:^1.2.9":
   version: 1.3.1
   resolution: "which@npm:1.3.1"
@@ -47341,13 +45256,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"word-wrap@npm:^1.2.5":
-  version: 1.2.5
-  resolution: "word-wrap@npm:1.2.5"
-  checksum: f93ba3586fc181f94afdaff3a6fef27920b4b6d9eaefed0f428f8e07adea2a7f54a5f2830ce59406c8416f033f86902b91eb824072354645eea687dff3691ccb
-  languageName: node
-  linkType: hard
-
 "wordwrap@npm:^1.0.0":
   version: 1.0.0
   resolution: "wordwrap@npm:1.0.0"
@@ -47739,15 +45647,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yaml@npm:^2.3.4":
-  version: 2.7.0
-  resolution: "yaml@npm:2.7.0"
-  bin:
-    yaml: bin.mjs
-  checksum: 6e8b2f9b9d1b18b10274d58eb3a47ec223d9a93245a890dcb34d62865f7e744747190a9b9177d5f0ef4ea2e44ad2c0214993deb42e0800766203ac46f00a12dd
-  languageName: node
-  linkType: hard
-
 "yargs-parser@npm:21.1.1, yargs-parser@npm:^21.0.1, yargs-parser@npm:^21.1.1":
   version: 21.1.1
   resolution: "yargs-parser@npm:21.1.1"