diff --git a/examples/one-recommended/.env.default b/examples/one-recommended/.env.default deleted file mode 100644 index 7c92af125..000000000 --- a/examples/one-recommended/.env.default +++ /dev/null @@ -1,2 +0,0 @@ -DATABASE_URL=postgresql://user:password@localhost:6432/postgres -ONE_SERVER_URL= diff --git a/examples/one-recommended/.gitignore b/examples/one-recommended/.gitignore deleted file mode 100644 index 4a7b506cb..000000000 --- a/examples/one-recommended/.gitignore +++ /dev/null @@ -1,38 +0,0 @@ -.yarn/* -!.yarn/patches -!.yarn/plugins -!.yarn/releases -!.yarn/sdks -!.yarn/versions - -.turbo - -tmp -dist -node_modules - -*.tsbuildinfo -*.tmp.js - -yarn-error.log -tsconfig.tsbuildinfo -.DS_Store - -.tamagui - -.idea - -.env -# local env files -.env.local -.env.development.local -.env.test.localp -.env.production.local - -.expo - -# generated code -/ios -/android - -tamagui.css diff --git a/examples/one-recommended/.node-version b/examples/one-recommended/.node-version deleted file mode 120000 index bb25ae973..000000000 --- a/examples/one-recommended/.node-version +++ /dev/null @@ -1 +0,0 @@ -../../.node-version \ No newline at end of file diff --git a/examples/one-recommended/README.md b/examples/one-recommended/README.md deleted file mode 100644 index bdadcd3dc..000000000 --- a/examples/one-recommended/README.md +++ /dev/null @@ -1,58 +0,0 @@ -# One Project - -Welcome to One! - -## Setup - -Now you'll need to run a postgres database. We've included a -`docker-compose.yml` that will set up everything for you. - -You'll want to set up docker first: - -- On Mac, we recommend [OrbStack](https://orbstack.dev) as it's faster. -- Otherwise [Docker Desktop](https://www.docker.com/products/docker-desktop/). - -Now run: - -```bash -docker-compose up -``` - -Set up your DB: - -```bash -yarn db:init -``` - -## Developing - -You can now run your One app in development: - -```bash -yarn dev -``` - -If using the default port, you can open it on the web now with https://0.0.0.0:8081 - -And on Native, you should be able to load it using the same URL. You'll need a native app set up, for this we recommend [Expo Go](https://expo.dev/go). - -## Production - -To build your app for production: - -### Web - -```bash -yarn build:web -``` - -### iOS - -First, you'll need to generate the native code for your app: - -```bash -yarn prebuild:native -``` - -Afterward, follow the instructions printed in the terminal to build and upload -your iOS app for distribution. diff --git a/examples/one-recommended/app.json b/examples/one-recommended/app.json deleted file mode 100644 index 8f74dab83..000000000 --- a/examples/one-recommended/app.json +++ /dev/null @@ -1,31 +0,0 @@ -{ - "expo": { - "name": "one-example", - "slug": "one-example", - "newArchEnabled": true, - "platforms": [ - "ios", - "android" - ], - "plugins": [ - "vxrn/expo-plugin", - [ - "expo-build-properties", - { - "ios": { - "ccacheEnabled": true - } - } - ] - ], - "icon": "./public/app-icon.png", - "splash": { - "image": "./public/splash.png", - "resizeMode": "contain", - "backgroundColor": "#000000" - }, - "ios": { - "bundleIdentifier": "com.natew.one-example" - } - } -} diff --git a/examples/one-recommended/app/(feed)/_layout.tsx b/examples/one-recommended/app/(feed)/_layout.tsx deleted file mode 100644 index ca39d49c2..000000000 --- a/examples/one-recommended/app/(feed)/_layout.tsx +++ /dev/null @@ -1,41 +0,0 @@ -import { isWeb, View } from 'tamagui' -import { Slot, Stack } from 'one' -import { ToggleThemeButton } from '~/code/theme/ToggleThemeButton' -import { Logo } from '~/code/brand/Logo' - -export default function FeedLayout() { - return ( - - {isWeb ? ( - - ) : ( - { - return { - title: (route?.params as any)?.preloadTitle || undefined, - headerRight() { - return ( - - - - ) - }, - } - }} - > - - }, - }} - /> - - - )} - - ) -} diff --git a/examples/one-recommended/app/(feed)/index.tsx b/examples/one-recommended/app/(feed)/index.tsx deleted file mode 100644 index 13ec95f55..000000000 --- a/examples/one-recommended/app/(feed)/index.tsx +++ /dev/null @@ -1,73 +0,0 @@ -import { desc, eq, sql } from 'drizzle-orm' -import { getURL, Stack, useLoader, type LoaderProps } from 'one' -import { RefreshControl } from 'react-native' -import { ScrollView } from 'tamagui' -import { db } from '~/code/db/connection' -import { likes, posts, replies, reposts, users } from '~/code/db/schema' -import { FeedCard } from '~/code/feed/FeedCard' -import { PageContainer } from '~/code/ui/PageContainer' - -export async function loader({ path }: LoaderProps) { - try { - const url = new URL(getURL() + path) - const page = Number(url.searchParams.get('page') || '1') - const limit = Number(url.searchParams.get('limit') || '10') - const offset = (page - 1) * limit - - const feed = await db - .select({ - id: posts.id, - content: posts.content, - createdAt: posts.createdAt, - user: { - name: users.username, - avatar: users.avatarUrl, - }, - likesCount: - sql`(SELECT COUNT(*) FROM ${likes} WHERE ${likes.postId} = ${posts.id})`.as( - 'likesCount' - ), - repliesCount: - sql`(SELECT COUNT(*) FROM ${replies} WHERE ${replies.postId} = ${posts.id})`.as( - 'repliesCount' - ), - repostsCount: - sql`(SELECT COUNT(*) FROM ${reposts} WHERE ${reposts.postId} = ${posts.id})`.as( - 'repostsCount' - ), - }) - .from(posts) - .leftJoin(users, eq(users.id, posts.userId)) - .orderBy(desc(posts.createdAt)) - .limit(limit) - .offset(offset) - - return { feed } - } catch (error) { - console.error(error) - throw new Error(`Failed to fetch feed: ${(error as Error).message}`) - } -} - -export function FeedPage() { - const { feed } = useLoader(loader) - - return ( - <> - - - - - - {feed.map((item) => ( - - ))} - - - - ) -} diff --git a/examples/one-recommended/app/(feed)/post/[id]+ssr.tsx b/examples/one-recommended/app/(feed)/post/[id]+ssr.tsx deleted file mode 100644 index 7fd5783cf..000000000 --- a/examples/one-recommended/app/(feed)/post/[id]+ssr.tsx +++ /dev/null @@ -1,105 +0,0 @@ -import { eq, sql } from 'drizzle-orm' -import { useLoader, useNavigation, useParams } from 'one' -import { useEffect } from 'react' -import { YStack } from 'tamagui' -import { db } from '~/code/db/connection' -import { likes, posts, replies, reposts, users } from '~/code/db/schema' -import { FeedCard } from '~/code/feed/FeedCard' -import { PageContainer } from '~/code/ui/PageContainer' - -export async function loader({ params }) { - const id = params.id - - if (!id) { - throw new Error('Invalid post ID') - } - - try { - const post = await db - .select({ - id: posts.id, - content: posts.content, - createdAt: posts.createdAt, - user: { - name: users.username, - avatar: users.avatarUrl, - }, - likesCount: - sql`(SELECT COUNT(*) FROM ${likes} WHERE ${likes.postId} = ${posts.id})`.as( - 'likesCount' - ), - repliesCount: - sql`(SELECT COUNT(*) FROM ${replies} WHERE ${replies.postId} = ${posts.id})`.as( - 'repliesCount' - ), - repostsCount: - sql`(SELECT COUNT(*) FROM ${reposts} WHERE ${reposts.postId} = ${posts.id})`.as( - 'repostsCount' - ), - }) - .from(posts) - .leftJoin(users, eq(users.id, posts.userId)) - .where(eq(posts.id, Number(id))) - .limit(1) - - if (post.length === 0) { - throw new Error('Post not found') - } - - const repliesData = await db - .select({ - id: replies.id, - content: replies.content, - createdAt: replies.createdAt, - user: { - name: users.username, - avatar: users.avatarUrl, - }, - }) - .from(replies) - .leftJoin(users, eq(users.id, replies.userId)) - .where(eq(replies.postId, Number(id))) - - return { - ...post[0], - replies: repliesData, - } - } catch (error) { - throw new Error(`Failed to fetch post: ${(error as Error).message}`) - } -} - -export function PostPage() { - const data = useLoader(loader) - - const navigation = useNavigation() - const params = useParams() - - useEffect(() => { - navigation.setOptions({ title: data?.content || `Post #${params.id}` }) - }, [navigation, data?.content, params.id]) - - if (!data) { - return null - } - - return ( - <> - - - {data.replies && data.replies.length > 0 && ( - - {data.replies.map((reply) => ( - - ))} - - )} - - - ) -} diff --git a/examples/one-recommended/app/_layout.css b/examples/one-recommended/app/_layout.css deleted file mode 100644 index a3a5c643e..000000000 --- a/examples/one-recommended/app/_layout.css +++ /dev/null @@ -1,31 +0,0 @@ -html, -body { - max-width: 100vw; -} - -body { - overflow-x: hidden; -} - -body { - margin: 0; - position: relative; - max-width: 100vw; - background-color: var(--bodyBg) !important; -} - -a { - text-decoration: underline; - text-decoration-thickness: 2px; - text-decoration-color: var(--color025); - text-underline-offset: 3px; - transition: all ease-in 100ms; -} - -:root { - --bodyBg: #fff; -} - -:root.t_dark { - --bodyBg: #000; -} diff --git a/examples/one-recommended/app/_layout.tsx b/examples/one-recommended/app/_layout.tsx deleted file mode 100644 index 5aa08fc66..000000000 --- a/examples/one-recommended/app/_layout.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import '@tamagui/core/reset.css' -import '~/code/styles/base.css' -import '~/code/styles/tamagui.css' -import './_layout.css' - -/** - * The root _layout.tsx filters and out on native - */ - -import { SchemeProvider, useUserScheme } from '@vxrn/color-scheme' -import { LoadProgressBar } from 'one' -import { isWeb, TamaguiProvider } from 'tamagui' -import { HomeLayout } from '~/code/home/HomeLayout' -import config from '../config/tamagui.config' - -export default function Layout() { - return ( - - - - - - - - - - - - - - - ) -} - -const TamaguiRootProvider = ({ children }: { children: React.ReactNode }) => { - const userScheme = useUserScheme() - - return ( - - {children} - - ) -} diff --git a/examples/one-recommended/app/api/authentication+api.tsx b/examples/one-recommended/app/api/authentication+api.tsx deleted file mode 100644 index c57e2c47a..000000000 --- a/examples/one-recommended/app/api/authentication+api.tsx +++ /dev/null @@ -1,140 +0,0 @@ -/** - * This endpoint will handle user authentication including sign-up, login, update, delete, and logout. - * We will use the Node.js standard library for password hashing and verification. - * The methods will be: - * - GET: Check if the user is logged in - * - POST: Sign-up a new user - * - PUT: Update user details - * - DELETE: Delete a user account - * - GET (logout): Log out the user using a query string parameter - */ - -import { eq } from 'drizzle-orm' -import { createHash, randomBytes, timingSafeEqual } from 'node:crypto' -import { db } from '~/code/db/connection' -import { users } from '~/code/db/schema' - -// Helper function to hash passwords -const hashPassword = (password: string) => { - const salt = randomBytes(16).toString('hex') - const hash = createHash('sha256') - .update(password + salt) - .digest('hex') - return `${salt}:${hash}` -} - -// Helper function to get session from cookies -const getSession = (request: Request) => { - const cookie = request.headers.get('Cookie') - if (!cookie) return null - const sessionCookie = cookie.split('; ').find((c) => c.startsWith('session=')) - if (!sessionCookie) return null - const session = JSON.parse(decodeURIComponent(sessionCookie.split('=')[1])) - return session -} - -// Helper function to destroy session -const destroySession = (session: any) => { - // Invalidate the session (implementation depends on your session management) - // For example, you could remove the session from a database or cache -} - -export async function GET(request: Request) { - const url = new URL(request.url) - const action = url.searchParams.get('action') - - if (action === 'logout') { - // Log out the user by destroying the session - const session = getSession(request) - if (session) { - destroySession(session) - return new Response(JSON.stringify({ success: true }), { - headers: { 'Content-Type': 'application/json' }, - }) - } - return new Response(JSON.stringify({ error: 'No active session' }), { - status: 400, - headers: { 'Content-Type': 'application/json' }, - }) - } - - // Check if the user is logged in - const session = getSession(request) - if (session?.user) { - return new Response(JSON.stringify({ loggedIn: true, user: session.user }), { - headers: { 'Content-Type': 'application/json' }, - }) - } - return new Response(JSON.stringify({ loggedIn: false }), { - headers: { 'Content-Type': 'application/json' }, - }) -} - -export async function POST(request: Request) { - const { username, email, password } = await request.json() - - // Hash the password - const passwordHash = hashPassword(password) - - try { - // Insert the new user into the database - const newUser = await db - .insert(users) - .values({ username, email, passwordHash }) - .returning({ id: users.id, username: users.username, email: users.email }) - .then((res) => res[0]) - - return new Response(JSON.stringify(newUser), { - headers: { 'Content-Type': 'application/json' }, - }) - } catch (error) { - return new Response(JSON.stringify({ error: 'Failed to sign up' }), { - status: 500, - headers: { 'Content-Type': 'application/json' }, - }) - } -} - -export async function PUT(request: Request) { - const { id, username, email, password } = await request.json() - - // Hash the new password if provided - const passwordHash = password ? hashPassword(password) : undefined - - try { - // Update the user details in the database - const updatedUser = await db - .update(users) - .set({ username, email, ...(passwordHash && { passwordHash }) }) - .where(eq(users.id, id)) - .returning({ id: users.id, username: users.username, email: users.email }) - .then((res) => res[0]) - - return new Response(JSON.stringify(updatedUser), { - headers: { 'Content-Type': 'application/json' }, - }) - } catch (error) { - return new Response(JSON.stringify({ error: 'Failed to update user' }), { - status: 500, - headers: { 'Content-Type': 'application/json' }, - }) - } -} - -export async function DELETE(request: Request) { - const { id } = await request.json() - - try { - // Delete the user from the database - await db.delete(users).where(eq(users.id, id)) - - return new Response(JSON.stringify({ success: true }), { - headers: { 'Content-Type': 'application/json' }, - }) - } catch (error) { - return new Response(JSON.stringify({ error: 'Failed to delete user' }), { - status: 500, - headers: { 'Content-Type': 'application/json' }, - }) - } -} diff --git a/examples/one-recommended/app/notifications+spa.tsx b/examples/one-recommended/app/notifications+spa.tsx deleted file mode 100644 index 834d77c72..000000000 --- a/examples/one-recommended/app/notifications+spa.tsx +++ /dev/null @@ -1,130 +0,0 @@ -import { desc, eq, sql } from 'drizzle-orm' -import { type Href, type LoaderProps, SafeAreaView, getURL, href, useLoader } from 'one' -import { ScrollView } from 'react-native' -import { isWeb } from 'tamagui' -import { db } from '~/code/db/connection' -import { follows, likes, posts, reposts, users } from '~/code/db/schema' -import { NotificationCard } from '~/code/notifications/NotificationCard' -import { PageContainer } from '~/code/ui/PageContainer' - -type NotificationType = 'like' | 'follow' | 'repost' - -export async function loader({ path }: LoaderProps) { - try { - const url = new URL(getURL() + path) - const page = Number(url.searchParams.get('page') || '1') - const limit = Number(url.searchParams.get('limit') || '50') - const offset = (page - 1) * limit - - // Fetch a random user from the database - const randomUserQuery = db - .select({ - id: users.id, - name: users.username, - avatar: users.avatarUrl, - }) - .from(users) - .orderBy(sql`RANDOM()`) - .limit(1) - - const randomUser = await randomUserQuery - - if (randomUser.length === 0) { - throw new Error('No users found in the database') - } - - const USER_ID = randomUser[0].id - - const notificationsQuery = db - .select({ - username: users.username, - avatar: users.avatarUrl, - userId: users.id, - postId: posts.id, - postContent: posts.content, - createdAt: sql`${likes.createdAt} as created_at`, - actionType: sql`'like'`.as('actionType'), - }) - .from(likes) - .leftJoin(users, eq(users.id, likes.userId)) - .leftJoin(posts, eq(posts.id, likes.postId)) - .where(eq(posts.userId, USER_ID)) - .union( - db - .select({ - username: users.username, - avatar: users.avatarUrl, - userId: users.id, - postId: posts.id, - postContent: posts.content, - createdAt: sql`${reposts.createdAt} as created_at`, - actionType: sql`'repost'`.as('actionType'), - }) - .from(reposts) - .leftJoin(users, eq(users.id, reposts.userId)) - .leftJoin(posts, eq(posts.id, reposts.postId)) - .where(eq(posts.userId, USER_ID)) - ) - .union( - // @ts-expect-error TODO - db - .select({ - username: users.username, - avatar: users.avatarUrl, - userId: users.id, - postId: sql`NULL`.as('postId'), - postContent: sql`NULL`.as('postContent'), - createdAt: sql`${follows.createdAt} as created_at`, - actionType: sql`'follow'`.as('actionType'), - }) - .from(follows) - .leftJoin(users, eq(users.id, follows.followerId)) - .where(eq(follows.followingId, USER_ID)) - ) - .orderBy(desc(sql`created_at`)) - .limit(limit) - .offset(offset) - - const notifications = await notificationsQuery - - const formattedNotifications = notifications.map((notification) => ({ - action: notification.actionType as NotificationType, - fromUser: { - username: notification.username, - userLink: '/TODO' as Href, - avatar: notification.avatar, - }, - post: notification.postId - ? { - postLink: href(`/post/${notification.postId || 0}`), - content: notification.postContent, - } - : null, - createdAt: notification.createdAt as Date, - })) - - return { - notifications: formattedNotifications, - total: notifications.length, - page, - limit, - } - } catch (error) { - console.error(error) - throw new Error(`Failed to fetch notifications: ${(error as Error).message}`) - } -} - -export default function NotificationsPage() { - const { notifications } = useLoader(loader) - const feed = notifications.map((item, i) => { - item.post?.postLink - return - }) - - return ( - - {isWeb ? feed : {feed}} - - ) -} diff --git a/examples/one-recommended/app/profile.tsx b/examples/one-recommended/app/profile.tsx deleted file mode 100644 index 31b6c5330..000000000 --- a/examples/one-recommended/app/profile.tsx +++ /dev/null @@ -1,169 +0,0 @@ -import { ScrollView, YStack, Text, SizableStack, XStack } from 'tamagui' -import { getURL, type LoaderProps, useLoader } from 'one' -import { FeedCard } from '~/code/feed/FeedCard' -import { Image } from '~/code/ui/Image' -import { PageContainer } from '~/code/ui/PageContainer' -import { Repeat2 } from '@tamagui/lucide-icons' -import { db } from '~/code/db/connection' -import { posts, reposts, users, likes, replies } from '~/code/db/schema' -import { eq, sql, desc } from 'drizzle-orm' - -export async function loader({ path }: LoaderProps) { - try { - // Fetch a random user from the database - const randomUserQuery = db - .select({ - id: users.id, - name: users.username, - avatar: users.avatarUrl, - }) - .from(users) - .orderBy(sql`RANDOM()`) - .limit(1) - - const randomUser = await randomUserQuery - - if (randomUser.length === 0) { - throw new Error('No users found in the database') - } - - const USER_ID = randomUser[0].id - - const url = new URL(getURL() + path) - const page = Number(url.searchParams.get('page') || '1') - const limit = Number(url.searchParams.get('limit') || '10') - const offset = (page - 1) * limit - - const postsQuery = db - .select({ - id: posts.id, - content: posts.content, - createdAt: sql`${posts.createdAt} as created_at`, - user: { - name: users.username, - avatar: users.avatarUrl, - }, - likesCount: - sql`(SELECT COUNT(*) FROM ${likes} WHERE ${likes.postId} = ${posts.id})`.as( - 'likesCount' - ), - repliesCount: - sql`(SELECT COUNT(*) FROM ${replies} WHERE ${replies.postId} = ${posts.id})`.as( - 'repliesCount' - ), - repostsCount: - sql`(SELECT COUNT(*) FROM ${reposts} WHERE ${reposts.postId} = ${posts.id})`.as( - 'repostsCount' - ), - type: sql`'post'`.as('type'), - }) - .from(posts) - .leftJoin(users, eq(users.id, posts.userId)) - .where(eq(posts.userId, USER_ID)) - - const repostsQuery = db - .select({ - id: posts.id, - content: posts.content, - createdAt: sql`${reposts.createdAt} as created_at`, - user: { - name: users.username, - avatar: users.avatarUrl, - }, - likesCount: - sql`(SELECT COUNT(*) FROM ${likes} WHERE ${likes.postId} = ${posts.id})`.as( - 'likesCount' - ), - repliesCount: - sql`(SELECT COUNT(*) FROM ${replies} WHERE ${replies.postId} = ${posts.id})`.as( - 'repliesCount' - ), - repostsCount: - sql`(SELECT COUNT(*) FROM ${reposts} WHERE ${reposts.postId} = ${posts.id})`.as( - 'repostsCount' - ), - type: sql`'repost'`.as('type'), - }) - .from(reposts) - .leftJoin(posts, eq(posts.id, reposts.postId)) - .leftJoin(users, eq(users.id, posts.userId)) - .where(eq(reposts.userId, USER_ID)) - - const combinedFeedQuery = postsQuery - // @ts-ignore TODO - .unionAll(repostsQuery) - .orderBy(desc(sql`created_at`)) - .limit(limit) - .offset(offset) - - const combinedFeed = await combinedFeedQuery - - return { profileFeed: combinedFeed, userData: randomUser[0] } - } catch (error) { - console.error(error) - throw new Error(`Failed to fetch profile feed: ${(error as Error).message}`) - } -} - -export default function ProfilePage() { - const { profileFeed, userData } = useLoader(loader) - - return ( - - - - - - - - {profileFeed.map((post) => { - if (post.type === 'repost') { - return ( - - - - - Reposted by {userData.name} - - - - - ) - } - return - })} - - - ) -} diff --git a/examples/one-recommended/app/routes.d.ts b/examples/one-recommended/app/routes.d.ts deleted file mode 100644 index c8a6b5d39..000000000 --- a/examples/one-recommended/app/routes.d.ts +++ /dev/null @@ -1,27 +0,0 @@ -// deno-lint-ignore-file -/* eslint-disable */ -// biome-ignore: needed import -import type { OneRouter } from 'one' - -declare module 'one' { - export namespace OneRouter { - export interface __routes extends Record { - StaticRoutes: `/` | `/(feed)` | `/(feed)/` | `/_sitemap` | `/notifications` | `/profile` - DynamicRoutes: `/(feed)/post/${OneRouter.SingleRoutePart}` | `/post/${OneRouter.SingleRoutePart}` - DynamicRouteTemplate: `/(feed)/post/[id]` | `/post/[id]` - IsTyped: true - RouteTypes: { - '/(feed)/post/[id]': RouteInfo<{ id: string }> - '/post/[id]': RouteInfo<{ id: string }> - } - } - } -} - -/** - * Helper type for route information - */ -type RouteInfo> = { - Params: Params - LoaderProps: { path: string; params: Params; request?: Request } -} \ No newline at end of file diff --git a/examples/one-recommended/biome.json b/examples/one-recommended/biome.json deleted file mode 120000 index 2e8766fd6..000000000 --- a/examples/one-recommended/biome.json +++ /dev/null @@ -1 +0,0 @@ -../../biome.package.json \ No newline at end of file diff --git a/examples/one-recommended/code/brand/Logo.tsx b/examples/one-recommended/code/brand/Logo.tsx deleted file mode 100644 index d91fd82ed..000000000 --- a/examples/one-recommended/code/brand/Logo.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import type React from 'react' -import { Image, styled } from 'tamagui' -import oneBallImage from './one-ball.png' - -const LogoImage = styled(Image, { - width: 30, - height: 30, -}) - -export function Logo(props: React.ComponentProps) { - return -} diff --git a/examples/one-recommended/code/brand/one-ball.png b/examples/one-recommended/code/brand/one-ball.png deleted file mode 100644 index 954f7a357..000000000 Binary files a/examples/one-recommended/code/brand/one-ball.png and /dev/null differ diff --git a/examples/one-recommended/code/db/connection.ts b/examples/one-recommended/code/db/connection.ts deleted file mode 100644 index 2de69088e..000000000 --- a/examples/one-recommended/code/db/connection.ts +++ /dev/null @@ -1,17 +0,0 @@ -import { drizzle, type PostgresJsDatabase } from 'drizzle-orm/postgres-js' -import postgres from 'postgres' -import * as schema from './schema' - -export let connection: postgres.Sql - -export const db = (() => { - let val: PostgresJsDatabase - if (!global._db) { - connection = postgres(process.env.DATABASE_URL!) - val = drizzle(connection, { schema }) - global._db = val - } else { - val = global._db - } - return val -})() diff --git a/examples/one-recommended/code/db/drizzle.config.ts b/examples/one-recommended/code/db/drizzle.config.ts deleted file mode 100644 index af8496163..000000000 --- a/examples/one-recommended/code/db/drizzle.config.ts +++ /dev/null @@ -1,16 +0,0 @@ -import { defineConfig } from 'drizzle-kit' - -const { DATABASE_URL } = process.env - -if (!DATABASE_URL || typeof DATABASE_URL !== 'string') { - throw new Error('DATABASE_URL is not set or not a string') -} - -export default defineConfig({ - schema: './code/db/schema.ts', - out: './code/db/migrations', - dialect: 'postgresql', // 'postgresql' | 'mysql' | 'sqlite' - dbCredentials: { - url: DATABASE_URL as string, // Type assertion to ensure it's a string - }, -}) diff --git a/examples/one-recommended/code/db/migrations/0000_clean_justin_hammer.sql b/examples/one-recommended/code/db/migrations/0000_clean_justin_hammer.sql deleted file mode 100644 index 260a07b28..000000000 --- a/examples/one-recommended/code/db/migrations/0000_clean_justin_hammer.sql +++ /dev/null @@ -1,56 +0,0 @@ -CREATE TABLE `follows` ( - `follower_id` integer NOT NULL, - `following_id` integer NOT NULL, - `created_at` integer DEFAULT (CURRENT_TIMESTAMP), - FOREIGN KEY (`follower_id`) REFERENCES `users`(`id`) ON UPDATE no action ON DELETE cascade, - FOREIGN KEY (`following_id`) REFERENCES `users`(`id`) ON UPDATE no action ON DELETE cascade -); ---> statement-breakpoint -CREATE TABLE `likes` ( - `user_id` integer NOT NULL, - `post_id` integer NOT NULL, - `created_at` integer DEFAULT (CURRENT_TIMESTAMP), - PRIMARY KEY(`user_id`, `post_id`), - FOREIGN KEY (`user_id`) REFERENCES `users`(`id`) ON UPDATE no action ON DELETE cascade, - FOREIGN KEY (`post_id`) REFERENCES `posts`(`id`) ON UPDATE no action ON DELETE cascade -); ---> statement-breakpoint -CREATE TABLE `posts` ( - `id` integer PRIMARY KEY AUTOINCREMENT NOT NULL, - `user_id` integer NOT NULL, - `content` text NOT NULL, - `created_at` integer DEFAULT (CURRENT_TIMESTAMP), - FOREIGN KEY (`user_id`) REFERENCES `users`(`id`) ON UPDATE no action ON DELETE cascade -); ---> statement-breakpoint -CREATE TABLE `replies` ( - `id` integer PRIMARY KEY AUTOINCREMENT NOT NULL, - `user_id` integer NOT NULL, - `post_id` integer NOT NULL, - `content` text NOT NULL, - `created_at` integer DEFAULT (CURRENT_TIMESTAMP), - FOREIGN KEY (`user_id`) REFERENCES `users`(`id`) ON UPDATE no action ON DELETE cascade, - FOREIGN KEY (`post_id`) REFERENCES `posts`(`id`) ON UPDATE no action ON DELETE cascade -); ---> statement-breakpoint -CREATE TABLE `reposts` ( - `user_id` integer NOT NULL, - `post_id` integer NOT NULL, - `created_at` integer DEFAULT (CURRENT_TIMESTAMP), - PRIMARY KEY(`user_id`, `post_id`), - FOREIGN KEY (`user_id`) REFERENCES `users`(`id`) ON UPDATE no action ON DELETE cascade, - FOREIGN KEY (`post_id`) REFERENCES `posts`(`id`) ON UPDATE no action ON DELETE cascade -); ---> statement-breakpoint -CREATE TABLE `users` ( - `id` integer PRIMARY KEY AUTOINCREMENT NOT NULL, - `username` text NOT NULL, - `email` text NOT NULL, - `password_hash` text NOT NULL, - `bio` text DEFAULT '', - `avatar_url` text DEFAULT '', - `created_at` integer DEFAULT (CURRENT_TIMESTAMP) -); ---> statement-breakpoint -CREATE UNIQUE INDEX `users_username_unique` ON `users` (`username`);--> statement-breakpoint -CREATE UNIQUE INDEX `users_email_unique` ON `users` (`email`); \ No newline at end of file diff --git a/examples/one-recommended/code/db/migrations/0000_tiny_joseph.sql b/examples/one-recommended/code/db/migrations/0000_tiny_joseph.sql deleted file mode 100644 index d5efcedf0..000000000 --- a/examples/one-recommended/code/db/migrations/0000_tiny_joseph.sql +++ /dev/null @@ -1,100 +0,0 @@ -CREATE TABLE IF NOT EXISTS "follows" ( - "follower_id" integer NOT NULL, - "following_id" integer NOT NULL, - "created_at" timestamp DEFAULT now() -); ---> statement-breakpoint -CREATE TABLE IF NOT EXISTS "likes" ( - "user_id" integer NOT NULL, - "post_id" integer NOT NULL, - "created_at" timestamp DEFAULT now(), - CONSTRAINT "likes_user_id_post_id_pk" PRIMARY KEY("user_id","post_id") -); ---> statement-breakpoint -CREATE TABLE IF NOT EXISTS "posts" ( - "id" serial PRIMARY KEY NOT NULL, - "user_id" integer NOT NULL, - "content" text NOT NULL, - "created_at" timestamp DEFAULT now() -); ---> statement-breakpoint -CREATE TABLE IF NOT EXISTS "replies" ( - "id" serial PRIMARY KEY NOT NULL, - "user_id" integer NOT NULL, - "post_id" integer NOT NULL, - "content" text NOT NULL, - "created_at" timestamp DEFAULT now() -); ---> statement-breakpoint -CREATE TABLE IF NOT EXISTS "reposts" ( - "user_id" integer NOT NULL, - "post_id" integer NOT NULL, - "created_at" timestamp DEFAULT now(), - CONSTRAINT "reposts_user_id_post_id_pk" PRIMARY KEY("user_id","post_id") -); ---> statement-breakpoint -CREATE TABLE IF NOT EXISTS "users" ( - "id" serial PRIMARY KEY NOT NULL, - "username" varchar(50) NOT NULL, - "email" varchar(100) NOT NULL, - "password_hash" varchar(255) NOT NULL, - "bio" text DEFAULT '', - "avatar_url" varchar(255) DEFAULT '', - "created_at" timestamp DEFAULT now(), - CONSTRAINT "users_username_unique" UNIQUE("username"), - CONSTRAINT "users_email_unique" UNIQUE("email") -); ---> statement-breakpoint -DO $$ BEGIN - ALTER TABLE "follows" ADD CONSTRAINT "follows_follower_id_users_id_fk" FOREIGN KEY ("follower_id") REFERENCES "public"."users"("id") ON DELETE cascade ON UPDATE no action; -EXCEPTION - WHEN duplicate_object THEN null; -END $$; ---> statement-breakpoint -DO $$ BEGIN - ALTER TABLE "follows" ADD CONSTRAINT "follows_following_id_users_id_fk" FOREIGN KEY ("following_id") REFERENCES "public"."users"("id") ON DELETE cascade ON UPDATE no action; -EXCEPTION - WHEN duplicate_object THEN null; -END $$; ---> statement-breakpoint -DO $$ BEGIN - ALTER TABLE "likes" ADD CONSTRAINT "likes_user_id_users_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."users"("id") ON DELETE cascade ON UPDATE no action; -EXCEPTION - WHEN duplicate_object THEN null; -END $$; ---> statement-breakpoint -DO $$ BEGIN - ALTER TABLE "likes" ADD CONSTRAINT "likes_post_id_posts_id_fk" FOREIGN KEY ("post_id") REFERENCES "public"."posts"("id") ON DELETE cascade ON UPDATE no action; -EXCEPTION - WHEN duplicate_object THEN null; -END $$; ---> statement-breakpoint -DO $$ BEGIN - ALTER TABLE "posts" ADD CONSTRAINT "posts_user_id_users_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."users"("id") ON DELETE cascade ON UPDATE no action; -EXCEPTION - WHEN duplicate_object THEN null; -END $$; ---> statement-breakpoint -DO $$ BEGIN - ALTER TABLE "replies" ADD CONSTRAINT "replies_user_id_users_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."users"("id") ON DELETE cascade ON UPDATE no action; -EXCEPTION - WHEN duplicate_object THEN null; -END $$; ---> statement-breakpoint -DO $$ BEGIN - ALTER TABLE "replies" ADD CONSTRAINT "replies_post_id_posts_id_fk" FOREIGN KEY ("post_id") REFERENCES "public"."posts"("id") ON DELETE cascade ON UPDATE no action; -EXCEPTION - WHEN duplicate_object THEN null; -END $$; ---> statement-breakpoint -DO $$ BEGIN - ALTER TABLE "reposts" ADD CONSTRAINT "reposts_user_id_users_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."users"("id") ON DELETE cascade ON UPDATE no action; -EXCEPTION - WHEN duplicate_object THEN null; -END $$; ---> statement-breakpoint -DO $$ BEGIN - ALTER TABLE "reposts" ADD CONSTRAINT "reposts_post_id_posts_id_fk" FOREIGN KEY ("post_id") REFERENCES "public"."posts"("id") ON DELETE cascade ON UPDATE no action; -EXCEPTION - WHEN duplicate_object THEN null; -END $$; diff --git a/examples/one-recommended/code/db/migrations/meta/0000_snapshot.json b/examples/one-recommended/code/db/migrations/meta/0000_snapshot.json deleted file mode 100644 index 6252f30ba..000000000 --- a/examples/one-recommended/code/db/migrations/meta/0000_snapshot.json +++ /dev/null @@ -1,387 +0,0 @@ -{ - "id": "ccebedf0-f104-420e-95b1-155591f0ef6c", - "prevId": "00000000-0000-0000-0000-000000000000", - "version": "7", - "dialect": "postgresql", - "tables": { - "public.follows": { - "name": "follows", - "schema": "", - "columns": { - "follower_id": { - "name": "follower_id", - "type": "integer", - "primaryKey": false, - "notNull": true - }, - "following_id": { - "name": "following_id", - "type": "integer", - "primaryKey": false, - "notNull": true - }, - "created_at": { - "name": "created_at", - "type": "timestamp", - "primaryKey": false, - "notNull": false, - "default": "now()" - } - }, - "indexes": {}, - "foreignKeys": { - "follows_follower_id_users_id_fk": { - "name": "follows_follower_id_users_id_fk", - "tableFrom": "follows", - "tableTo": "users", - "columnsFrom": [ - "follower_id" - ], - "columnsTo": [ - "id" - ], - "onDelete": "cascade", - "onUpdate": "no action" - }, - "follows_following_id_users_id_fk": { - "name": "follows_following_id_users_id_fk", - "tableFrom": "follows", - "tableTo": "users", - "columnsFrom": [ - "following_id" - ], - "columnsTo": [ - "id" - ], - "onDelete": "cascade", - "onUpdate": "no action" - } - }, - "compositePrimaryKeys": {}, - "uniqueConstraints": {} - }, - "public.likes": { - "name": "likes", - "schema": "", - "columns": { - "user_id": { - "name": "user_id", - "type": "integer", - "primaryKey": false, - "notNull": true - }, - "post_id": { - "name": "post_id", - "type": "integer", - "primaryKey": false, - "notNull": true - }, - "created_at": { - "name": "created_at", - "type": "timestamp", - "primaryKey": false, - "notNull": false, - "default": "now()" - } - }, - "indexes": {}, - "foreignKeys": { - "likes_user_id_users_id_fk": { - "name": "likes_user_id_users_id_fk", - "tableFrom": "likes", - "tableTo": "users", - "columnsFrom": [ - "user_id" - ], - "columnsTo": [ - "id" - ], - "onDelete": "cascade", - "onUpdate": "no action" - }, - "likes_post_id_posts_id_fk": { - "name": "likes_post_id_posts_id_fk", - "tableFrom": "likes", - "tableTo": "posts", - "columnsFrom": [ - "post_id" - ], - "columnsTo": [ - "id" - ], - "onDelete": "cascade", - "onUpdate": "no action" - } - }, - "compositePrimaryKeys": { - "likes_user_id_post_id_pk": { - "name": "likes_user_id_post_id_pk", - "columns": [ - "user_id", - "post_id" - ] - } - }, - "uniqueConstraints": {} - }, - "public.posts": { - "name": "posts", - "schema": "", - "columns": { - "id": { - "name": "id", - "type": "serial", - "primaryKey": true, - "notNull": true - }, - "user_id": { - "name": "user_id", - "type": "integer", - "primaryKey": false, - "notNull": true - }, - "content": { - "name": "content", - "type": "text", - "primaryKey": false, - "notNull": true - }, - "created_at": { - "name": "created_at", - "type": "timestamp", - "primaryKey": false, - "notNull": false, - "default": "now()" - } - }, - "indexes": {}, - "foreignKeys": { - "posts_user_id_users_id_fk": { - "name": "posts_user_id_users_id_fk", - "tableFrom": "posts", - "tableTo": "users", - "columnsFrom": [ - "user_id" - ], - "columnsTo": [ - "id" - ], - "onDelete": "cascade", - "onUpdate": "no action" - } - }, - "compositePrimaryKeys": {}, - "uniqueConstraints": {} - }, - "public.replies": { - "name": "replies", - "schema": "", - "columns": { - "id": { - "name": "id", - "type": "serial", - "primaryKey": true, - "notNull": true - }, - "user_id": { - "name": "user_id", - "type": "integer", - "primaryKey": false, - "notNull": true - }, - "post_id": { - "name": "post_id", - "type": "integer", - "primaryKey": false, - "notNull": true - }, - "content": { - "name": "content", - "type": "text", - "primaryKey": false, - "notNull": true - }, - "created_at": { - "name": "created_at", - "type": "timestamp", - "primaryKey": false, - "notNull": false, - "default": "now()" - } - }, - "indexes": {}, - "foreignKeys": { - "replies_user_id_users_id_fk": { - "name": "replies_user_id_users_id_fk", - "tableFrom": "replies", - "tableTo": "users", - "columnsFrom": [ - "user_id" - ], - "columnsTo": [ - "id" - ], - "onDelete": "cascade", - "onUpdate": "no action" - }, - "replies_post_id_posts_id_fk": { - "name": "replies_post_id_posts_id_fk", - "tableFrom": "replies", - "tableTo": "posts", - "columnsFrom": [ - "post_id" - ], - "columnsTo": [ - "id" - ], - "onDelete": "cascade", - "onUpdate": "no action" - } - }, - "compositePrimaryKeys": {}, - "uniqueConstraints": {} - }, - "public.reposts": { - "name": "reposts", - "schema": "", - "columns": { - "user_id": { - "name": "user_id", - "type": "integer", - "primaryKey": false, - "notNull": true - }, - "post_id": { - "name": "post_id", - "type": "integer", - "primaryKey": false, - "notNull": true - }, - "created_at": { - "name": "created_at", - "type": "timestamp", - "primaryKey": false, - "notNull": false, - "default": "now()" - } - }, - "indexes": {}, - "foreignKeys": { - "reposts_user_id_users_id_fk": { - "name": "reposts_user_id_users_id_fk", - "tableFrom": "reposts", - "tableTo": "users", - "columnsFrom": [ - "user_id" - ], - "columnsTo": [ - "id" - ], - "onDelete": "cascade", - "onUpdate": "no action" - }, - "reposts_post_id_posts_id_fk": { - "name": "reposts_post_id_posts_id_fk", - "tableFrom": "reposts", - "tableTo": "posts", - "columnsFrom": [ - "post_id" - ], - "columnsTo": [ - "id" - ], - "onDelete": "cascade", - "onUpdate": "no action" - } - }, - "compositePrimaryKeys": { - "reposts_user_id_post_id_pk": { - "name": "reposts_user_id_post_id_pk", - "columns": [ - "user_id", - "post_id" - ] - } - }, - "uniqueConstraints": {} - }, - "public.users": { - "name": "users", - "schema": "", - "columns": { - "id": { - "name": "id", - "type": "serial", - "primaryKey": true, - "notNull": true - }, - "username": { - "name": "username", - "type": "varchar(50)", - "primaryKey": false, - "notNull": true - }, - "email": { - "name": "email", - "type": "varchar(100)", - "primaryKey": false, - "notNull": true - }, - "password_hash": { - "name": "password_hash", - "type": "varchar(255)", - "primaryKey": false, - "notNull": true - }, - "bio": { - "name": "bio", - "type": "text", - "primaryKey": false, - "notNull": false, - "default": "''" - }, - "avatar_url": { - "name": "avatar_url", - "type": "varchar(255)", - "primaryKey": false, - "notNull": false, - "default": "''" - }, - "created_at": { - "name": "created_at", - "type": "timestamp", - "primaryKey": false, - "notNull": false, - "default": "now()" - } - }, - "indexes": {}, - "foreignKeys": {}, - "compositePrimaryKeys": {}, - "uniqueConstraints": { - "users_username_unique": { - "name": "users_username_unique", - "nullsNotDistinct": false, - "columns": [ - "username" - ] - }, - "users_email_unique": { - "name": "users_email_unique", - "nullsNotDistinct": false, - "columns": [ - "email" - ] - } - } - } - }, - "enums": {}, - "schemas": {}, - "sequences": {}, - "_meta": { - "columns": {}, - "schemas": {}, - "tables": {} - } -} \ No newline at end of file diff --git a/examples/one-recommended/code/db/migrations/meta/_journal.json b/examples/one-recommended/code/db/migrations/meta/_journal.json deleted file mode 100644 index 782bed734..000000000 --- a/examples/one-recommended/code/db/migrations/meta/_journal.json +++ /dev/null @@ -1,13 +0,0 @@ -{ - "version": "7", - "dialect": "postgresql", - "entries": [ - { - "idx": 0, - "version": "7", - "when": 1725362020757, - "tag": "0000_tiny_joseph", - "breakpoints": true - } - ] -} \ No newline at end of file diff --git a/examples/one-recommended/code/db/run-migrations.ts b/examples/one-recommended/code/db/run-migrations.ts deleted file mode 100644 index dbd573385..000000000 --- a/examples/one-recommended/code/db/run-migrations.ts +++ /dev/null @@ -1,18 +0,0 @@ -#!/usr/bin/env node -import 'dotenv/config' -import { migrate } from 'drizzle-orm/postgres-js/migrator' - -if (!process.env.DATABASE_URL) { - console.error('DATABASE_URL is not set in the environment variables') - process.exit(1) -} -import { db, connection } from './connection' - -const run = async () => { - // This will run migrations on the database, skipping the ones already applied - await migrate(db, { migrationsFolder: './db/migrations' }) - // Don't forget to close the connection, otherwise the script will hang - await connection.end() -} - -run() diff --git a/examples/one-recommended/code/db/schema.ts b/examples/one-recommended/code/db/schema.ts deleted file mode 100644 index 4b2583745..000000000 --- a/examples/one-recommended/code/db/schema.ts +++ /dev/null @@ -1,159 +0,0 @@ -import { - integer, - serial, - varchar, - text, - timestamp, - pgTable, - primaryKey, -} from 'drizzle-orm/pg-core' -import { relations } from 'drizzle-orm' - -export const users = pgTable('users', { - id: serial('id').primaryKey(), - username: varchar('username', { length: 50 }).notNull().unique(), - email: varchar('email', { length: 100 }).notNull().unique(), - passwordHash: varchar('password_hash', { length: 255 }).notNull(), - bio: text('bio').default(''), - avatarUrl: varchar('avatar_url', { length: 255 }).default(''), - createdAt: timestamp('created_at').defaultNow(), -}) - -export const posts = pgTable('posts', { - id: serial('id').primaryKey(), - userId: integer('user_id') - .references(() => users.id, { onDelete: 'cascade' }) - .notNull(), - content: text('content').notNull(), - createdAt: timestamp('created_at').defaultNow(), -}) - -export const follows = pgTable('follows', { - followerId: integer('follower_id') - .references(() => users.id, { onDelete: 'cascade' }) - .notNull(), - followingId: integer('following_id') - .references(() => users.id, { onDelete: 'cascade' }) - .notNull(), - createdAt: timestamp('created_at').defaultNow(), -}) - -export const likes = pgTable( - 'likes', - { - userId: integer('user_id') - .references(() => users.id, { onDelete: 'cascade' }) - .notNull(), - postId: integer('post_id') - .references(() => posts.id, { onDelete: 'cascade' }) - .notNull(), - createdAt: timestamp('created_at').defaultNow(), - }, - (table) => { - return { - pk: primaryKey({ columns: [table.userId, table.postId] }), - } - } -) - -export const reposts = pgTable( - 'reposts', - { - userId: integer('user_id') - .references(() => users.id, { onDelete: 'cascade' }) - .notNull(), - postId: integer('post_id') - .references(() => posts.id, { onDelete: 'cascade' }) - .notNull(), - createdAt: timestamp('created_at').defaultNow(), - }, - (table) => { - return { - pk: primaryKey({ columns: [table.userId, table.postId] }), - } - } -) - -export const replies = pgTable('replies', { - id: serial('id').primaryKey(), - userId: integer('user_id') - .references(() => users.id, { onDelete: 'cascade' }) - .notNull(), - postId: integer('post_id') - .references(() => posts.id, { onDelete: 'cascade' }) - .notNull(), - content: text('content').notNull(), - createdAt: timestamp('created_at').defaultNow(), -}) - -export const userRelations = relations(users, ({ one, many }) => ({ - posts: many(posts), - followers: many(follows, { relationName: 'follower' }), - followings: many(follows, { relationName: 'following' }), - likes: many(likes), - reposts: many(reposts), - replies: many(replies), -})) - -export const postRelations = relations(posts, ({ one, many }) => ({ - user: one(users, { - relationName: 'user', - fields: [posts.userId], - references: [users.id], - }), - likes: many(likes), - reposts: many(reposts), - replies: many(replies), -})) - -export const followRelations = relations(follows, ({ one }) => ({ - follower: one(users, { - relationName: 'follower', - fields: [follows.followerId], - references: [users.id], - }), - following: one(users, { - relationName: 'following', - fields: [follows.followingId], - references: [users.id], - }), -})) - -export const likeRelations = relations(likes, ({ one }) => ({ - user: one(users, { - relationName: 'user', - fields: [likes.userId], - references: [users.id], - }), - post: one(posts, { - relationName: 'post', - fields: [likes.postId], - references: [posts.id], - }), -})) - -export const repostRelations = relations(reposts, ({ one }) => ({ - user: one(users, { - relationName: 'user', - fields: [reposts.userId], - references: [users.id], - }), - post: one(posts, { - relationName: 'post', - fields: [reposts.postId], - references: [posts.id], - }), -})) - -export const replyRelations = relations(replies, ({ one }) => ({ - user: one(users, { - relationName: 'user', - fields: [replies.userId], - references: [users.id], - }), - post: one(posts, { - relationName: 'post', - fields: [replies.postId], - references: [posts.id], - }), -})) diff --git a/examples/one-recommended/code/db/seed.ts b/examples/one-recommended/code/db/seed.ts deleted file mode 100644 index be63e21bc..000000000 --- a/examples/one-recommended/code/db/seed.ts +++ /dev/null @@ -1,466 +0,0 @@ -import { db } from './connection' -import { users, posts, follows, likes, reposts, replies } from './schema' -import { faker } from '@faker-js/faker' - -const USER_COUNT = 10 -const POST_COUNT_PER_USER = 10 -const REPLY_COUNT_PER_POST = 2.5 -const FOLLOW_COUNT_PER_USER = 7.5 -const LIKE_COUNT_PER_USER = 20 -const REPOST_COUNT_PER_USER = 4 - -const userNames = [ - 'SomeRandomDevWeb', - 'Floren Ryance', - 'PrimeRageN', - 'bramadov 22', - 'CodeWarrior', - 'RustEvangelist', - 'AdrenalineCoder', - 'JSFrameworkFanatic', - 'DebuggingDetective', - 'VimGuru', - 'DuckDebugger', - 'ChangeChampion', - // Additional names to reach 100 users - 'ByteMaster', - 'SyntaxSage', - 'DevNinja', - 'BugHunter', - 'PixelPioneer', - 'DataDiva', - 'CloudCrusader', - 'APIWizard', - 'GitGuru', - 'FrontEndPhenom', - 'BackEndBoss', - 'FullStackFanatic', - 'AIEnthusiast', - 'BlockchainBeliver', - 'CSSWizard', - 'DevOpsDestroyer', - 'DatabaseDiva', - 'SecuritySage', - 'UXUnicorn', - 'MobileMaestro', - 'CloudCommander', - 'MLMaverick', - 'IoTInnovator', - 'ScalabilityScientist', - 'AgileAdvocate', - 'CodeClinic', - 'BugBountyHunter', - 'PenTesterPro', - 'EthicalHacker', - 'DataScientist', - 'QuantumCoder', - 'RoboticsRenegade', - 'VRVirtuoso', - 'ARArchitect', - 'GameDevGuru', - 'CryptoCodeCracker', - 'JavaJedi', - 'PythonPioneer', - 'RubyRockstar', - 'GoGopher', - 'SwiftSavant', - 'KotlinKing', - 'TypeScriptTitan', - 'PHPPhenom', - 'CSharpChampion', - 'ScalaScientist', - 'RustRenegade', - 'ClojureCleric', - 'HaskellHero', - 'ElixirExpert', - 'DartDeveloper', - 'LuaLuminary', - 'JuliaJuggler', - 'ErlangEngineer', - 'FortranFanatic', - 'COBOLCoder', - 'AssemblyAce', - 'BrainfuckBoss', - 'SQLSorcerer', - 'NoSQLNinja', - 'GraphQLGuru', - 'RESTfulRanger', - 'WebSocketWizard', - 'OAuth2Oracle', - 'JWTJedi', - 'DockerDiva', - 'KubernetesKing', - 'TerraformTitan', - 'AnsibleAce', - 'JenkinsGenius', - 'GitLabGladiator', - 'CircleCISage', - 'TravisTrooper', - 'SonarQubeSorcerer', - 'SeleniumSensei', - 'CypressChampion', - 'JestJuggler', - 'MochaMatador', - 'KarmaKing', - 'WebpackWarrior', - 'GulpGladiator', - 'GruntGuru', - 'NPMNinja', - 'YarnYogi', - 'BabelBoss', - 'ESLintExpert', - 'PrettierPro', - 'StylelintStar', - 'SassySorcerer', - 'LessLegend', -] - -type Topic = { - subject: string - quirk: string -} - -const topics: Topic[] = [ - { - subject: 'Responsive design', - quirk: 'spending more time adjusting margins than coding actual features', - }, - { - subject: 'AI-driven development', - quirk: 'realizing the AI writes better comments than I do', - }, - { - subject: 'Cross-browser compatibility', - quirk: 'feeling nostalgic for the days when we only had to support one browser', - }, - { subject: 'React', quirk: 'creating 47 components for a simple landing page' }, - { subject: 'Dark mode', quirk: 'accidentally designing for light mode at 3 AM' }, - { - subject: 'Progressive Web Apps', - quirk: "explaining to my mom that it's not a 'real' app, but also not just a website", - }, - { - subject: 'Cross-platform development', - quirk: 'celebrating when it works on two platforms out of five', - }, - { - subject: 'Serverless architecture', - quirk: 'missing the days when I could blame the server for everything', - }, - { - subject: 'Content personalization', - quirk: 'realizing the algorithm knows me better than I know myself', - }, - { - subject: 'Voice search optimization', - quirk: "talking to my code hoping it'll understand me better", - }, - { - subject: 'JavaScript frameworks', - quirk: 'learning a new one every time I start a project', - }, - { subject: 'CSS-in-JS', quirk: 'forgetting where I put that one crucial style' }, - { subject: 'WebAssembly', quirk: 'pretending I understand how it works' }, - { - subject: 'Microservices', - quirk: - 'drawing so many boxes and arrows that my architecture diagram looks like abstract art', - }, - { subject: 'GraphQL', quirk: 'over-fetching data out of habit anyway' }, - { - subject: 'Agile development', - quirk: "turning 'it's not a bug, it's a feature' into a lifestyle", - }, - { - subject: 'TypeScript', - quirk: 'feeling smug about catching a type error, then spending hours fixing it', - }, - { - subject: 'Web3', - quirk: 'nodding along in meetings while secretly Googling what it means', - }, - { - subject: 'Low-code platforms', - quirk: 'spending more time customizing than I would have spent coding', - }, - { - subject: 'Code reviews', - quirk: 'leaving comments on my own PR because no one else will', - }, -] - -const formats: string[] = [ - "Embracing {subject} means {quirk}. It's not much, but it's honest work. {hashtag}", - "They said {subject} would be fun. They didn't mention {quirk}. Still, I'm having a blast! {hashtag}", - 'My love letter to {subject}: Roses are red, violets are blue, {quirk}, and I still love you. {hashtag}', - 'Day 47 of {subject}: {quirk}. Send help... or coffee. {hashtag}', - 'Pro tip: Master {subject} by {quirk}. Works 60% of the time, every time. {hashtag}', - 'In my {subject} era: {quirk} and loving every minute of it. {hashtag}', - "Confession: I thought {subject} would cure my imposter syndrome. Now I'm just {quirk}. Progress? {hashtag}", - '{subject} has taught me that {quirk} is a valuable life skill. Thanks, I guess? {hashtag}', - 'My {subject} journey: 10% inspiration, 90% {quirk}. {hashtag}', - "Plot twist: {subject} isn't about coding, it's about {quirk}. Mind blown. {hashtag}", - 'Dear future self, remember when {subject} meant {quirk}? Good times. {hashtag}', - 'Breaking: Local developer finds joy in {subject}. Sources confirm {quirk} is involved. {hashtag}', - "To all my {subject} folks out there {quirk}, you're not alone. We're in this together! {hashtag}", - 'TIL that {subject} is less about syntax and more about {quirk}. The more you know! {hashtag}', - "Me: I'm a {subject} expert. Also me: {quirk}. Fake it till you make it, right? {hashtag}", -] - -const hashtags: string[] = [ - '#WebDevLife', - '#CodeHumor', - '#DevProblems', - '#ProgrammerHumor', - '#TechLife', - '#DeveloperProblems', - '#CodeNewbie', - '#SoftwareEngineering', - '#WebDevelopment', - '#DevJokes', -] - -const replyTemplates = [ - 'Have you tried turning it off and on again? #TechSupport101', - "Ah, I see you've played {subject}y-spoon before!", - "This is why we can't have nice things in {subject}.", - 'I feel personally attacked by this relatable {subject} content.', - '{quirk}? Story of my life! #DeveloperProblems', - "I'm in this tweet and I don't like it. #TooReal", - 'Plot twist: {quirk} is actually a feature, not a bug!', - 'Wait, you guys are getting {subject} to work?', - 'Me, reading about {subject}: I know some of these words!', - '*Laughs nervously in {subject}*', - 'Bold of you to assume I understand {subject} at all.', - '{quirk} is my middle name! ...Unfortunately.', - 'Ah yes, {subject}, my old nemesis, we meet again.', - 'This tweet is brought to you by {quirk} gang.', - "I didn't choose the {subject} life, the {subject} life chose me.", -] - -function generatePostContent(topic: Topic): string { - const format = formats[Math.floor(Math.random() * formats.length)] - const hashtag = hashtags[Math.floor(Math.random() * hashtags.length)] - - return format - .replace('{subject}', topic.subject) - .replace('{quirk}', topic.quirk) - .replace('{hashtag}', hashtag) -} - -function generateReply(topic: Topic): string { - const template = replyTemplates[Math.floor(Math.random() * replyTemplates.length)] - - return template.replace('{subject}', topic.subject).replace('{quirk}', topic.quirk) -} - -const seed = async () => { - try { - console.info('Starting the seeding process...') - - // Clear existing data - console.info('Clearing existing data...') - await db.transaction(async (trx) => { - await trx.delete(replies) - await trx.delete(reposts) - await trx.delete(likes) - await trx.delete(follows) - await trx.delete(posts) - await trx.delete(users) - }) - console.info('Existing data cleared.') - - // Insert users - const randomizedUserCount = Math.round(USER_COUNT * (0.8 + Math.random() * 0.4)) - console.info(`Generating ${randomizedUserCount} users with random names...`) - const userIds = await insertUsers(randomizedUserCount) - console.info(`${userIds.length} users generated.`) - - // Insert posts - console.info('Generating posts...') - await generatePosts(userIds) - console.info('Posts generation completed.') - - // Fetch all post IDs - const allPostIds = await db.select({ id: posts.id }).from(posts) - console.info(`${allPostIds.length} posts fetched.`) - - // Insert replies - console.info('Generating replies...') - await generateReplies(userIds, allPostIds) - console.info('Replies generation completed.') - - // Insert follows - console.info('Generating follows...') - await generateFollows(userIds) - console.info('Follows generation completed.') - - // Insert likes - console.info('Generating likes...') - await generateLikes(userIds, allPostIds) - console.info('Likes generation completed.') - - // Insert reposts - console.info('Generating reposts...') - await generateReposts(userIds, allPostIds) - console.info('Reposts generation completed.') - - console.info('Seeding completed successfully.') - process.exit(0) - } catch (error) { - console.error('Error seeding data:', error) - process.exit(1) - } -} - -async function insertUsers(count: number) { - const selectedUserNames = faker.helpers.arrayElements(userNames, count) - console.time('insertUsers') - const userIds: { id: number }[] = await db.transaction(async (trx) => { - return trx - .insert(users) - .values( - selectedUserNames.map((name) => ({ - username: name, - email: `${name.toLowerCase().replace(/\s+/g, '.')}@example.com`, - passwordHash: faker.internet.password(), - avatarUrl: `https://i.pravatar.cc/150?u=${name}`, - })) - ) - .returning({ id: users.id }) - }) - console.timeEnd('insertUsers') - return userIds -} - -async function generatePosts(userIds: { id: number }[]) { - console.time('generatePosts') - for (const user of userIds) { - const randomizedPostCount = Math.round( - POST_COUNT_PER_USER * (0.8 + Math.random() * 0.4) - ) - for (let i = 0; i < randomizedPostCount; i++) { - try { - const topic = topics[Math.floor(Math.random() * topics.length)] - const postContent = generatePostContent(topic) - - await db.insert(posts).values({ - userId: user.id, - content: postContent, - createdAt: faker.date.recent({ days: 1 }), - }) - } catch (error) { - console.error(`Failed to insert post for user ${user.id}:`, error) - } - } - } - console.timeEnd('generatePosts') -} - -async function generateReplies(userIds: { id: number }[], allPostIds: { id: number }[]) { - console.time('generateReplies') - for (const post of allPostIds) { - const randomizedReplyCount = Math.round( - REPLY_COUNT_PER_POST * (0.8 + Math.random() * 0.4) - ) - for (let j = 0; j < randomizedReplyCount; j++) { - try { - const replyingUser = userIds[Math.floor(Math.random() * userIds.length)] - const topic = topics[Math.floor(Math.random() * topics.length)] - await db.insert(replies).values({ - userId: replyingUser.id, - postId: post.id, - content: generateReply(topic), - createdAt: faker.date.recent({ days: 1 }), - }) - } catch (error) { - console.error(`Failed to insert reply for post ${post.id}:`, error) - } - } - } - console.timeEnd('generateReplies') -} - -async function generateFollows(userIds: { id: number }[]) { - console.time('generateFollows') - for (const follower of userIds) { - const randomizedFollowCount = Math.round( - FOLLOW_COUNT_PER_USER * (0.8 + Math.random() * 0.4) - ) - const followingIds = faker.helpers.arrayElements( - userIds.filter((user) => user.id !== follower.id), - Math.min(randomizedFollowCount, userIds.length - 1) - ) - for (const following of followingIds) { - try { - await db.insert(follows).values({ - followerId: follower.id, - followingId: following.id, - createdAt: faker.date.recent({ days: 1 }), - }) - } catch (error) { - console.error( - `Failed to insert follow relationship (${follower.id} -> ${following.id}):`, - error - ) - } - } - } - console.timeEnd('generateFollows') -} - -async function generateLikes(userIds: { id: number }[], allPostIds: { id: number }[]) { - console.time('generateLikes') - for (const user of userIds) { - const postIds = faker.helpers.arrayElements( - allPostIds, - Math.min(LIKE_COUNT_PER_USER, allPostIds.length) - ) - for (const post of postIds) { - try { - await db.insert(likes).values({ - userId: user.id, - postId: post.id, - createdAt: faker.date.recent({ days: 1 }), - }) - } catch (error) { - console.error(`Failed to insert like (user ${user.id}, post ${post.id}):`, error) - } - } - } - console.timeEnd('generateLikes') -} - -async function generateReposts(userIds: { id: number }[], allPostIds: { id: number }[]) { - console.time('generateReposts') - const allPostsWithUsers: { - id: number - userId: number - }[] = await db.select({ id: posts.id, userId: posts.userId }).from(posts) - for (const user of userIds) { - // This code selects random posts for a user to repost - // It filters out the user's own posts to avoid self-reposts - // The number of reposts is limited by REPOST_COUNT_PER_USER or the total available posts - const postIds = faker.helpers.arrayElements( - allPostsWithUsers.filter((post) => post.userId !== user.id), - Math.min(REPOST_COUNT_PER_USER, allPostsWithUsers.length) - ) - for (const post of postIds) { - try { - await db.insert(reposts).values({ - userId: user.id, - postId: post.id, - createdAt: faker.date.recent({ days: 1 }), - }) - } catch (error) { - console.error( - `Failed to insert repost (user ${user.id}, post ${post.id}):`, - error - ) - } - } - } - console.timeEnd('generateReposts') -} - -seed() diff --git a/examples/one-recommended/code/feed/FeedCard.tsx b/examples/one-recommended/code/feed/FeedCard.tsx deleted file mode 100644 index cb4926fd4..000000000 --- a/examples/one-recommended/code/feed/FeedCard.tsx +++ /dev/null @@ -1,82 +0,0 @@ -import { Heart, Repeat, Reply } from '@tamagui/lucide-icons' -import { Link } from 'one' -import { isWeb, Paragraph, SizableText, XStack, YStack } from 'tamagui' -import { Card } from '../ui/Card' -import { Image } from '../ui/Image' - -type FeedItem = { - id: number - content: string - createdAt: Date | null - user: { - name: string - avatar: string | null - } | null - likesCount?: number - repliesCount?: number - repostsCount?: number - disableLink?: boolean - isReply?: boolean -} - -const StatItem = ({ Icon, count }: { Icon: any; count: number }) => { - return ( - - - - {count} - - - ) -} - -export const FeedCard = (props: FeedItem) => { - if (!props.user) { - return null - } - - const content = ( - - - - - {props.user.name} - - - - {props.content} - - {!props.isReply ? ( - - - - - - ) : null} - - - ) - - return props.disableLink ? ( - content - ) : ( - - {content} - - ) -} diff --git a/examples/one-recommended/code/home/HomeIcons.tsx b/examples/one-recommended/code/home/HomeIcons.tsx deleted file mode 100644 index c30111c3f..000000000 --- a/examples/one-recommended/code/home/HomeIcons.tsx +++ /dev/null @@ -1,7 +0,0 @@ -import { Bell, Home, User } from '@tamagui/lucide-icons' - -export const HomeIcons = { - Home, - Notifications: Bell, - User: User, -} diff --git a/examples/one-recommended/code/home/HomeLayout.native.tsx b/examples/one-recommended/code/home/HomeLayout.native.tsx deleted file mode 100644 index 54e21b282..000000000 --- a/examples/one-recommended/code/home/HomeLayout.native.tsx +++ /dev/null @@ -1,41 +0,0 @@ -import { Tabs } from 'one' -import { HomeIcons } from './HomeIcons' -import { useTheme } from 'tamagui' - -export function HomeLayout() { - const theme = useTheme() - - return ( - - , - }} - /> - - , - }} - /> - - , - }} - /> - - ) -} diff --git a/examples/one-recommended/code/home/HomeLayout.tsx b/examples/one-recommended/code/home/HomeLayout.tsx deleted file mode 100644 index 7d41c73aa..000000000 --- a/examples/one-recommended/code/home/HomeLayout.tsx +++ /dev/null @@ -1,238 +0,0 @@ -import { type Href, Link, Slot, usePathname } from 'one' -import type { ReactNode } from 'react' -import { - createStyledContext, - isTouchable, - ScrollView, - SizableText, - styled, - View, - type ViewProps, - XStack, - YStack, -} from 'tamagui' -import { Logo } from '../brand/Logo' -import { useToggleTheme } from '../theme/ToggleThemeButton' -import { HomeIcons } from './HomeIcons' - -const Context = createStyledContext({ - isVertical: false, -}) - -export function HomeLayout() { - return ( - - {isTouchable ? : } - - ) -} - -function HomeLayoutTouch() { - return ( - - - - - - - - - - - - - - - - - ) -} - -function HomeLayoutMouse() { - return ( - - - - - - - - - - - - - - - - - - - - ) -} - -function NavLinks() { - return ( - <> - - Feed - - - - Notifications - - - - Profile - - - ) -} - -const IconFrame = styled(View, { - $sm: { - scale: 0.8, - m: -5, - }, -}) - -const ToggleThemeLink = (props: ViewProps) => { - const { onPress, Icon, setting } = useToggleTheme() - return ( - - - - - - {setting[0].toUpperCase()} - {setting.slice(1)} - - - ) -} - -const SideMenuLink = ({ - href, - subPaths, - Icon, - children, -}: { - subPaths?: string[] - href: Href - Icon: (typeof HomeIcons)['Home'] - children: ReactNode -}) => { - const pathname = usePathname() - const isActive = pathname === href || subPaths?.some((p) => pathname.startsWith(p)) - - return ( - - - - - - {children} - - - ) -} - -const LinkText = styled(SizableText, { - context: Context, - select: 'none', - display: 'flex', - flex: 10, - size: '$5', - cursor: 'pointer', - $xs: { - display: 'none', - }, - - variants: { - isVertical: { - true: {}, - }, - } as const, -}) - -const LinkContainer = styled(XStack, { - context: Context, - tag: 'a', - className: 'text-decoration-none', - gap: '$4', - rounded: '$6', - cursor: 'pointer', - items: 'center', - - hoverStyle: { - bg: '$color3', - }, - - pressStyle: { - bg: '$color3', - }, - - variants: { - isActive: { - true: { - bg: '$color2', - }, - }, - - isVertical: { - true: { - flex: 1, - justify: 'center', - px: '$2', - py: '$2.5', - }, - false: { - width: '100%', - px: '$4', - py: '$2.5', - - $xs: { - p: 0, - width: '$6', - height: '$6', - items: 'center', - justify: 'center', - }, - }, - }, - } as const, -}) diff --git a/examples/one-recommended/code/notifications/NotificationCard.tsx b/examples/one-recommended/code/notifications/NotificationCard.tsx deleted file mode 100644 index e5fc5a31f..000000000 --- a/examples/one-recommended/code/notifications/NotificationCard.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import { type Href, Link } from 'one' -import { Paragraph, Text, YStack } from 'tamagui' -import { Card } from '../ui/Card' -import { Image } from '../ui/Image' - -type NotificationItem = { - action: 'like' | 'repost' | 'follow' - fromUser: { - username: string | null - userLink: Href - avatar: string | null - } - post: { - postLink: Href | null - content: string | null - } | null - createdAt: Date -} - -const actionVerbs: { [key in NotificationItem['action']]: string } = { - like: 'liked', - repost: 'reposted', - follow: 'followed', -} - -export const NotificationCard = (props: NotificationItem) => { - return ( - - - - - - {props.fromUser.username} -   - {actionVerbs[props.action]}  - {props.post ? 'your post.' : 'you.'} - - - - - ) -} diff --git a/examples/one-recommended/code/notifications/data.ts b/examples/one-recommended/code/notifications/data.ts deleted file mode 100644 index 2442020f7..000000000 --- a/examples/one-recommended/code/notifications/data.ts +++ /dev/null @@ -1,40 +0,0 @@ -export const notificationData = [ - { - id: 1, - postId: 1, - action: `replied to`, - user: { - name: `SomeRandomDevWeb`, - avatar: `https://placecats.com/millie/300/200`, - }, - }, - { - id: 2, - postId: 2, - action: `liked`, - user: { - name: `Floren Ryance`, - avatar: `https://placecats.com/neo/300/200`, - }, - }, - { - id: 3, - postId: 3, - action: `liked`, - user: { - name: `PrimeRageN`, - avatar: `https://placecats.com/millie_neo/300/200`, - }, - }, - { - id: 4, - postId: 4, - action: `replied to`, - user: { - name: `bramadov 22`, - avatar: `https://placecats.com/neo_banana/300/200`, - }, - }, -] - -export type NotificationItem = (typeof notificationData)[0] diff --git a/examples/one-recommended/code/styles/base.css b/examples/one-recommended/code/styles/base.css deleted file mode 100644 index 1950192ae..000000000 --- a/examples/one-recommended/code/styles/base.css +++ /dev/null @@ -1,38 +0,0 @@ -html, -body { - max-width: 100vw; -} - -body { - overflow-x: hidden; -} - -body { - margin: 0; - position: relative; - max-width: 100vw; -} - -a { - text-decoration: underline; - text-decoration-thickness: 2px; - text-decoration-color: var(--color025); - text-underline-offset: 3px; -} - -a:hover { - text-decoration-color: var(--color075); - text-decoration-thickness: 2px; -} - -* { - box-sizing: border-box; -} - -a { - color: inherit; -} - -a.is_Button, .text-decoration-none, a:has(div) { - text-decoration: none; -} diff --git a/examples/one-recommended/code/styles/tamagui.css b/examples/one-recommended/code/styles/tamagui.css deleted file mode 100644 index 8dedf2a8f..000000000 --- a/examples/one-recommended/code/styles/tamagui.css +++ /dev/null @@ -1,368 +0,0 @@ -._ovs-contain {overscroll-behavior:contain;} - .is_Text .is_Text {display:inline-flex;} - ._dsp_contents {display:contents;} - ._no_backdrop::backdrop {display: none;} - :root {--c-radius-0:0px;--c-radius-1:3px;--c-radius-2:5px;--c-radius-3:7px;--c-radius-4:9px;--c-radius-5:10px;--c-radius-6:16px;--c-radius-7:19px;--c-radius-8:22px;--c-radius-9:26px;--c-radius-10:34px;--c-radius-11:42px;--c-radius-12:50px;--c-radius-true:9px;--c-zIndex-0:0;--c-zIndex-1:100;--c-zIndex-2:200;--c-zIndex-3:300;--c-zIndex-4:400;--c-zIndex-5:500;--c-space-0:0px;--c-space-1:2px;--c-space-2:7px;--c-space-3:13px;--c-space-4:18px;--c-space-5:24px;--c-space-6:32px;--c-space-7:39px;--c-space-8:46px;--c-space-9:53px;--c-space-10:60px;--c-space-11:74px;--c-space-12:88px;--c-space-13:102px;--c-space-14:116px;--c-space-15:130px;--c-space-16:144px;--c-space-17:144px;--c-space-18:158px;--c-space-19:172px;--c-space-20:186px;--c-space-0--25:0.5px;--c-space-0--5:1px;--c-space-0--75:1.5px;--c-space-1--5:4px;--c-space-2--5:10px;--c-space-3--5:16px;--c-space-true:18px;--c-space-4--5:21px;--c-space--0--25:-0.5px;--c-space--0--5:-1px;--c-space--0--75:-1.5px;--c-space--1:-2px;--c-space--1--5:-4px;--c-space--2:-7px;--c-space--2--5:-10px;--c-space--3:-13px;--c-space--3--5:-16px;--c-space--4:-18px;--c-space--true:-18px;--c-space--4--5:-21px;--c-space--5:-24px;--c-space--6:-32px;--c-space--7:-39px;--c-space--8:-46px;--c-space--9:-53px;--c-space--10:-60px;--c-space--11:-74px;--c-space--12:-88px;--c-space--13:-102px;--c-space--14:-116px;--c-space--15:-130px;--c-space--16:-144px;--c-space--17:-144px;--c-space--18:-158px;--c-space--19:-172px;--c-space--20:-186px;--c-size-0:0px;--c-size-1:20px;--c-size-2:28px;--c-size-3:36px;--c-size-4:44px;--c-size-5:52px;--c-size-6:64px;--c-size-7:74px;--c-size-8:84px;--c-size-9:94px;--c-size-10:104px;--c-size-11:124px;--c-size-12:144px;--c-size-13:164px;--c-size-14:184px;--c-size-15:204px;--c-size-16:224px;--c-size-17:224px;--c-size-18:244px;--c-size-19:264px;--c-size-20:284px;--c-size-0--25:2px;--c-size-0--5:4px;--c-size-0--75:8px;--c-size-1--5:24px;--c-size-2--5:32px;--c-size-3--5:40px;--c-size-true:44px;--c-size-4--5:48px} -:root .font_body, :root .t_lang-body-default .font_body {--f-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--f-lineHeight-1:21px;--f-lineHeight-2:22px;--f-lineHeight-3:23px;--f-lineHeight-4:24px;--f-lineHeight-5:26px;--f-lineHeight-6:28px;--f-lineHeight-7:30px;--f-lineHeight-8:33px;--f-lineHeight-9:40px;--f-lineHeight-10:56px;--f-lineHeight-11:65px;--f-lineHeight-12:72px;--f-lineHeight-13:82px;--f-lineHeight-14:102px;--f-lineHeight-15:124px;--f-lineHeight-16:144px;--f-lineHeight-true:24px;--f-weight-1:300;--f-weight-2:300;--f-weight-3:300;--f-weight-4:300;--f-weight-5:300;--f-weight-6:300;--f-weight-7:300;--f-weight-8:300;--f-weight-9:300;--f-weight-10:300;--f-weight-11:300;--f-weight-12:300;--f-weight-13:300;--f-weight-14:300;--f-weight-15:300;--f-weight-16:300;--f-weight-true:300;--f-letterSpacing-1:0px;--f-letterSpacing-2:0px;--f-letterSpacing-3:0px;--f-letterSpacing-4:0px;--f-letterSpacing-5:0px;--f-letterSpacing-6:0px;--f-letterSpacing-7:0px;--f-letterSpacing-8:0px;--f-letterSpacing-9:0px;--f-letterSpacing-10:0px;--f-letterSpacing-11:0px;--f-letterSpacing-12:0px;--f-letterSpacing-13:0px;--f-letterSpacing-14:0px;--f-letterSpacing-15:0px;--f-letterSpacing-16:0px;--f-letterSpacing-true:0px;--f-size-1:11px;--f-size-2:12px;--f-size-3:13px;--f-size-4:14px;--f-size-5:16px;--f-size-6:18px;--f-size-7:20px;--f-size-8:23px;--f-size-9:30px;--f-size-10:46px;--f-size-11:55px;--f-size-12:62px;--f-size-13:72px;--f-size-14:92px;--f-size-15:114px;--f-size-16:134px;--f-size-true:14px} -:root .font_heading, :root .t_lang-heading-default .font_heading {--f-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--f-lineHeight-1:25.4px;--f-lineHeight-2:26.799999999999997px;--f-lineHeight-3:28.2px;--f-lineHeight-4:29.599999999999998px;--f-lineHeight-5:32.4px;--f-lineHeight-6:35.2px;--f-lineHeight-7:38px;--f-lineHeight-8:42.199999999999996px;--f-lineHeight-9:52px;--f-lineHeight-10:74.39999999999999px;--f-lineHeight-11:87px;--f-lineHeight-12:96.8px;--f-lineHeight-13:110.8px;--f-lineHeight-14:138.79999999999998px;--f-lineHeight-15:169.6px;--f-lineHeight-16:197.6px;--f-lineHeight-true:29.599999999999998px;--f-weight-1:300;--f-weight-2:300;--f-weight-3:300;--f-weight-4:300;--f-weight-5:300;--f-weight-6:300;--f-weight-7:300;--f-weight-8:300;--f-weight-9:300;--f-weight-10:300;--f-weight-11:300;--f-weight-12:300;--f-weight-13:300;--f-weight-14:300;--f-weight-15:300;--f-weight-16:300;--f-weight-true:300;--f-letterSpacing-1:0px;--f-letterSpacing-2:0px;--f-letterSpacing-3:0px;--f-letterSpacing-4:0px;--f-letterSpacing-5:0px;--f-letterSpacing-6:0px;--f-letterSpacing-7:0px;--f-letterSpacing-8:0px;--f-letterSpacing-9:0px;--f-letterSpacing-10:0px;--f-letterSpacing-11:0px;--f-letterSpacing-12:0px;--f-letterSpacing-13:0px;--f-letterSpacing-14:0px;--f-letterSpacing-15:0px;--f-letterSpacing-16:0px;--f-letterSpacing-true:0px;--f-size-1:15.399999999999999px;--f-size-2:16.799999999999997px;--f-size-3:18.2px;--f-size-4:19.599999999999998px;--f-size-5:22.4px;--f-size-6:25.2px;--f-size-7:28px;--f-size-8:32.199999999999996px;--f-size-9:42px;--f-size-10:64.39999999999999px;--f-size-11:77px;--f-size-12:86.8px;--f-size-13:100.8px;--f-size-14:128.79999999999998px;--f-size-15:159.6px;--f-size-16:187.6px;--f-size-true:19.599999999999998px} - :root.t_dark .t_light , :root.t_light, :root.t_light , .tm_xxt {--accentBackground:hsla(0, 0%, 10%, 1);--accentColor:hsla(0, 0%, 38%, 1);--background0:hsla(0, 0%, 100%, 0);--background02:hsla(0, 0%, 100%, 0.2);--background04:hsla(0, 0%, 100%, 0.4);--background06:hsla(0, 0%, 100%, 0.6);--background08:hsla(0, 0%, 100%, 0.8);--color1:hsla(0, 0%, 100%, 1);--color2:hsla(0, 0%, 95%, 1);--color3:hsla(0, 0%, 93%, 1);--color4:hsla(0, 0%, 91%, 1);--color5:hsla(0, 0%, 88%, 1);--color6:hsla(0, 0%, 85%, 1);--color7:hsla(0, 0%, 82%, 1);--color8:hsla(0, 0%, 76%, 1);--color9:hsla(0, 0%, 56%, 1);--color10:hsla(0, 0%, 50%, 1);--color11:hsla(0, 0%, 42%, 1);--color12:hsla(0, 0%, 9%, 1);--color0:hsla(0, 0%, 9%, 0);--color02:hsla(0, 0%, 9%, 0.2);--color04:hsla(0, 0%, 9%, 0.4);--color06:hsla(0, 0%, 9%, 0.6);--color08:hsla(0, 0%, 9%, 0.8);--background:hsla(0, 0%, 100%, 1);--backgroundHover:hsla(0, 0%, 100%, 0.8);--backgroundPress:hsla(0, 0%, 95%, 1);--backgroundFocus:hsla(0, 0%, 95%, 1);--borderColor:hsla(0, 0%, 91%, 1);--borderColorHover:hsla(0, 0%, 93%, 1);--borderColorPress:hsla(0, 0%, 88%, 1);--borderColorFocus:hsla(0, 0%, 91%, 1);--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--colorTransparent:hsla(0, 0%, 9%, 0);--blue1:hsl(206, 100%, 99.2%);--blue2:hsl(210, 100%, 98.0%);--blue3:hsl(209, 100%, 96.5%);--blue4:hsl(210, 98.8%, 94.0%);--blue5:hsl(209, 95.0%, 90.1%);--blue6:hsl(209, 81.2%, 84.5%);--blue7:hsl(208, 77.5%, 76.9%);--blue8:hsl(206, 81.9%, 65.3%);--blue9:hsl(206, 100%, 50.0%);--blue10:hsl(208, 100%, 47.3%);--blue11:hsl(211, 100%, 43.2%);--blue12:hsl(211, 100%, 15.0%);--green1:hsl(136, 50.0%, 98.9%);--green2:hsl(138, 62.5%, 96.9%);--green3:hsl(139, 55.2%, 94.5%);--green4:hsl(140, 48.7%, 91.0%);--green5:hsl(141, 43.7%, 86.0%);--green6:hsl(143, 40.3%, 79.0%);--green7:hsl(146, 38.5%, 69.0%);--green8:hsl(151, 40.2%, 54.1%);--green9:hsl(151, 55.0%, 41.5%);--green10:hsl(152, 57.5%, 37.6%);--green11:hsl(153, 67.0%, 28.5%);--green12:hsl(155, 40.0%, 14.0%);--red1:hsl(359, 100%, 99.4%);--red2:hsl(359, 100%, 98.6%);--red3:hsl(360, 100%, 96.8%);--red4:hsl(360, 97.9%, 94.8%);--red5:hsl(360, 90.2%, 91.9%);--red6:hsl(360, 81.7%, 87.8%);--red7:hsl(359, 74.2%, 81.7%);--red8:hsl(359, 69.5%, 74.3%);--red9:hsl(358, 75.0%, 59.0%);--red10:hsl(358, 69.4%, 55.2%);--red11:hsl(358, 65.0%, 48.7%);--red12:hsl(354, 50.0%, 14.6%);--yellow1:hsl(60, 54.0%, 98.5%);--yellow2:hsl(52, 100%, 95.5%);--yellow3:hsl(55, 100%, 90.9%);--yellow4:hsl(54, 100%, 86.6%);--yellow5:hsl(52, 97.9%, 82.0%);--yellow6:hsl(50, 89.4%, 76.1%);--yellow7:hsl(47, 80.4%, 68.0%);--yellow8:hsl(48, 100%, 46.1%);--yellow9:hsl(53, 92.0%, 50.0%);--yellow10:hsl(50, 100%, 48.5%);--yellow11:hsl(42, 100%, 29.0%);--yellow12:hsl(40, 55.0%, 13.5%);--shadow1:rgba(0,0,0,0.04);--shadow2:rgba(0,0,0,0.08);--shadow3:rgba(0,0,0,0.16);--shadow4:rgba(0,0,0,0.24);--shadow5:rgba(0,0,0,0.32);--shadow6:rgba(0,0,0,0.4);--black1:#050505;--black2:#151515;--black3:#191919;--black4:#232323;--black5:#282828;--black6:#323232;--black7:#424242;--black8:#494949;--black9:#545454;--black10:#626262;--black11:#a5a5a5;--black12:#fff;--white1:#fff;--white2:#f2f2f2;--white3:hsl(0, 0%, 93%);--white4:hsl(0, 0%, 91%);--white5:hsl(0, 0%, 88%);--white6:hsl(0, 0%, 85%);--white7:hsl(0, 0%, 82%);--white8:hsl(0, 0%, 76%);--white9:hsl(0, 0%, 56%);--white10:hsl(0, 0%, 50%);--white11:hsl(0, 0%, 42%);--white12:hsl(0, 0%, 9%);--shadowColor:rgba(0,0,0,0.04);--accent1:hsla(0, 0%, 2%, 1);--accent2:hsla(0, 0%, 8%, 1);--accent3:hsla(0, 0%, 10%, 1);--accent4:hsla(0, 0%, 14%, 1);--accent5:hsla(0, 0%, 16%, 1);--accent6:hsla(0, 0%, 20%, 1);--accent7:hsla(0, 0%, 26%, 1);--accent8:hsla(0, 0%, 29%, 1);--accent9:hsla(0, 0%, 33%, 1);--accent10:hsla(0, 0%, 38%, 1);--accent11:hsla(0, 0%, 65%, 1);--accent12:hsla(0, 0%, 100%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - :root {--accentBackground:hsla(0, 0%, 10%, 1);--accentColor:hsla(0, 0%, 38%, 1);--background0:hsla(0, 0%, 100%, 0);--background02:hsla(0, 0%, 100%, 0.2);--background04:hsla(0, 0%, 100%, 0.4);--background06:hsla(0, 0%, 100%, 0.6);--background08:hsla(0, 0%, 100%, 0.8);--color1:hsla(0, 0%, 100%, 1);--color2:hsla(0, 0%, 95%, 1);--color3:hsla(0, 0%, 93%, 1);--color4:hsla(0, 0%, 91%, 1);--color5:hsla(0, 0%, 88%, 1);--color6:hsla(0, 0%, 85%, 1);--color7:hsla(0, 0%, 82%, 1);--color8:hsla(0, 0%, 76%, 1);--color9:hsla(0, 0%, 56%, 1);--color10:hsla(0, 0%, 50%, 1);--color11:hsla(0, 0%, 42%, 1);--color12:hsla(0, 0%, 9%, 1);--color0:hsla(0, 0%, 9%, 0);--color02:hsla(0, 0%, 9%, 0.2);--color04:hsla(0, 0%, 9%, 0.4);--color06:hsla(0, 0%, 9%, 0.6);--color08:hsla(0, 0%, 9%, 0.8);--background:hsla(0, 0%, 100%, 1);--backgroundHover:hsla(0, 0%, 100%, 0.8);--backgroundPress:hsla(0, 0%, 95%, 1);--backgroundFocus:hsla(0, 0%, 95%, 1);--borderColor:hsla(0, 0%, 91%, 1);--borderColorHover:hsla(0, 0%, 93%, 1);--borderColorPress:hsla(0, 0%, 88%, 1);--borderColorFocus:hsla(0, 0%, 91%, 1);--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--colorTransparent:hsla(0, 0%, 9%, 0);--blue1:hsl(206, 100%, 99.2%);--blue2:hsl(210, 100%, 98.0%);--blue3:hsl(209, 100%, 96.5%);--blue4:hsl(210, 98.8%, 94.0%);--blue5:hsl(209, 95.0%, 90.1%);--blue6:hsl(209, 81.2%, 84.5%);--blue7:hsl(208, 77.5%, 76.9%);--blue8:hsl(206, 81.9%, 65.3%);--blue9:hsl(206, 100%, 50.0%);--blue10:hsl(208, 100%, 47.3%);--blue11:hsl(211, 100%, 43.2%);--blue12:hsl(211, 100%, 15.0%);--green1:hsl(136, 50.0%, 98.9%);--green2:hsl(138, 62.5%, 96.9%);--green3:hsl(139, 55.2%, 94.5%);--green4:hsl(140, 48.7%, 91.0%);--green5:hsl(141, 43.7%, 86.0%);--green6:hsl(143, 40.3%, 79.0%);--green7:hsl(146, 38.5%, 69.0%);--green8:hsl(151, 40.2%, 54.1%);--green9:hsl(151, 55.0%, 41.5%);--green10:hsl(152, 57.5%, 37.6%);--green11:hsl(153, 67.0%, 28.5%);--green12:hsl(155, 40.0%, 14.0%);--red1:hsl(359, 100%, 99.4%);--red2:hsl(359, 100%, 98.6%);--red3:hsl(360, 100%, 96.8%);--red4:hsl(360, 97.9%, 94.8%);--red5:hsl(360, 90.2%, 91.9%);--red6:hsl(360, 81.7%, 87.8%);--red7:hsl(359, 74.2%, 81.7%);--red8:hsl(359, 69.5%, 74.3%);--red9:hsl(358, 75.0%, 59.0%);--red10:hsl(358, 69.4%, 55.2%);--red11:hsl(358, 65.0%, 48.7%);--red12:hsl(354, 50.0%, 14.6%);--yellow1:hsl(60, 54.0%, 98.5%);--yellow2:hsl(52, 100%, 95.5%);--yellow3:hsl(55, 100%, 90.9%);--yellow4:hsl(54, 100%, 86.6%);--yellow5:hsl(52, 97.9%, 82.0%);--yellow6:hsl(50, 89.4%, 76.1%);--yellow7:hsl(47, 80.4%, 68.0%);--yellow8:hsl(48, 100%, 46.1%);--yellow9:hsl(53, 92.0%, 50.0%);--yellow10:hsl(50, 100%, 48.5%);--yellow11:hsl(42, 100%, 29.0%);--yellow12:hsl(40, 55.0%, 13.5%);--shadow1:rgba(0,0,0,0.04);--shadow2:rgba(0,0,0,0.08);--shadow3:rgba(0,0,0,0.16);--shadow4:rgba(0,0,0,0.24);--shadow5:rgba(0,0,0,0.32);--shadow6:rgba(0,0,0,0.4);--black1:#050505;--black2:#151515;--black3:#191919;--black4:#232323;--black5:#282828;--black6:#323232;--black7:#424242;--black8:#494949;--black9:#545454;--black10:#626262;--black11:#a5a5a5;--black12:#fff;--white1:#fff;--white2:#f2f2f2;--white3:hsl(0, 0%, 93%);--white4:hsl(0, 0%, 91%);--white5:hsl(0, 0%, 88%);--white6:hsl(0, 0%, 85%);--white7:hsl(0, 0%, 82%);--white8:hsl(0, 0%, 76%);--white9:hsl(0, 0%, 56%);--white10:hsl(0, 0%, 50%);--white11:hsl(0, 0%, 42%);--white12:hsl(0, 0%, 9%);--shadowColor:rgba(0,0,0,0.04);--accent1:hsla(0, 0%, 2%, 1);--accent2:hsla(0, 0%, 8%, 1);--accent3:hsla(0, 0%, 10%, 1);--accent4:hsla(0, 0%, 14%, 1);--accent5:hsla(0, 0%, 16%, 1);--accent6:hsla(0, 0%, 20%, 1);--accent7:hsla(0, 0%, 26%, 1);--accent8:hsla(0, 0%, 29%, 1);--accent9:hsla(0, 0%, 33%, 1);--accent10:hsla(0, 0%, 38%, 1);--accent11:hsla(0, 0%, 65%, 1);--accent12:hsla(0, 0%, 100%, 1);} - } -.t_light ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark, :root.t_dark , :root.t_light .t_dark , .tm_xxt {--accentBackground:hsla(0, 0%, 50%, 1);--accentColor:hsla(0, 0%, 93%, 1);--background0:hsla(0, 0%, 2%, 0);--background02:hsla(0, 0%, 2%, 0.2);--background04:hsla(0, 0%, 2%, 0.4);--background06:hsla(0, 0%, 2%, 0.6);--background08:hsla(0, 0%, 2%, 0.8);--color1:hsla(0, 0%, 2%, 1);--color2:hsla(0, 0%, 8%, 1);--color3:hsla(0, 0%, 10%, 1);--color4:hsla(0, 0%, 14%, 1);--color5:hsla(0, 0%, 16%, 1);--color6:hsla(0, 0%, 20%, 1);--color7:hsla(0, 0%, 26%, 1);--color8:hsla(0, 0%, 29%, 1);--color9:hsla(0, 0%, 33%, 1);--color10:hsla(0, 0%, 38%, 1);--color11:hsla(0, 0%, 65%, 1);--color12:hsla(0, 0%, 100%, 1);--color0:hsla(0, 0%, 100%, 0);--color02:hsla(0, 0%, 100%, 0.2);--color04:hsla(0, 0%, 100%, 0.4);--color06:hsla(0, 0%, 100%, 0.6);--color08:hsla(0, 0%, 100%, 0.8);--background:hsla(0, 0%, 2%, 1);--backgroundHover:hsla(0, 0%, 8%, 1);--backgroundPress:hsla(0, 0%, 2%, 0.8);--backgroundFocus:hsla(0, 0%, 2%, 0.8);--borderColor:hsla(0, 0%, 14%, 1);--borderColorHover:hsla(0, 0%, 16%, 1);--borderColorPress:hsla(0, 0%, 10%, 1);--borderColorFocus:hsla(0, 0%, 14%, 1);--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--colorTransparent:hsla(0, 0%, 100%, 0);--blue1:hsl(212, 35.0%, 9.2%);--blue2:hsl(216, 50.0%, 11.8%);--blue3:hsl(214, 59.4%, 15.3%);--blue4:hsl(214, 65.8%, 17.9%);--blue5:hsl(213, 71.2%, 20.2%);--blue6:hsl(212, 77.4%, 23.1%);--blue7:hsl(211, 85.1%, 27.4%);--blue8:hsl(211, 89.7%, 34.1%);--blue9:hsl(206, 100%, 50.0%);--blue10:hsl(209, 100%, 60.6%);--blue11:hsl(210, 100%, 66.1%);--blue12:hsl(206, 98.0%, 95.8%);--green1:hsl(146, 30.0%, 7.4%);--green2:hsl(155, 44.2%, 8.4%);--green3:hsl(155, 46.7%, 10.9%);--green4:hsl(154, 48.4%, 12.9%);--green5:hsl(154, 49.7%, 14.9%);--green6:hsl(154, 50.9%, 17.6%);--green7:hsl(153, 51.8%, 21.8%);--green8:hsl(151, 51.7%, 28.4%);--green9:hsl(151, 55.0%, 41.5%);--green10:hsl(151, 49.3%, 46.5%);--green11:hsl(151, 50.0%, 53.2%);--green12:hsl(137, 72.0%, 94.0%);--red1:hsl(353, 23.0%, 9.8%);--red2:hsl(357, 34.4%, 12.0%);--red3:hsl(356, 43.4%, 16.4%);--red4:hsl(356, 47.6%, 19.2%);--red5:hsl(356, 51.1%, 21.9%);--red6:hsl(356, 55.2%, 25.9%);--red7:hsl(357, 60.2%, 31.8%);--red8:hsl(358, 65.0%, 40.4%);--red9:hsl(358, 75.0%, 59.0%);--red10:hsl(358, 85.3%, 64.0%);--red11:hsl(358, 100%, 69.5%);--red12:hsl(351, 89.0%, 96.0%);--yellow1:hsl(45, 100%, 5.5%);--yellow2:hsl(46, 100%, 6.7%);--yellow3:hsl(45, 100%, 8.7%);--yellow4:hsl(45, 100%, 10.4%);--yellow5:hsl(47, 100%, 12.1%);--yellow6:hsl(49, 100%, 14.3%);--yellow7:hsl(49, 90.3%, 18.4%);--yellow8:hsl(50, 100%, 22.0%);--yellow9:hsl(53, 92.0%, 50.0%);--yellow10:hsl(54, 100%, 68.0%);--yellow11:hsl(48, 100%, 47.0%);--yellow12:hsl(53, 100%, 91.0%);--shadow1:rgba(0,0,0,0.2);--shadow2:rgba(0,0,0,0.3);--shadow3:rgba(0,0,0,0.4);--shadow4:rgba(0,0,0,0.5);--shadow5:rgba(0,0,0,0.6);--shadow6:rgba(0,0,0,0.7);--black1:#050505;--black2:#151515;--black3:#191919;--black4:#232323;--black5:#282828;--black6:#323232;--black7:#424242;--black8:#494949;--black9:#545454;--black10:#626262;--black11:#a5a5a5;--black12:#fff;--white1:#fff;--white2:#f2f2f2;--white3:hsl(0, 0%, 93%);--white4:hsl(0, 0%, 91%);--white5:hsl(0, 0%, 88%);--white6:hsl(0, 0%, 85%);--white7:hsl(0, 0%, 82%);--white8:hsl(0, 0%, 76%);--white9:hsl(0, 0%, 56%);--white10:hsl(0, 0%, 50%);--white11:hsl(0, 0%, 42%);--white12:hsl(0, 0%, 9%);--shadowColor:rgba(0,0,0,0.2);--accent1:hsla(0, 0%, 100%, 1);--accent2:hsla(0, 0%, 95%, 1);--accent3:hsla(0, 0%, 93%, 1);--accent4:hsla(0, 0%, 91%, 1);--accent5:hsla(0, 0%, 88%, 1);--accent6:hsla(0, 0%, 85%, 1);--accent7:hsla(0, 0%, 82%, 1);--accent8:hsla(0, 0%, 76%, 1);--accent9:hsla(0, 0%, 56%, 1);--accent10:hsla(0, 0%, 50%, 1);--accent11:hsla(0, 0%, 42%, 1);--accent12:hsla(0, 0%, 9%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - :root {--accentBackground:hsla(0, 0%, 50%, 1);--accentColor:hsla(0, 0%, 93%, 1);--background0:hsla(0, 0%, 2%, 0);--background02:hsla(0, 0%, 2%, 0.2);--background04:hsla(0, 0%, 2%, 0.4);--background06:hsla(0, 0%, 2%, 0.6);--background08:hsla(0, 0%, 2%, 0.8);--color1:hsla(0, 0%, 2%, 1);--color2:hsla(0, 0%, 8%, 1);--color3:hsla(0, 0%, 10%, 1);--color4:hsla(0, 0%, 14%, 1);--color5:hsla(0, 0%, 16%, 1);--color6:hsla(0, 0%, 20%, 1);--color7:hsla(0, 0%, 26%, 1);--color8:hsla(0, 0%, 29%, 1);--color9:hsla(0, 0%, 33%, 1);--color10:hsla(0, 0%, 38%, 1);--color11:hsla(0, 0%, 65%, 1);--color12:hsla(0, 0%, 100%, 1);--color0:hsla(0, 0%, 100%, 0);--color02:hsla(0, 0%, 100%, 0.2);--color04:hsla(0, 0%, 100%, 0.4);--color06:hsla(0, 0%, 100%, 0.6);--color08:hsla(0, 0%, 100%, 0.8);--background:hsla(0, 0%, 2%, 1);--backgroundHover:hsla(0, 0%, 8%, 1);--backgroundPress:hsla(0, 0%, 2%, 0.8);--backgroundFocus:hsla(0, 0%, 2%, 0.8);--borderColor:hsla(0, 0%, 14%, 1);--borderColorHover:hsla(0, 0%, 16%, 1);--borderColorPress:hsla(0, 0%, 10%, 1);--borderColorFocus:hsla(0, 0%, 14%, 1);--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--colorTransparent:hsla(0, 0%, 100%, 0);--blue1:hsl(212, 35.0%, 9.2%);--blue2:hsl(216, 50.0%, 11.8%);--blue3:hsl(214, 59.4%, 15.3%);--blue4:hsl(214, 65.8%, 17.9%);--blue5:hsl(213, 71.2%, 20.2%);--blue6:hsl(212, 77.4%, 23.1%);--blue7:hsl(211, 85.1%, 27.4%);--blue8:hsl(211, 89.7%, 34.1%);--blue9:hsl(206, 100%, 50.0%);--blue10:hsl(209, 100%, 60.6%);--blue11:hsl(210, 100%, 66.1%);--blue12:hsl(206, 98.0%, 95.8%);--green1:hsl(146, 30.0%, 7.4%);--green2:hsl(155, 44.2%, 8.4%);--green3:hsl(155, 46.7%, 10.9%);--green4:hsl(154, 48.4%, 12.9%);--green5:hsl(154, 49.7%, 14.9%);--green6:hsl(154, 50.9%, 17.6%);--green7:hsl(153, 51.8%, 21.8%);--green8:hsl(151, 51.7%, 28.4%);--green9:hsl(151, 55.0%, 41.5%);--green10:hsl(151, 49.3%, 46.5%);--green11:hsl(151, 50.0%, 53.2%);--green12:hsl(137, 72.0%, 94.0%);--red1:hsl(353, 23.0%, 9.8%);--red2:hsl(357, 34.4%, 12.0%);--red3:hsl(356, 43.4%, 16.4%);--red4:hsl(356, 47.6%, 19.2%);--red5:hsl(356, 51.1%, 21.9%);--red6:hsl(356, 55.2%, 25.9%);--red7:hsl(357, 60.2%, 31.8%);--red8:hsl(358, 65.0%, 40.4%);--red9:hsl(358, 75.0%, 59.0%);--red10:hsl(358, 85.3%, 64.0%);--red11:hsl(358, 100%, 69.5%);--red12:hsl(351, 89.0%, 96.0%);--yellow1:hsl(45, 100%, 5.5%);--yellow2:hsl(46, 100%, 6.7%);--yellow3:hsl(45, 100%, 8.7%);--yellow4:hsl(45, 100%, 10.4%);--yellow5:hsl(47, 100%, 12.1%);--yellow6:hsl(49, 100%, 14.3%);--yellow7:hsl(49, 90.3%, 18.4%);--yellow8:hsl(50, 100%, 22.0%);--yellow9:hsl(53, 92.0%, 50.0%);--yellow10:hsl(54, 100%, 68.0%);--yellow11:hsl(48, 100%, 47.0%);--yellow12:hsl(53, 100%, 91.0%);--shadow1:rgba(0,0,0,0.2);--shadow2:rgba(0,0,0,0.3);--shadow3:rgba(0,0,0,0.4);--shadow4:rgba(0,0,0,0.5);--shadow5:rgba(0,0,0,0.6);--shadow6:rgba(0,0,0,0.7);--black1:#050505;--black2:#151515;--black3:#191919;--black4:#232323;--black5:#282828;--black6:#323232;--black7:#424242;--black8:#494949;--black9:#545454;--black10:#626262;--black11:#a5a5a5;--black12:#fff;--white1:#fff;--white2:#f2f2f2;--white3:hsl(0, 0%, 93%);--white4:hsl(0, 0%, 91%);--white5:hsl(0, 0%, 88%);--white6:hsl(0, 0%, 85%);--white7:hsl(0, 0%, 82%);--white8:hsl(0, 0%, 76%);--white9:hsl(0, 0%, 56%);--white10:hsl(0, 0%, 50%);--white11:hsl(0, 0%, 42%);--white12:hsl(0, 0%, 9%);--shadowColor:rgba(0,0,0,0.2);--accent1:hsla(0, 0%, 100%, 1);--accent2:hsla(0, 0%, 95%, 1);--accent3:hsla(0, 0%, 93%, 1);--accent4:hsla(0, 0%, 91%, 1);--accent5:hsla(0, 0%, 88%, 1);--accent6:hsla(0, 0%, 85%, 1);--accent7:hsla(0, 0%, 82%, 1);--accent8:hsla(0, 0%, 76%, 1);--accent9:hsla(0, 0%, 56%, 1);--accent10:hsla(0, 0%, 50%, 1);--accent11:hsla(0, 0%, 42%, 1);--accent12:hsla(0, 0%, 9%, 1);} - } -.t_dark ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_light .t_accent, :root.t_light .t_accent, .tm_xxt {--accentBackground:hsla(0, 0%, 93%, 1);--accentColor:hsla(0, 0%, 50%, 1);--background0:hsla(0, 0%, 2%, 0);--background02:hsla(0, 0%, 2%, 0.2);--background04:hsla(0, 0%, 2%, 0.4);--background06:hsla(0, 0%, 2%, 0.6);--background08:hsla(0, 0%, 2%, 0.8);--color1:hsla(0, 0%, 2%, 1);--color2:hsla(0, 0%, 8%, 1);--color3:hsla(0, 0%, 10%, 1);--color4:hsla(0, 0%, 14%, 1);--color5:hsla(0, 0%, 16%, 1);--color6:hsla(0, 0%, 20%, 1);--color7:hsla(0, 0%, 26%, 1);--color8:hsla(0, 0%, 29%, 1);--color9:hsla(0, 0%, 33%, 1);--color10:hsla(0, 0%, 38%, 1);--color11:hsla(0, 0%, 65%, 1);--color12:hsla(0, 0%, 100%, 1);--color0:hsla(0, 0%, 100%, 0);--color02:hsla(0, 0%, 100%, 0.2);--color04:hsla(0, 0%, 100%, 0.4);--color06:hsla(0, 0%, 100%, 0.6);--color08:hsla(0, 0%, 100%, 0.8);--background:hsla(0, 0%, 2%, 1);--backgroundHover:hsla(0, 0%, 2%, 0.8);--backgroundPress:hsla(0, 0%, 8%, 1);--backgroundFocus:hsla(0, 0%, 8%, 1);--borderColor:hsla(0, 0%, 14%, 1);--borderColorHover:hsla(0, 0%, 10%, 1);--borderColorPress:hsla(0, 0%, 16%, 1);--borderColorFocus:hsla(0, 0%, 14%, 1);--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--colorTransparent:hsla(0, 0%, 100%, 0);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_accent {--accentBackground:hsla(0, 0%, 93%, 1);--accentColor:hsla(0, 0%, 50%, 1);--background0:hsla(0, 0%, 2%, 0);--background02:hsla(0, 0%, 2%, 0.2);--background04:hsla(0, 0%, 2%, 0.4);--background06:hsla(0, 0%, 2%, 0.6);--background08:hsla(0, 0%, 2%, 0.8);--color1:hsla(0, 0%, 2%, 1);--color2:hsla(0, 0%, 8%, 1);--color3:hsla(0, 0%, 10%, 1);--color4:hsla(0, 0%, 14%, 1);--color5:hsla(0, 0%, 16%, 1);--color6:hsla(0, 0%, 20%, 1);--color7:hsla(0, 0%, 26%, 1);--color8:hsla(0, 0%, 29%, 1);--color9:hsla(0, 0%, 33%, 1);--color10:hsla(0, 0%, 38%, 1);--color11:hsla(0, 0%, 65%, 1);--color12:hsla(0, 0%, 100%, 1);--color0:hsla(0, 0%, 100%, 0);--color02:hsla(0, 0%, 100%, 0.2);--color04:hsla(0, 0%, 100%, 0.4);--color06:hsla(0, 0%, 100%, 0.6);--color08:hsla(0, 0%, 100%, 0.8);--background:hsla(0, 0%, 2%, 1);--backgroundHover:hsla(0, 0%, 2%, 0.8);--backgroundPress:hsla(0, 0%, 8%, 1);--backgroundFocus:hsla(0, 0%, 8%, 1);--borderColor:hsla(0, 0%, 14%, 1);--borderColorHover:hsla(0, 0%, 10%, 1);--borderColorPress:hsla(0, 0%, 16%, 1);--borderColorFocus:hsla(0, 0%, 14%, 1);--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--colorTransparent:hsla(0, 0%, 100%, 0);} - } -.t_light_accent ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_accent, :root.t_light .t_dark .t_accent, .tm_xxt {--accentBackground:hsla(0, 0%, 38%, 1);--accentColor:hsla(0, 0%, 10%, 1);--background0:hsla(0, 0%, 100%, 0);--background02:hsla(0, 0%, 100%, 0.2);--background04:hsla(0, 0%, 100%, 0.4);--background06:hsla(0, 0%, 100%, 0.6);--background08:hsla(0, 0%, 100%, 0.8);--color1:hsla(0, 0%, 100%, 1);--color2:hsla(0, 0%, 95%, 1);--color3:hsla(0, 0%, 93%, 1);--color4:hsla(0, 0%, 91%, 1);--color5:hsla(0, 0%, 88%, 1);--color6:hsla(0, 0%, 85%, 1);--color7:hsla(0, 0%, 82%, 1);--color8:hsla(0, 0%, 76%, 1);--color9:hsla(0, 0%, 56%, 1);--color10:hsla(0, 0%, 50%, 1);--color11:hsla(0, 0%, 42%, 1);--color12:hsla(0, 0%, 9%, 1);--color0:hsla(0, 0%, 9%, 0);--color02:hsla(0, 0%, 9%, 0.2);--color04:hsla(0, 0%, 9%, 0.4);--color06:hsla(0, 0%, 9%, 0.6);--color08:hsla(0, 0%, 9%, 0.8);--background:hsla(0, 0%, 100%, 1);--backgroundHover:hsla(0, 0%, 95%, 1);--backgroundPress:hsla(0, 0%, 100%, 0.8);--backgroundFocus:hsla(0, 0%, 100%, 0.8);--borderColor:hsla(0, 0%, 91%, 1);--borderColorHover:hsla(0, 0%, 88%, 1);--borderColorPress:hsla(0, 0%, 93%, 1);--borderColorFocus:hsla(0, 0%, 91%, 1);--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--colorTransparent:hsla(0, 0%, 9%, 0);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_accent {--accentBackground:hsla(0, 0%, 38%, 1);--accentColor:hsla(0, 0%, 10%, 1);--background0:hsla(0, 0%, 100%, 0);--background02:hsla(0, 0%, 100%, 0.2);--background04:hsla(0, 0%, 100%, 0.4);--background06:hsla(0, 0%, 100%, 0.6);--background08:hsla(0, 0%, 100%, 0.8);--color1:hsla(0, 0%, 100%, 1);--color2:hsla(0, 0%, 95%, 1);--color3:hsla(0, 0%, 93%, 1);--color4:hsla(0, 0%, 91%, 1);--color5:hsla(0, 0%, 88%, 1);--color6:hsla(0, 0%, 85%, 1);--color7:hsla(0, 0%, 82%, 1);--color8:hsla(0, 0%, 76%, 1);--color9:hsla(0, 0%, 56%, 1);--color10:hsla(0, 0%, 50%, 1);--color11:hsla(0, 0%, 42%, 1);--color12:hsla(0, 0%, 9%, 1);--color0:hsla(0, 0%, 9%, 0);--color02:hsla(0, 0%, 9%, 0.2);--color04:hsla(0, 0%, 9%, 0.4);--color06:hsla(0, 0%, 9%, 0.6);--color08:hsla(0, 0%, 9%, 0.8);--background:hsla(0, 0%, 100%, 1);--backgroundHover:hsla(0, 0%, 95%, 1);--backgroundPress:hsla(0, 0%, 100%, 0.8);--backgroundFocus:hsla(0, 0%, 100%, 0.8);--borderColor:hsla(0, 0%, 91%, 1);--borderColorHover:hsla(0, 0%, 88%, 1);--borderColorPress:hsla(0, 0%, 93%, 1);--borderColorFocus:hsla(0, 0%, 91%, 1);--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--colorTransparent:hsla(0, 0%, 9%, 0);} - } -.t_dark_accent ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_light .t_black, :root.t_light .t_black, .tm_xxt {--accentBackground:hsla(0, 0%, 10%, 1);--accentColor:hsla(0, 0%, 38%, 1);--background0:hsla(0, 0%, 2%, 0);--background02:hsla(0, 0%, 2%, 0.2);--background04:hsla(0, 0%, 2%, 0.4);--background06:hsla(0, 0%, 2%, 0.6);--background08:hsla(0, 0%, 2%, 0.8);--color1:hsla(0, 0%, 2%, 1);--color2:hsla(0, 0%, 8%, 1);--color3:hsla(0, 0%, 10%, 1);--color4:hsla(0, 0%, 14%, 1);--color5:hsla(0, 0%, 16%, 1);--color6:hsla(0, 0%, 20%, 1);--color7:hsla(0, 0%, 26%, 1);--color8:hsla(0, 0%, 29%, 1);--color9:hsla(0, 0%, 33%, 1);--color10:hsla(0, 0%, 38%, 1);--color11:hsla(0, 0%, 65%, 1);--color12:hsla(0, 0%, 100%, 1);--color0:hsla(0, 0%, 100%, 0);--color02:hsla(0, 0%, 100%, 0.2);--color04:hsla(0, 0%, 100%, 0.4);--color06:hsla(0, 0%, 100%, 0.6);--color08:hsla(0, 0%, 100%, 0.8);--background:hsla(0, 0%, 2%, 1);--backgroundHover:hsla(0, 0%, 2%, 0.8);--backgroundPress:hsla(0, 0%, 8%, 1);--backgroundFocus:hsla(0, 0%, 8%, 1);--borderColor:hsla(0, 0%, 14%, 1);--borderColorHover:hsla(0, 0%, 10%, 1);--borderColorPress:hsla(0, 0%, 16%, 1);--borderColorFocus:hsla(0, 0%, 14%, 1);--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--colorTransparent:hsla(0, 0%, 100%, 0);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_black {--accentBackground:hsla(0, 0%, 10%, 1);--accentColor:hsla(0, 0%, 38%, 1);--background0:hsla(0, 0%, 2%, 0);--background02:hsla(0, 0%, 2%, 0.2);--background04:hsla(0, 0%, 2%, 0.4);--background06:hsla(0, 0%, 2%, 0.6);--background08:hsla(0, 0%, 2%, 0.8);--color1:hsla(0, 0%, 2%, 1);--color2:hsla(0, 0%, 8%, 1);--color3:hsla(0, 0%, 10%, 1);--color4:hsla(0, 0%, 14%, 1);--color5:hsla(0, 0%, 16%, 1);--color6:hsla(0, 0%, 20%, 1);--color7:hsla(0, 0%, 26%, 1);--color8:hsla(0, 0%, 29%, 1);--color9:hsla(0, 0%, 33%, 1);--color10:hsla(0, 0%, 38%, 1);--color11:hsla(0, 0%, 65%, 1);--color12:hsla(0, 0%, 100%, 1);--color0:hsla(0, 0%, 100%, 0);--color02:hsla(0, 0%, 100%, 0.2);--color04:hsla(0, 0%, 100%, 0.4);--color06:hsla(0, 0%, 100%, 0.6);--color08:hsla(0, 0%, 100%, 0.8);--background:hsla(0, 0%, 2%, 1);--backgroundHover:hsla(0, 0%, 2%, 0.8);--backgroundPress:hsla(0, 0%, 8%, 1);--backgroundFocus:hsla(0, 0%, 8%, 1);--borderColor:hsla(0, 0%, 14%, 1);--borderColorHover:hsla(0, 0%, 10%, 1);--borderColorPress:hsla(0, 0%, 16%, 1);--borderColorFocus:hsla(0, 0%, 14%, 1);--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--colorTransparent:hsla(0, 0%, 100%, 0);} - } -.t_light_black ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_light .t_white, :root.t_light .t_white, .tm_xxt {--accentBackground:hsla(0, 0%, 10%, 1);--accentColor:hsla(0, 0%, 38%, 1);--background0:hsla(0, 0%, 100%, 0);--background02:hsla(0, 0%, 100%, 0.2);--background04:hsla(0, 0%, 100%, 0.4);--background06:hsla(0, 0%, 100%, 0.6);--background08:hsla(0, 0%, 100%, 0.8);--color1:hsla(0, 0%, 100%, 1);--color2:hsla(0, 0%, 95%, 1);--color3:hsla(0, 0%, 93%, 1);--color4:hsla(0, 0%, 91%, 1);--color5:hsla(0, 0%, 88%, 1);--color6:hsla(0, 0%, 85%, 1);--color7:hsla(0, 0%, 82%, 1);--color8:hsla(0, 0%, 76%, 1);--color9:hsla(0, 0%, 56%, 1);--color10:hsla(0, 0%, 50%, 1);--color11:hsla(0, 0%, 42%, 1);--color12:hsla(0, 0%, 9%, 1);--color0:hsla(0, 0%, 9%, 0);--color02:hsla(0, 0%, 9%, 0.2);--color04:hsla(0, 0%, 9%, 0.4);--color06:hsla(0, 0%, 9%, 0.6);--color08:hsla(0, 0%, 9%, 0.8);--background:hsla(0, 0%, 100%, 1);--backgroundHover:hsla(0, 0%, 100%, 0.8);--backgroundPress:hsla(0, 0%, 95%, 1);--backgroundFocus:hsla(0, 0%, 95%, 1);--borderColor:hsla(0, 0%, 91%, 1);--borderColorHover:hsla(0, 0%, 93%, 1);--borderColorPress:hsla(0, 0%, 88%, 1);--borderColorFocus:hsla(0, 0%, 91%, 1);--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--colorTransparent:hsla(0, 0%, 9%, 0);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_white {--accentBackground:hsla(0, 0%, 10%, 1);--accentColor:hsla(0, 0%, 38%, 1);--background0:hsla(0, 0%, 100%, 0);--background02:hsla(0, 0%, 100%, 0.2);--background04:hsla(0, 0%, 100%, 0.4);--background06:hsla(0, 0%, 100%, 0.6);--background08:hsla(0, 0%, 100%, 0.8);--color1:hsla(0, 0%, 100%, 1);--color2:hsla(0, 0%, 95%, 1);--color3:hsla(0, 0%, 93%, 1);--color4:hsla(0, 0%, 91%, 1);--color5:hsla(0, 0%, 88%, 1);--color6:hsla(0, 0%, 85%, 1);--color7:hsla(0, 0%, 82%, 1);--color8:hsla(0, 0%, 76%, 1);--color9:hsla(0, 0%, 56%, 1);--color10:hsla(0, 0%, 50%, 1);--color11:hsla(0, 0%, 42%, 1);--color12:hsla(0, 0%, 9%, 1);--color0:hsla(0, 0%, 9%, 0);--color02:hsla(0, 0%, 9%, 0.2);--color04:hsla(0, 0%, 9%, 0.4);--color06:hsla(0, 0%, 9%, 0.6);--color08:hsla(0, 0%, 9%, 0.8);--background:hsla(0, 0%, 100%, 1);--backgroundHover:hsla(0, 0%, 100%, 0.8);--backgroundPress:hsla(0, 0%, 95%, 1);--backgroundFocus:hsla(0, 0%, 95%, 1);--borderColor:hsla(0, 0%, 91%, 1);--borderColorHover:hsla(0, 0%, 93%, 1);--borderColorPress:hsla(0, 0%, 88%, 1);--borderColorFocus:hsla(0, 0%, 91%, 1);--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--colorTransparent:hsla(0, 0%, 9%, 0);} - } -.t_light_white ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_light .t_blue, :root.t_light .t_blue, .tm_xxt {--accentBackground:hsla(0, 0%, 10%, 1);--accentColor:hsla(0, 0%, 38%, 1);--background0:hsla(216, 100%, 99%, 0);--background02:hsla(216, 100%, 99%, 0.2);--background04:hsla(216, 100%, 99%, 0.4);--background06:hsla(216, 100%, 99%, 0.6);--background08:hsla(216, 100%, 99%, 0.8);--color1:hsla(210, 100%, 99%, 1);--color2:hsla(210, 100%, 98%, 1);--color3:hsla(210, 100%, 96%, 1);--color4:hsla(210, 100%, 94%, 1);--color5:hsla(209, 96%, 90%, 1);--color6:hsla(209, 82%, 85%, 1);--color7:hsla(208, 78%, 77%, 1);--color8:hsla(206, 82%, 65%, 1);--color9:hsla(206, 100%, 50%, 1);--color10:hsla(208, 100%, 47%, 1);--color11:hsla(211, 100%, 43%, 1);--color12:hsla(211, 100%, 15%, 1);--color0:hsla(211, 100%, 15%, 0);--color02:hsla(211, 100%, 15%, 0.2);--color04:hsla(211, 100%, 15%, 0.4);--color06:hsla(211, 100%, 15%, 0.6);--color08:hsla(211, 100%, 15%, 0.8);--background:hsla(210, 100%, 99%, 1);--backgroundHover:hsla(216, 100%, 99%, 0.8);--backgroundPress:hsla(210, 100%, 98%, 1);--backgroundFocus:hsla(210, 100%, 98%, 1);--borderColor:hsla(210, 100%, 94%, 1);--borderColorHover:hsla(210, 100%, 96%, 1);--borderColorPress:hsla(209, 96%, 90%, 1);--borderColorFocus:hsla(210, 100%, 94%, 1);--color:hsla(211, 100%, 15%, 1);--colorHover:hsla(211, 100%, 43%, 1);--colorPress:hsla(211, 100%, 15%, 1);--colorFocus:hsla(211, 100%, 43%, 1);--placeholderColor:hsla(206, 100%, 50%, 1);--outlineColor:hsla(211, 100%, 15%, 0.2);--colorTransparent:hsla(211, 100%, 15%, 0);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_blue {--accentBackground:hsla(0, 0%, 10%, 1);--accentColor:hsla(0, 0%, 38%, 1);--background0:hsla(216, 100%, 99%, 0);--background02:hsla(216, 100%, 99%, 0.2);--background04:hsla(216, 100%, 99%, 0.4);--background06:hsla(216, 100%, 99%, 0.6);--background08:hsla(216, 100%, 99%, 0.8);--color1:hsla(210, 100%, 99%, 1);--color2:hsla(210, 100%, 98%, 1);--color3:hsla(210, 100%, 96%, 1);--color4:hsla(210, 100%, 94%, 1);--color5:hsla(209, 96%, 90%, 1);--color6:hsla(209, 82%, 85%, 1);--color7:hsla(208, 78%, 77%, 1);--color8:hsla(206, 82%, 65%, 1);--color9:hsla(206, 100%, 50%, 1);--color10:hsla(208, 100%, 47%, 1);--color11:hsla(211, 100%, 43%, 1);--color12:hsla(211, 100%, 15%, 1);--color0:hsla(211, 100%, 15%, 0);--color02:hsla(211, 100%, 15%, 0.2);--color04:hsla(211, 100%, 15%, 0.4);--color06:hsla(211, 100%, 15%, 0.6);--color08:hsla(211, 100%, 15%, 0.8);--background:hsla(210, 100%, 99%, 1);--backgroundHover:hsla(216, 100%, 99%, 0.8);--backgroundPress:hsla(210, 100%, 98%, 1);--backgroundFocus:hsla(210, 100%, 98%, 1);--borderColor:hsla(210, 100%, 94%, 1);--borderColorHover:hsla(210, 100%, 96%, 1);--borderColorPress:hsla(209, 96%, 90%, 1);--borderColorFocus:hsla(210, 100%, 94%, 1);--color:hsla(211, 100%, 15%, 1);--colorHover:hsla(211, 100%, 43%, 1);--colorPress:hsla(211, 100%, 15%, 1);--colorFocus:hsla(211, 100%, 43%, 1);--placeholderColor:hsla(206, 100%, 50%, 1);--outlineColor:hsla(211, 100%, 15%, 0.2);--colorTransparent:hsla(211, 100%, 15%, 0);} - } -.t_light_blue ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_light .t_red, :root.t_light .t_red, .tm_xxt {--accentBackground:hsla(0, 0%, 10%, 1);--accentColor:hsla(0, 0%, 38%, 1);--background0:hsla(0, 100%, 99%, 0);--background02:hsla(0, 100%, 99%, 0.2);--background04:hsla(0, 100%, 99%, 0.4);--background06:hsla(0, 100%, 99%, 0.6);--background08:hsla(0, 100%, 99%, 0.8);--color1:hsla(0, 100%, 99%, 1);--color2:hsla(0, 100%, 99%, 1);--color3:hsla(0, 100%, 97%, 1);--color4:hsla(0, 100%, 95%, 1);--color5:hsla(0, 90%, 92%, 1);--color6:hsla(0, 81%, 88%, 1);--color7:hsla(359, 74%, 82%, 1);--color8:hsla(359, 69%, 74%, 1);--color9:hsla(358, 75%, 59%, 1);--color10:hsla(358, 69%, 55%, 1);--color11:hsla(358, 65%, 49%, 1);--color12:hsla(355, 49%, 15%, 1);--color0:hsla(355, 48%, 15%, 0);--color02:hsla(355, 48%, 15%, 0.2);--color04:hsla(355, 48%, 15%, 0.4);--color06:hsla(355, 48%, 15%, 0.6);--color08:hsla(355, 48%, 15%, 0.8);--background:hsla(0, 100%, 99%, 1);--backgroundHover:hsla(0, 100%, 99%, 0.8);--backgroundPress:hsla(0, 100%, 99%, 1);--backgroundFocus:hsla(0, 100%, 99%, 1);--borderColor:hsla(0, 100%, 95%, 1);--borderColorHover:hsla(0, 100%, 97%, 1);--borderColorPress:hsla(0, 90%, 92%, 1);--borderColorFocus:hsla(0, 100%, 95%, 1);--color:hsla(355, 49%, 15%, 1);--colorHover:hsla(358, 65%, 49%, 1);--colorPress:hsla(355, 49%, 15%, 1);--colorFocus:hsla(358, 65%, 49%, 1);--placeholderColor:hsla(358, 75%, 59%, 1);--outlineColor:hsla(355, 48%, 15%, 0.2);--colorTransparent:hsla(355, 48%, 15%, 0);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_red {--accentBackground:hsla(0, 0%, 10%, 1);--accentColor:hsla(0, 0%, 38%, 1);--background0:hsla(0, 100%, 99%, 0);--background02:hsla(0, 100%, 99%, 0.2);--background04:hsla(0, 100%, 99%, 0.4);--background06:hsla(0, 100%, 99%, 0.6);--background08:hsla(0, 100%, 99%, 0.8);--color1:hsla(0, 100%, 99%, 1);--color2:hsla(0, 100%, 99%, 1);--color3:hsla(0, 100%, 97%, 1);--color4:hsla(0, 100%, 95%, 1);--color5:hsla(0, 90%, 92%, 1);--color6:hsla(0, 81%, 88%, 1);--color7:hsla(359, 74%, 82%, 1);--color8:hsla(359, 69%, 74%, 1);--color9:hsla(358, 75%, 59%, 1);--color10:hsla(358, 69%, 55%, 1);--color11:hsla(358, 65%, 49%, 1);--color12:hsla(355, 49%, 15%, 1);--color0:hsla(355, 48%, 15%, 0);--color02:hsla(355, 48%, 15%, 0.2);--color04:hsla(355, 48%, 15%, 0.4);--color06:hsla(355, 48%, 15%, 0.6);--color08:hsla(355, 48%, 15%, 0.8);--background:hsla(0, 100%, 99%, 1);--backgroundHover:hsla(0, 100%, 99%, 0.8);--backgroundPress:hsla(0, 100%, 99%, 1);--backgroundFocus:hsla(0, 100%, 99%, 1);--borderColor:hsla(0, 100%, 95%, 1);--borderColorHover:hsla(0, 100%, 97%, 1);--borderColorPress:hsla(0, 90%, 92%, 1);--borderColorFocus:hsla(0, 100%, 95%, 1);--color:hsla(355, 49%, 15%, 1);--colorHover:hsla(358, 65%, 49%, 1);--colorPress:hsla(355, 49%, 15%, 1);--colorFocus:hsla(358, 65%, 49%, 1);--placeholderColor:hsla(358, 75%, 59%, 1);--outlineColor:hsla(355, 48%, 15%, 0.2);--colorTransparent:hsla(355, 48%, 15%, 0);} - } -.t_light_red ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_light .t_yellow, :root.t_light .t_yellow, .tm_xxt {--accentBackground:hsla(0, 0%, 10%, 1);--accentColor:hsla(0, 0%, 38%, 1);--background0:hsla(60, 45%, 98%, 0);--background02:hsla(60, 45%, 98%, 0.2);--background04:hsla(60, 45%, 98%, 0.4);--background06:hsla(60, 45%, 98%, 0.6);--background08:hsla(60, 45%, 98%, 0.8);--color1:hsla(60, 50%, 98%, 1);--color2:hsla(52, 100%, 95%, 1);--color3:hsla(55, 100%, 91%, 1);--color4:hsla(54, 100%, 87%, 1);--color5:hsla(52, 98%, 82%, 1);--color6:hsla(50, 90%, 76%, 1);--color7:hsla(47, 80%, 68%, 1);--color8:hsla(48, 100%, 46%, 1);--color9:hsla(53, 92%, 50%, 1);--color10:hsla(50, 100%, 48%, 1);--color11:hsla(42, 100%, 29%, 1);--color12:hsla(41, 56%, 13%, 1);--color0:hsla(41, 55%, 13%, 0);--color02:hsla(41, 55%, 13%, 0.2);--color04:hsla(41, 55%, 13%, 0.4);--color06:hsla(41, 55%, 13%, 0.6);--color08:hsla(41, 55%, 13%, 0.8);--background:hsla(60, 50%, 98%, 1);--backgroundHover:hsla(60, 45%, 98%, 0.8);--backgroundPress:hsla(52, 100%, 95%, 1);--backgroundFocus:hsla(52, 100%, 95%, 1);--borderColor:hsla(54, 100%, 87%, 1);--borderColorHover:hsla(55, 100%, 91%, 1);--borderColorPress:hsla(52, 98%, 82%, 1);--borderColorFocus:hsla(54, 100%, 87%, 1);--color:hsla(41, 56%, 13%, 1);--colorHover:hsla(42, 100%, 29%, 1);--colorPress:hsla(41, 56%, 13%, 1);--colorFocus:hsla(42, 100%, 29%, 1);--placeholderColor:hsla(53, 92%, 50%, 1);--outlineColor:hsla(41, 55%, 13%, 0.2);--colorTransparent:hsla(41, 55%, 13%, 0);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_yellow {--accentBackground:hsla(0, 0%, 10%, 1);--accentColor:hsla(0, 0%, 38%, 1);--background0:hsla(60, 45%, 98%, 0);--background02:hsla(60, 45%, 98%, 0.2);--background04:hsla(60, 45%, 98%, 0.4);--background06:hsla(60, 45%, 98%, 0.6);--background08:hsla(60, 45%, 98%, 0.8);--color1:hsla(60, 50%, 98%, 1);--color2:hsla(52, 100%, 95%, 1);--color3:hsla(55, 100%, 91%, 1);--color4:hsla(54, 100%, 87%, 1);--color5:hsla(52, 98%, 82%, 1);--color6:hsla(50, 90%, 76%, 1);--color7:hsla(47, 80%, 68%, 1);--color8:hsla(48, 100%, 46%, 1);--color9:hsla(53, 92%, 50%, 1);--color10:hsla(50, 100%, 48%, 1);--color11:hsla(42, 100%, 29%, 1);--color12:hsla(41, 56%, 13%, 1);--color0:hsla(41, 55%, 13%, 0);--color02:hsla(41, 55%, 13%, 0.2);--color04:hsla(41, 55%, 13%, 0.4);--color06:hsla(41, 55%, 13%, 0.6);--color08:hsla(41, 55%, 13%, 0.8);--background:hsla(60, 50%, 98%, 1);--backgroundHover:hsla(60, 45%, 98%, 0.8);--backgroundPress:hsla(52, 100%, 95%, 1);--backgroundFocus:hsla(52, 100%, 95%, 1);--borderColor:hsla(54, 100%, 87%, 1);--borderColorHover:hsla(55, 100%, 91%, 1);--borderColorPress:hsla(52, 98%, 82%, 1);--borderColorFocus:hsla(54, 100%, 87%, 1);--color:hsla(41, 56%, 13%, 1);--colorHover:hsla(42, 100%, 29%, 1);--colorPress:hsla(41, 56%, 13%, 1);--colorFocus:hsla(42, 100%, 29%, 1);--placeholderColor:hsla(53, 92%, 50%, 1);--outlineColor:hsla(41, 55%, 13%, 0.2);--colorTransparent:hsla(41, 55%, 13%, 0);} - } -.t_light_yellow ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_light .t_green, :root.t_light .t_green, .tm_xxt {--accentBackground:hsla(0, 0%, 10%, 1);--accentColor:hsla(0, 0%, 38%, 1);--background0:hsla(140, 60%, 99%, 0);--background02:hsla(140, 60%, 99%, 0.2);--background04:hsla(140, 60%, 99%, 0.4);--background06:hsla(140, 60%, 99%, 0.6);--background08:hsla(140, 60%, 99%, 0.8);--color1:hsla(140, 60%, 99%, 1);--color2:hsla(138, 63%, 97%, 1);--color3:hsla(139, 57%, 95%, 1);--color4:hsla(139, 48%, 91%, 1);--color5:hsla(141, 44%, 86%, 1);--color6:hsla(142, 40%, 79%, 1);--color7:hsla(146, 38%, 69%, 1);--color8:hsla(151, 40%, 54%, 1);--color9:hsla(151, 55%, 42%, 1);--color10:hsla(152, 57%, 38%, 1);--color11:hsla(153, 67%, 28%, 1);--color12:hsla(155, 41%, 14%, 1);--color0:hsla(155, 41%, 14%, 0);--color02:hsla(155, 41%, 14%, 0.2);--color04:hsla(155, 41%, 14%, 0.4);--color06:hsla(155, 41%, 14%, 0.6);--color08:hsla(155, 41%, 14%, 0.8);--background:hsla(140, 60%, 99%, 1);--backgroundHover:hsla(140, 60%, 99%, 0.8);--backgroundPress:hsla(138, 63%, 97%, 1);--backgroundFocus:hsla(138, 63%, 97%, 1);--borderColor:hsla(139, 48%, 91%, 1);--borderColorHover:hsla(139, 57%, 95%, 1);--borderColorPress:hsla(141, 44%, 86%, 1);--borderColorFocus:hsla(139, 48%, 91%, 1);--color:hsla(155, 41%, 14%, 1);--colorHover:hsla(153, 67%, 28%, 1);--colorPress:hsla(155, 41%, 14%, 1);--colorFocus:hsla(153, 67%, 28%, 1);--placeholderColor:hsla(151, 55%, 42%, 1);--outlineColor:hsla(155, 41%, 14%, 0.2);--colorTransparent:hsla(155, 41%, 14%, 0);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_green {--accentBackground:hsla(0, 0%, 10%, 1);--accentColor:hsla(0, 0%, 38%, 1);--background0:hsla(140, 60%, 99%, 0);--background02:hsla(140, 60%, 99%, 0.2);--background04:hsla(140, 60%, 99%, 0.4);--background06:hsla(140, 60%, 99%, 0.6);--background08:hsla(140, 60%, 99%, 0.8);--color1:hsla(140, 60%, 99%, 1);--color2:hsla(138, 63%, 97%, 1);--color3:hsla(139, 57%, 95%, 1);--color4:hsla(139, 48%, 91%, 1);--color5:hsla(141, 44%, 86%, 1);--color6:hsla(142, 40%, 79%, 1);--color7:hsla(146, 38%, 69%, 1);--color8:hsla(151, 40%, 54%, 1);--color9:hsla(151, 55%, 42%, 1);--color10:hsla(152, 57%, 38%, 1);--color11:hsla(153, 67%, 28%, 1);--color12:hsla(155, 41%, 14%, 1);--color0:hsla(155, 41%, 14%, 0);--color02:hsla(155, 41%, 14%, 0.2);--color04:hsla(155, 41%, 14%, 0.4);--color06:hsla(155, 41%, 14%, 0.6);--color08:hsla(155, 41%, 14%, 0.8);--background:hsla(140, 60%, 99%, 1);--backgroundHover:hsla(140, 60%, 99%, 0.8);--backgroundPress:hsla(138, 63%, 97%, 1);--backgroundFocus:hsla(138, 63%, 97%, 1);--borderColor:hsla(139, 48%, 91%, 1);--borderColorHover:hsla(139, 57%, 95%, 1);--borderColorPress:hsla(141, 44%, 86%, 1);--borderColorFocus:hsla(139, 48%, 91%, 1);--color:hsla(155, 41%, 14%, 1);--colorHover:hsla(153, 67%, 28%, 1);--colorPress:hsla(155, 41%, 14%, 1);--colorFocus:hsla(153, 67%, 28%, 1);--placeholderColor:hsla(151, 55%, 42%, 1);--outlineColor:hsla(155, 41%, 14%, 0.2);--colorTransparent:hsla(155, 41%, 14%, 0);} - } -.t_light_green ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_black, :root.t_light .t_dark .t_black, .tm_xxt {--accentBackground:hsla(0, 0%, 50%, 1);--accentColor:hsla(0, 0%, 93%, 1);--background0:hsla(0, 0%, 2%, 0);--background02:hsla(0, 0%, 2%, 0.2);--background04:hsla(0, 0%, 2%, 0.4);--background06:hsla(0, 0%, 2%, 0.6);--background08:hsla(0, 0%, 2%, 0.8);--color1:hsla(0, 0%, 2%, 1);--color2:hsla(0, 0%, 8%, 1);--color3:hsla(0, 0%, 10%, 1);--color4:hsla(0, 0%, 14%, 1);--color5:hsla(0, 0%, 16%, 1);--color6:hsla(0, 0%, 20%, 1);--color7:hsla(0, 0%, 26%, 1);--color8:hsla(0, 0%, 29%, 1);--color9:hsla(0, 0%, 33%, 1);--color10:hsla(0, 0%, 38%, 1);--color11:hsla(0, 0%, 65%, 1);--color12:hsla(0, 0%, 100%, 1);--color0:hsla(0, 0%, 100%, 0);--color02:hsla(0, 0%, 100%, 0.2);--color04:hsla(0, 0%, 100%, 0.4);--color06:hsla(0, 0%, 100%, 0.6);--color08:hsla(0, 0%, 100%, 0.8);--background:hsla(0, 0%, 2%, 1);--backgroundHover:hsla(0, 0%, 8%, 1);--backgroundPress:hsla(0, 0%, 2%, 0.8);--backgroundFocus:hsla(0, 0%, 2%, 0.8);--borderColor:hsla(0, 0%, 14%, 1);--borderColorHover:hsla(0, 0%, 16%, 1);--borderColorPress:hsla(0, 0%, 10%, 1);--borderColorFocus:hsla(0, 0%, 14%, 1);--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--colorTransparent:hsla(0, 0%, 100%, 0);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_black {--accentBackground:hsla(0, 0%, 50%, 1);--accentColor:hsla(0, 0%, 93%, 1);--background0:hsla(0, 0%, 2%, 0);--background02:hsla(0, 0%, 2%, 0.2);--background04:hsla(0, 0%, 2%, 0.4);--background06:hsla(0, 0%, 2%, 0.6);--background08:hsla(0, 0%, 2%, 0.8);--color1:hsla(0, 0%, 2%, 1);--color2:hsla(0, 0%, 8%, 1);--color3:hsla(0, 0%, 10%, 1);--color4:hsla(0, 0%, 14%, 1);--color5:hsla(0, 0%, 16%, 1);--color6:hsla(0, 0%, 20%, 1);--color7:hsla(0, 0%, 26%, 1);--color8:hsla(0, 0%, 29%, 1);--color9:hsla(0, 0%, 33%, 1);--color10:hsla(0, 0%, 38%, 1);--color11:hsla(0, 0%, 65%, 1);--color12:hsla(0, 0%, 100%, 1);--color0:hsla(0, 0%, 100%, 0);--color02:hsla(0, 0%, 100%, 0.2);--color04:hsla(0, 0%, 100%, 0.4);--color06:hsla(0, 0%, 100%, 0.6);--color08:hsla(0, 0%, 100%, 0.8);--background:hsla(0, 0%, 2%, 1);--backgroundHover:hsla(0, 0%, 8%, 1);--backgroundPress:hsla(0, 0%, 2%, 0.8);--backgroundFocus:hsla(0, 0%, 2%, 0.8);--borderColor:hsla(0, 0%, 14%, 1);--borderColorHover:hsla(0, 0%, 16%, 1);--borderColorPress:hsla(0, 0%, 10%, 1);--borderColorFocus:hsla(0, 0%, 14%, 1);--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--colorTransparent:hsla(0, 0%, 100%, 0);} - } -.t_dark_black ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_white, :root.t_light .t_dark .t_white, .tm_xxt {--accentBackground:hsla(0, 0%, 50%, 1);--accentColor:hsla(0, 0%, 93%, 1);--background0:hsla(0, 0%, 100%, 0);--background02:hsla(0, 0%, 100%, 0.2);--background04:hsla(0, 0%, 100%, 0.4);--background06:hsla(0, 0%, 100%, 0.6);--background08:hsla(0, 0%, 100%, 0.8);--color1:hsla(0, 0%, 100%, 1);--color2:hsla(0, 0%, 95%, 1);--color3:hsla(0, 0%, 93%, 1);--color4:hsla(0, 0%, 91%, 1);--color5:hsla(0, 0%, 88%, 1);--color6:hsla(0, 0%, 85%, 1);--color7:hsla(0, 0%, 82%, 1);--color8:hsla(0, 0%, 76%, 1);--color9:hsla(0, 0%, 56%, 1);--color10:hsla(0, 0%, 50%, 1);--color11:hsla(0, 0%, 42%, 1);--color12:hsla(0, 0%, 9%, 1);--color0:hsla(0, 0%, 9%, 0);--color02:hsla(0, 0%, 9%, 0.2);--color04:hsla(0, 0%, 9%, 0.4);--color06:hsla(0, 0%, 9%, 0.6);--color08:hsla(0, 0%, 9%, 0.8);--background:hsla(0, 0%, 100%, 1);--backgroundHover:hsla(0, 0%, 95%, 1);--backgroundPress:hsla(0, 0%, 100%, 0.8);--backgroundFocus:hsla(0, 0%, 100%, 0.8);--borderColor:hsla(0, 0%, 91%, 1);--borderColorHover:hsla(0, 0%, 88%, 1);--borderColorPress:hsla(0, 0%, 93%, 1);--borderColorFocus:hsla(0, 0%, 91%, 1);--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--colorTransparent:hsla(0, 0%, 9%, 0);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_white {--accentBackground:hsla(0, 0%, 50%, 1);--accentColor:hsla(0, 0%, 93%, 1);--background0:hsla(0, 0%, 100%, 0);--background02:hsla(0, 0%, 100%, 0.2);--background04:hsla(0, 0%, 100%, 0.4);--background06:hsla(0, 0%, 100%, 0.6);--background08:hsla(0, 0%, 100%, 0.8);--color1:hsla(0, 0%, 100%, 1);--color2:hsla(0, 0%, 95%, 1);--color3:hsla(0, 0%, 93%, 1);--color4:hsla(0, 0%, 91%, 1);--color5:hsla(0, 0%, 88%, 1);--color6:hsla(0, 0%, 85%, 1);--color7:hsla(0, 0%, 82%, 1);--color8:hsla(0, 0%, 76%, 1);--color9:hsla(0, 0%, 56%, 1);--color10:hsla(0, 0%, 50%, 1);--color11:hsla(0, 0%, 42%, 1);--color12:hsla(0, 0%, 9%, 1);--color0:hsla(0, 0%, 9%, 0);--color02:hsla(0, 0%, 9%, 0.2);--color04:hsla(0, 0%, 9%, 0.4);--color06:hsla(0, 0%, 9%, 0.6);--color08:hsla(0, 0%, 9%, 0.8);--background:hsla(0, 0%, 100%, 1);--backgroundHover:hsla(0, 0%, 95%, 1);--backgroundPress:hsla(0, 0%, 100%, 0.8);--backgroundFocus:hsla(0, 0%, 100%, 0.8);--borderColor:hsla(0, 0%, 91%, 1);--borderColorHover:hsla(0, 0%, 88%, 1);--borderColorPress:hsla(0, 0%, 93%, 1);--borderColorFocus:hsla(0, 0%, 91%, 1);--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--colorTransparent:hsla(0, 0%, 9%, 0);} - } -.t_dark_white ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_blue, :root.t_light .t_dark .t_blue, .tm_xxt {--accentBackground:hsla(0, 0%, 50%, 1);--accentColor:hsla(0, 0%, 93%, 1);--background0:hsla(214, 35%, 9%, 0);--background02:hsla(214, 35%, 9%, 0.2);--background04:hsla(214, 35%, 9%, 0.4);--background06:hsla(214, 35%, 9%, 0.6);--background08:hsla(214, 35%, 9%, 0.8);--color1:hsla(212, 36%, 9%, 1);--color2:hsla(216, 50%, 12%, 1);--color3:hsla(214, 59%, 15%, 1);--color4:hsla(214, 65%, 18%, 1);--color5:hsla(213, 71%, 20%, 1);--color6:hsla(212, 78%, 23%, 1);--color7:hsla(211, 86%, 27%, 1);--color8:hsla(211, 90%, 34%, 1);--color9:hsla(206, 100%, 50%, 1);--color10:hsla(209, 100%, 61%, 1);--color11:hsla(210, 100%, 66%, 1);--color12:hsla(206, 100%, 96%, 1);--color0:hsla(207, 100%, 96%, 0);--color02:hsla(207, 100%, 96%, 0.2);--color04:hsla(207, 100%, 96%, 0.4);--color06:hsla(207, 100%, 96%, 0.6);--color08:hsla(207, 100%, 96%, 0.8);--background:hsla(212, 36%, 9%, 1);--backgroundHover:hsla(216, 50%, 12%, 1);--backgroundPress:hsla(214, 35%, 9%, 0.8);--backgroundFocus:hsla(214, 35%, 9%, 0.8);--borderColor:hsla(214, 65%, 18%, 1);--borderColorHover:hsla(213, 71%, 20%, 1);--borderColorPress:hsla(214, 59%, 15%, 1);--borderColorFocus:hsla(214, 65%, 18%, 1);--color:hsla(206, 100%, 96%, 1);--colorHover:hsla(210, 100%, 66%, 1);--colorPress:hsla(206, 100%, 96%, 1);--colorFocus:hsla(210, 100%, 66%, 1);--placeholderColor:hsla(206, 100%, 50%, 1);--outlineColor:hsla(207, 100%, 96%, 0.2);--colorTransparent:hsla(207, 100%, 96%, 0);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_blue {--accentBackground:hsla(0, 0%, 50%, 1);--accentColor:hsla(0, 0%, 93%, 1);--background0:hsla(214, 35%, 9%, 0);--background02:hsla(214, 35%, 9%, 0.2);--background04:hsla(214, 35%, 9%, 0.4);--background06:hsla(214, 35%, 9%, 0.6);--background08:hsla(214, 35%, 9%, 0.8);--color1:hsla(212, 36%, 9%, 1);--color2:hsla(216, 50%, 12%, 1);--color3:hsla(214, 59%, 15%, 1);--color4:hsla(214, 65%, 18%, 1);--color5:hsla(213, 71%, 20%, 1);--color6:hsla(212, 78%, 23%, 1);--color7:hsla(211, 86%, 27%, 1);--color8:hsla(211, 90%, 34%, 1);--color9:hsla(206, 100%, 50%, 1);--color10:hsla(209, 100%, 61%, 1);--color11:hsla(210, 100%, 66%, 1);--color12:hsla(206, 100%, 96%, 1);--color0:hsla(207, 100%, 96%, 0);--color02:hsla(207, 100%, 96%, 0.2);--color04:hsla(207, 100%, 96%, 0.4);--color06:hsla(207, 100%, 96%, 0.6);--color08:hsla(207, 100%, 96%, 0.8);--background:hsla(212, 36%, 9%, 1);--backgroundHover:hsla(216, 50%, 12%, 1);--backgroundPress:hsla(214, 35%, 9%, 0.8);--backgroundFocus:hsla(214, 35%, 9%, 0.8);--borderColor:hsla(214, 65%, 18%, 1);--borderColorHover:hsla(213, 71%, 20%, 1);--borderColorPress:hsla(214, 59%, 15%, 1);--borderColorFocus:hsla(214, 65%, 18%, 1);--color:hsla(206, 100%, 96%, 1);--colorHover:hsla(210, 100%, 66%, 1);--colorPress:hsla(206, 100%, 96%, 1);--colorFocus:hsla(210, 100%, 66%, 1);--placeholderColor:hsla(206, 100%, 50%, 1);--outlineColor:hsla(207, 100%, 96%, 0.2);--colorTransparent:hsla(207, 100%, 96%, 0);} - } -.t_dark_blue ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_red, :root.t_light .t_dark .t_red, .tm_xxt {--accentBackground:hsla(0, 0%, 50%, 1);--accentColor:hsla(0, 0%, 93%, 1);--background0:hsla(351, 25%, 10%, 0);--background02:hsla(351, 25%, 10%, 0.2);--background04:hsla(351, 25%, 10%, 0.4);--background06:hsla(351, 25%, 10%, 0.6);--background08:hsla(351, 25%, 10%, 0.8);--color1:hsla(350, 24%, 10%, 1);--color2:hsla(357, 34%, 12%, 1);--color3:hsla(357, 43%, 16%, 1);--color4:hsla(356, 47%, 19%, 1);--color5:hsla(356, 51%, 22%, 1);--color6:hsla(357, 55%, 26%, 1);--color7:hsla(357, 60%, 32%, 1);--color8:hsla(358, 65%, 40%, 1);--color9:hsla(358, 75%, 59%, 1);--color10:hsla(358, 86%, 64%, 1);--color11:hsla(358, 100%, 69%, 1);--color12:hsla(353, 90%, 96%, 1);--color0:hsla(353, 90%, 96%, 0);--color02:hsla(353, 90%, 96%, 0.2);--color04:hsla(353, 90%, 96%, 0.4);--color06:hsla(353, 90%, 96%, 0.6);--color08:hsla(353, 90%, 96%, 0.8);--background:hsla(350, 24%, 10%, 1);--backgroundHover:hsla(357, 34%, 12%, 1);--backgroundPress:hsla(351, 25%, 10%, 0.8);--backgroundFocus:hsla(351, 25%, 10%, 0.8);--borderColor:hsla(356, 47%, 19%, 1);--borderColorHover:hsla(356, 51%, 22%, 1);--borderColorPress:hsla(357, 43%, 16%, 1);--borderColorFocus:hsla(356, 47%, 19%, 1);--color:hsla(353, 90%, 96%, 1);--colorHover:hsla(358, 100%, 69%, 1);--colorPress:hsla(353, 90%, 96%, 1);--colorFocus:hsla(358, 100%, 69%, 1);--placeholderColor:hsla(358, 75%, 59%, 1);--outlineColor:hsla(353, 90%, 96%, 0.2);--colorTransparent:hsla(353, 90%, 96%, 0);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_red {--accentBackground:hsla(0, 0%, 50%, 1);--accentColor:hsla(0, 0%, 93%, 1);--background0:hsla(351, 25%, 10%, 0);--background02:hsla(351, 25%, 10%, 0.2);--background04:hsla(351, 25%, 10%, 0.4);--background06:hsla(351, 25%, 10%, 0.6);--background08:hsla(351, 25%, 10%, 0.8);--color1:hsla(350, 24%, 10%, 1);--color2:hsla(357, 34%, 12%, 1);--color3:hsla(357, 43%, 16%, 1);--color4:hsla(356, 47%, 19%, 1);--color5:hsla(356, 51%, 22%, 1);--color6:hsla(357, 55%, 26%, 1);--color7:hsla(357, 60%, 32%, 1);--color8:hsla(358, 65%, 40%, 1);--color9:hsla(358, 75%, 59%, 1);--color10:hsla(358, 86%, 64%, 1);--color11:hsla(358, 100%, 69%, 1);--color12:hsla(353, 90%, 96%, 1);--color0:hsla(353, 90%, 96%, 0);--color02:hsla(353, 90%, 96%, 0.2);--color04:hsla(353, 90%, 96%, 0.4);--color06:hsla(353, 90%, 96%, 0.6);--color08:hsla(353, 90%, 96%, 0.8);--background:hsla(350, 24%, 10%, 1);--backgroundHover:hsla(357, 34%, 12%, 1);--backgroundPress:hsla(351, 25%, 10%, 0.8);--backgroundFocus:hsla(351, 25%, 10%, 0.8);--borderColor:hsla(356, 47%, 19%, 1);--borderColorHover:hsla(356, 51%, 22%, 1);--borderColorPress:hsla(357, 43%, 16%, 1);--borderColorFocus:hsla(356, 47%, 19%, 1);--color:hsla(353, 90%, 96%, 1);--colorHover:hsla(358, 100%, 69%, 1);--colorPress:hsla(353, 90%, 96%, 1);--colorFocus:hsla(358, 100%, 69%, 1);--placeholderColor:hsla(358, 75%, 59%, 1);--outlineColor:hsla(353, 90%, 96%, 0.2);--colorTransparent:hsla(353, 90%, 96%, 0);} - } -.t_dark_red ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_yellow, :root.t_light .t_dark .t_yellow, .tm_xxt {--accentBackground:hsla(0, 0%, 50%, 1);--accentColor:hsla(0, 0%, 93%, 1);--background0:hsla(46, 100%, 5%, 0);--background02:hsla(46, 100%, 5%, 0.2);--background04:hsla(46, 100%, 5%, 0.4);--background06:hsla(46, 100%, 5%, 0.6);--background08:hsla(46, 100%, 5%, 0.8);--color1:hsla(45, 100%, 5%, 1);--color2:hsla(46, 100%, 7%, 1);--color3:hsla(45, 100%, 9%, 1);--color4:hsla(45, 100%, 10%, 1);--color5:hsla(46, 100%, 12%, 1);--color6:hsla(49, 100%, 14%, 1);--color7:hsla(49, 89%, 18%, 1);--color8:hsla(50, 100%, 22%, 1);--color9:hsla(53, 92%, 50%, 1);--color10:hsla(54, 100%, 68%, 1);--color11:hsla(48, 100%, 47%, 1);--color12:hsla(53, 100%, 91%, 1);--color0:hsla(53, 100%, 91%, 0);--color02:hsla(53, 100%, 91%, 0.2);--color04:hsla(53, 100%, 91%, 0.4);--color06:hsla(53, 100%, 91%, 0.6);--color08:hsla(53, 100%, 91%, 0.8);--background:hsla(45, 100%, 5%, 1);--backgroundHover:hsla(46, 100%, 7%, 1);--backgroundPress:hsla(46, 100%, 5%, 0.8);--backgroundFocus:hsla(46, 100%, 5%, 0.8);--borderColor:hsla(45, 100%, 10%, 1);--borderColorHover:hsla(46, 100%, 12%, 1);--borderColorPress:hsla(45, 100%, 9%, 1);--borderColorFocus:hsla(45, 100%, 10%, 1);--color:hsla(53, 100%, 91%, 1);--colorHover:hsla(48, 100%, 47%, 1);--colorPress:hsla(53, 100%, 91%, 1);--colorFocus:hsla(48, 100%, 47%, 1);--placeholderColor:hsla(53, 92%, 50%, 1);--outlineColor:hsla(53, 100%, 91%, 0.2);--colorTransparent:hsla(53, 100%, 91%, 0);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_yellow {--accentBackground:hsla(0, 0%, 50%, 1);--accentColor:hsla(0, 0%, 93%, 1);--background0:hsla(46, 100%, 5%, 0);--background02:hsla(46, 100%, 5%, 0.2);--background04:hsla(46, 100%, 5%, 0.4);--background06:hsla(46, 100%, 5%, 0.6);--background08:hsla(46, 100%, 5%, 0.8);--color1:hsla(45, 100%, 5%, 1);--color2:hsla(46, 100%, 7%, 1);--color3:hsla(45, 100%, 9%, 1);--color4:hsla(45, 100%, 10%, 1);--color5:hsla(46, 100%, 12%, 1);--color6:hsla(49, 100%, 14%, 1);--color7:hsla(49, 89%, 18%, 1);--color8:hsla(50, 100%, 22%, 1);--color9:hsla(53, 92%, 50%, 1);--color10:hsla(54, 100%, 68%, 1);--color11:hsla(48, 100%, 47%, 1);--color12:hsla(53, 100%, 91%, 1);--color0:hsla(53, 100%, 91%, 0);--color02:hsla(53, 100%, 91%, 0.2);--color04:hsla(53, 100%, 91%, 0.4);--color06:hsla(53, 100%, 91%, 0.6);--color08:hsla(53, 100%, 91%, 0.8);--background:hsla(45, 100%, 5%, 1);--backgroundHover:hsla(46, 100%, 7%, 1);--backgroundPress:hsla(46, 100%, 5%, 0.8);--backgroundFocus:hsla(46, 100%, 5%, 0.8);--borderColor:hsla(45, 100%, 10%, 1);--borderColorHover:hsla(46, 100%, 12%, 1);--borderColorPress:hsla(45, 100%, 9%, 1);--borderColorFocus:hsla(45, 100%, 10%, 1);--color:hsla(53, 100%, 91%, 1);--colorHover:hsla(48, 100%, 47%, 1);--colorPress:hsla(53, 100%, 91%, 1);--colorFocus:hsla(48, 100%, 47%, 1);--placeholderColor:hsla(53, 92%, 50%, 1);--outlineColor:hsla(53, 100%, 91%, 0.2);--colorTransparent:hsla(53, 100%, 91%, 0);} - } -.t_dark_yellow ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_green, :root.t_light .t_dark .t_green, .tm_xxt {--accentBackground:hsla(0, 0%, 50%, 1);--accentColor:hsla(0, 0%, 93%, 1);--background0:hsla(145, 33%, 7%, 0);--background02:hsla(145, 33%, 7%, 0.2);--background04:hsla(145, 33%, 7%, 0.4);--background06:hsla(145, 33%, 7%, 0.6);--background08:hsla(145, 33%, 7%, 0.8);--color1:hsla(145, 32%, 7%, 1);--color2:hsla(155, 44%, 8%, 1);--color3:hsla(155, 46%, 11%, 1);--color4:hsla(154, 48%, 13%, 1);--color5:hsla(155, 50%, 15%, 1);--color6:hsla(154, 51%, 18%, 1);--color7:hsla(153, 51%, 22%, 1);--color8:hsla(151, 52%, 28%, 1);--color9:hsla(151, 55%, 42%, 1);--color10:hsla(151, 49%, 46%, 1);--color11:hsla(151, 50%, 53%, 1);--color12:hsla(136, 73%, 94%, 1);--color0:hsla(134, 73%, 94%, 0);--color02:hsla(134, 73%, 94%, 0.2);--color04:hsla(134, 73%, 94%, 0.4);--color06:hsla(134, 73%, 94%, 0.6);--color08:hsla(134, 73%, 94%, 0.8);--background:hsla(145, 32%, 7%, 1);--backgroundHover:hsla(155, 44%, 8%, 1);--backgroundPress:hsla(145, 33%, 7%, 0.8);--backgroundFocus:hsla(145, 33%, 7%, 0.8);--borderColor:hsla(154, 48%, 13%, 1);--borderColorHover:hsla(155, 50%, 15%, 1);--borderColorPress:hsla(155, 46%, 11%, 1);--borderColorFocus:hsla(154, 48%, 13%, 1);--color:hsla(136, 73%, 94%, 1);--colorHover:hsla(151, 50%, 53%, 1);--colorPress:hsla(136, 73%, 94%, 1);--colorFocus:hsla(151, 50%, 53%, 1);--placeholderColor:hsla(151, 55%, 42%, 1);--outlineColor:hsla(134, 73%, 94%, 0.2);--colorTransparent:hsla(134, 73%, 94%, 0);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_green {--accentBackground:hsla(0, 0%, 50%, 1);--accentColor:hsla(0, 0%, 93%, 1);--background0:hsla(145, 33%, 7%, 0);--background02:hsla(145, 33%, 7%, 0.2);--background04:hsla(145, 33%, 7%, 0.4);--background06:hsla(145, 33%, 7%, 0.6);--background08:hsla(145, 33%, 7%, 0.8);--color1:hsla(145, 32%, 7%, 1);--color2:hsla(155, 44%, 8%, 1);--color3:hsla(155, 46%, 11%, 1);--color4:hsla(154, 48%, 13%, 1);--color5:hsla(155, 50%, 15%, 1);--color6:hsla(154, 51%, 18%, 1);--color7:hsla(153, 51%, 22%, 1);--color8:hsla(151, 52%, 28%, 1);--color9:hsla(151, 55%, 42%, 1);--color10:hsla(151, 49%, 46%, 1);--color11:hsla(151, 50%, 53%, 1);--color12:hsla(136, 73%, 94%, 1);--color0:hsla(134, 73%, 94%, 0);--color02:hsla(134, 73%, 94%, 0.2);--color04:hsla(134, 73%, 94%, 0.4);--color06:hsla(134, 73%, 94%, 0.6);--color08:hsla(134, 73%, 94%, 0.8);--background:hsla(145, 32%, 7%, 1);--backgroundHover:hsla(155, 44%, 8%, 1);--backgroundPress:hsla(145, 33%, 7%, 0.8);--backgroundFocus:hsla(145, 33%, 7%, 0.8);--borderColor:hsla(154, 48%, 13%, 1);--borderColorHover:hsla(155, 50%, 15%, 1);--borderColorPress:hsla(155, 46%, 11%, 1);--borderColorFocus:hsla(154, 48%, 13%, 1);--color:hsla(136, 73%, 94%, 1);--colorHover:hsla(151, 50%, 53%, 1);--colorPress:hsla(136, 73%, 94%, 1);--colorFocus:hsla(151, 50%, 53%, 1);--placeholderColor:hsla(151, 55%, 42%, 1);--outlineColor:hsla(134, 73%, 94%, 0.2);--colorTransparent:hsla(134, 73%, 94%, 0);} - } -.t_dark_green ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_light .t_Card, :root.t_dark .t_light .t_Input, :root.t_dark .t_light .t_ListItem, :root.t_dark .t_light .t_Progress, :root.t_dark .t_light .t_SelectTrigger, :root.t_dark .t_light .t_SliderTrack, :root.t_dark .t_light .t_TextArea, :root.t_dark .t_light .t_TooltipArrow, :root.t_dark .t_light .t_white_Card, :root.t_dark .t_light .t_white_Input, :root.t_dark .t_light .t_white_ListItem, :root.t_dark .t_light .t_white_Progress, :root.t_dark .t_light .t_white_SelectTrigger, :root.t_dark .t_light .t_white_SliderTrack, :root.t_dark .t_light .t_white_TextArea, :root.t_dark .t_light .t_white_TooltipArrow, :root.t_light .t_Card, :root.t_light .t_Input, :root.t_light .t_ListItem, :root.t_light .t_Progress, :root.t_light .t_SelectTrigger, :root.t_light .t_SliderTrack, :root.t_light .t_TextArea, :root.t_light .t_TooltipArrow, :root.t_light .t_white_Card, :root.t_light .t_white_Input, :root.t_light .t_white_ListItem, :root.t_light .t_white_Progress, :root.t_light .t_white_SelectTrigger, :root.t_light .t_white_SliderTrack, :root.t_light .t_white_TextArea, :root.t_light .t_white_TooltipArrow, .tm_xxt {--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--background:hsla(0, 0%, 95%, 1);--backgroundHover:hsla(0, 0%, 100%, 1);--backgroundPress:hsla(0, 0%, 93%, 1);--backgroundFocus:hsla(0, 0%, 93%, 1);--borderColor:hsla(0, 0%, 88%, 1);--borderColorHover:hsla(0, 0%, 91%, 1);--borderColorFocus:hsla(0, 0%, 88%, 1);--borderColorPress:hsla(0, 0%, 85%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_Card, .t_Input, .t_ListItem, .t_Progress, .t_SelectTrigger, .t_SliderTrack, .t_TextArea, .t_TooltipArrow, .t_white_Card, .t_white_Input, .t_white_ListItem, .t_white_Progress, .t_white_SelectTrigger, .t_white_SliderTrack, .t_white_TextArea, .t_white_TooltipArrow {--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--background:hsla(0, 0%, 95%, 1);--backgroundHover:hsla(0, 0%, 100%, 1);--backgroundPress:hsla(0, 0%, 93%, 1);--backgroundFocus:hsla(0, 0%, 93%, 1);--borderColor:hsla(0, 0%, 88%, 1);--borderColorHover:hsla(0, 0%, 91%, 1);--borderColorFocus:hsla(0, 0%, 88%, 1);--borderColorPress:hsla(0, 0%, 85%, 1);} - } -:root.t_dark .t_light .t_Button, :root.t_dark .t_light .t_SliderTrackActive, :root.t_dark .t_light .t_white_Button, :root.t_dark .t_light .t_white_SliderTrackActive, :root.t_light .t_Button, :root.t_light .t_SliderTrackActive, :root.t_light .t_white_Button, :root.t_light .t_white_SliderTrackActive, .tm_xxt {--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--background:hsla(0, 0%, 91%, 1);--backgroundHover:hsla(0, 0%, 93%, 1);--backgroundPress:hsla(0, 0%, 88%, 1);--backgroundFocus:hsla(0, 0%, 88%, 1);--borderColor:hsla(0, 0%, 82%, 1);--borderColorHover:hsla(0, 0%, 85%, 1);--borderColorFocus:hsla(0, 0%, 82%, 1);--borderColorPress:hsla(0, 0%, 76%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_Button, .t_SliderTrackActive, .t_white_Button, .t_white_SliderTrackActive {--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--background:hsla(0, 0%, 91%, 1);--backgroundHover:hsla(0, 0%, 93%, 1);--backgroundPress:hsla(0, 0%, 88%, 1);--backgroundFocus:hsla(0, 0%, 88%, 1);--borderColor:hsla(0, 0%, 82%, 1);--borderColorHover:hsla(0, 0%, 85%, 1);--borderColorFocus:hsla(0, 0%, 82%, 1);--borderColorPress:hsla(0, 0%, 76%, 1);} - } -:root.t_dark .t_light .t_Checkbox, :root.t_dark .t_light .t_RadioGroupItem, :root.t_dark .t_light .t_Switch, :root.t_dark .t_light .t_TooltipContent, :root.t_dark .t_light .t_white_Checkbox, :root.t_dark .t_light .t_white_RadioGroupItem, :root.t_dark .t_light .t_white_Switch, :root.t_dark .t_light .t_white_TooltipContent, :root.t_light .t_Checkbox, :root.t_light .t_RadioGroupItem, :root.t_light .t_Switch, :root.t_light .t_TooltipContent, :root.t_light .t_white_Checkbox, :root.t_light .t_white_RadioGroupItem, :root.t_light .t_white_Switch, :root.t_light .t_white_TooltipContent, .tm_xxt {--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--background:hsla(0, 0%, 93%, 1);--backgroundHover:hsla(0, 0%, 95%, 1);--backgroundPress:hsla(0, 0%, 91%, 1);--backgroundFocus:hsla(0, 0%, 91%, 1);--borderColor:hsla(0, 0%, 85%, 1);--borderColorHover:hsla(0, 0%, 88%, 1);--borderColorFocus:hsla(0, 0%, 85%, 1);--borderColorPress:hsla(0, 0%, 82%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_Checkbox, .t_RadioGroupItem, .t_Switch, .t_TooltipContent, .t_white_Checkbox, .t_white_RadioGroupItem, .t_white_Switch, .t_white_TooltipContent {--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--background:hsla(0, 0%, 93%, 1);--backgroundHover:hsla(0, 0%, 95%, 1);--backgroundPress:hsla(0, 0%, 91%, 1);--backgroundFocus:hsla(0, 0%, 91%, 1);--borderColor:hsla(0, 0%, 85%, 1);--borderColorHover:hsla(0, 0%, 88%, 1);--borderColorFocus:hsla(0, 0%, 85%, 1);--borderColorPress:hsla(0, 0%, 82%, 1);} - } -:root.t_dark .t_light .t_ProgressIndicator, :root.t_dark .t_light .t_SliderThumb, :root.t_dark .t_light .t_SwitchThumb, :root.t_dark .t_light .t_Tooltip, :root.t_dark .t_light .t_white_ProgressIndicator, :root.t_dark .t_light .t_white_SliderThumb, :root.t_dark .t_light .t_white_SwitchThumb, :root.t_dark .t_light .t_white_Tooltip, :root.t_light .t_ProgressIndicator, :root.t_light .t_SliderThumb, :root.t_light .t_SwitchThumb, :root.t_light .t_Tooltip, :root.t_light .t_white_ProgressIndicator, :root.t_light .t_white_SliderThumb, :root.t_light .t_white_SwitchThumb, :root.t_light .t_white_Tooltip, .tm_xxt {--accentBackground:hsla(0, 0%, 38%, 1);--accentColor:hsla(0, 0%, 10%, 1);--background0:hsla(0, 0%, 9%, 0);--background02:hsla(0, 0%, 9%, 0.2);--background04:hsla(0, 0%, 9%, 0.4);--background06:hsla(0, 0%, 9%, 0.6);--background08:hsla(0, 0%, 9%, 0.8);--color1:hsla(0, 0%, 9%, 1);--color2:hsla(0, 0%, 42%, 1);--color3:hsla(0, 0%, 50%, 1);--color4:hsla(0, 0%, 56%, 1);--color5:hsla(0, 0%, 76%, 1);--color6:hsla(0, 0%, 82%, 1);--color7:hsla(0, 0%, 85%, 1);--color8:hsla(0, 0%, 88%, 1);--color9:hsla(0, 0%, 91%, 1);--color10:hsla(0, 0%, 93%, 1);--color11:hsla(0, 0%, 95%, 1);--color12:hsla(0, 0%, 100%, 1);--color0:hsla(0, 0%, 100%, 0);--color02:hsla(0, 0%, 100%, 0.2);--color04:hsla(0, 0%, 100%, 0.4);--color06:hsla(0, 0%, 100%, 0.6);--color08:hsla(0, 0%, 100%, 0.8);--background:hsla(0, 0%, 9%, 1);--backgroundHover:hsla(0, 0%, 9%, 0.8);--backgroundPress:hsla(0, 0%, 42%, 1);--backgroundFocus:hsla(0, 0%, 42%, 1);--borderColor:hsla(0, 0%, 56%, 1);--borderColorHover:hsla(0, 0%, 50%, 1);--borderColorPress:hsla(0, 0%, 76%, 1);--borderColorFocus:hsla(0, 0%, 56%, 1);--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 95%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 95%, 1);--placeholderColor:hsla(0, 0%, 91%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--colorTransparent:hsla(0, 0%, 100%, 0);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_ProgressIndicator, .t_SliderThumb, .t_SwitchThumb, .t_Tooltip, .t_white_ProgressIndicator, .t_white_SliderThumb, .t_white_SwitchThumb, .t_white_Tooltip {--accentBackground:hsla(0, 0%, 38%, 1);--accentColor:hsla(0, 0%, 10%, 1);--background0:hsla(0, 0%, 9%, 0);--background02:hsla(0, 0%, 9%, 0.2);--background04:hsla(0, 0%, 9%, 0.4);--background06:hsla(0, 0%, 9%, 0.6);--background08:hsla(0, 0%, 9%, 0.8);--color1:hsla(0, 0%, 9%, 1);--color2:hsla(0, 0%, 42%, 1);--color3:hsla(0, 0%, 50%, 1);--color4:hsla(0, 0%, 56%, 1);--color5:hsla(0, 0%, 76%, 1);--color6:hsla(0, 0%, 82%, 1);--color7:hsla(0, 0%, 85%, 1);--color8:hsla(0, 0%, 88%, 1);--color9:hsla(0, 0%, 91%, 1);--color10:hsla(0, 0%, 93%, 1);--color11:hsla(0, 0%, 95%, 1);--color12:hsla(0, 0%, 100%, 1);--color0:hsla(0, 0%, 100%, 0);--color02:hsla(0, 0%, 100%, 0.2);--color04:hsla(0, 0%, 100%, 0.4);--color06:hsla(0, 0%, 100%, 0.6);--color08:hsla(0, 0%, 100%, 0.8);--background:hsla(0, 0%, 9%, 1);--backgroundHover:hsla(0, 0%, 9%, 0.8);--backgroundPress:hsla(0, 0%, 42%, 1);--backgroundFocus:hsla(0, 0%, 42%, 1);--borderColor:hsla(0, 0%, 56%, 1);--borderColorHover:hsla(0, 0%, 50%, 1);--borderColorPress:hsla(0, 0%, 76%, 1);--borderColorFocus:hsla(0, 0%, 56%, 1);--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 95%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 95%, 1);--placeholderColor:hsla(0, 0%, 91%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--colorTransparent:hsla(0, 0%, 100%, 0);} - } -.t_light_SwitchThumb ::selection, .t_light_SliderThumb ::selection, .t_light_Tooltip ::selection, .t_light_ProgressIndicator ::selection, .t_light_white_SwitchThumb ::selection, .t_light_white_SliderThumb ::selection, .t_light_white_Tooltip ::selection, .t_light_white_ProgressIndicator ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_Card, :root.t_dark .t_Input, :root.t_dark .t_ListItem, :root.t_dark .t_Progress, :root.t_dark .t_SelectTrigger, :root.t_dark .t_SliderTrack, :root.t_dark .t_TextArea, :root.t_dark .t_TooltipArrow, :root.t_dark .t_black_Card, :root.t_dark .t_black_Input, :root.t_dark .t_black_ListItem, :root.t_dark .t_black_Progress, :root.t_dark .t_black_SelectTrigger, :root.t_dark .t_black_SliderTrack, :root.t_dark .t_black_TextArea, :root.t_dark .t_black_TooltipArrow, :root.t_light .t_dark .t_Card, :root.t_light .t_dark .t_Input, :root.t_light .t_dark .t_ListItem, :root.t_light .t_dark .t_Progress, :root.t_light .t_dark .t_SelectTrigger, :root.t_light .t_dark .t_SliderTrack, :root.t_light .t_dark .t_TextArea, :root.t_light .t_dark .t_TooltipArrow, :root.t_light .t_dark .t_black_Card, :root.t_light .t_dark .t_black_Input, :root.t_light .t_dark .t_black_ListItem, :root.t_light .t_dark .t_black_Progress, :root.t_light .t_dark .t_black_SelectTrigger, :root.t_light .t_dark .t_black_SliderTrack, :root.t_light .t_dark .t_black_TextArea, :root.t_light .t_dark .t_black_TooltipArrow, .tm_xxt {--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--background:hsla(0, 0%, 8%, 1);--backgroundHover:hsla(0, 0%, 10%, 1);--backgroundPress:hsla(0, 0%, 2%, 1);--backgroundFocus:hsla(0, 0%, 2%, 1);--borderColor:hsla(0, 0%, 16%, 1);--borderColorHover:hsla(0, 0%, 20%, 1);--borderColorFocus:hsla(0, 0%, 16%, 1);--borderColorPress:hsla(0, 0%, 14%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_Card, .t_Input, .t_ListItem, .t_Progress, .t_SelectTrigger, .t_SliderTrack, .t_TextArea, .t_TooltipArrow, .t_black_Card, .t_black_Input, .t_black_ListItem, .t_black_Progress, .t_black_SelectTrigger, .t_black_SliderTrack, .t_black_TextArea, .t_black_TooltipArrow {--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--background:hsla(0, 0%, 8%, 1);--backgroundHover:hsla(0, 0%, 10%, 1);--backgroundPress:hsla(0, 0%, 2%, 1);--backgroundFocus:hsla(0, 0%, 2%, 1);--borderColor:hsla(0, 0%, 16%, 1);--borderColorHover:hsla(0, 0%, 20%, 1);--borderColorFocus:hsla(0, 0%, 16%, 1);--borderColorPress:hsla(0, 0%, 14%, 1);} - } -:root.t_dark .t_Button, :root.t_dark .t_SliderTrackActive, :root.t_dark .t_black_Button, :root.t_dark .t_black_SliderTrackActive, :root.t_light .t_dark .t_Button, :root.t_light .t_dark .t_SliderTrackActive, :root.t_light .t_dark .t_black_Button, :root.t_light .t_dark .t_black_SliderTrackActive, .tm_xxt {--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--background:hsla(0, 0%, 14%, 1);--backgroundHover:hsla(0, 0%, 16%, 1);--backgroundPress:hsla(0, 0%, 10%, 1);--backgroundFocus:hsla(0, 0%, 10%, 1);--borderColor:hsla(0, 0%, 26%, 1);--borderColorHover:hsla(0, 0%, 29%, 1);--borderColorFocus:hsla(0, 0%, 26%, 1);--borderColorPress:hsla(0, 0%, 20%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_Button, .t_SliderTrackActive, .t_black_Button, .t_black_SliderTrackActive {--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--background:hsla(0, 0%, 14%, 1);--backgroundHover:hsla(0, 0%, 16%, 1);--backgroundPress:hsla(0, 0%, 10%, 1);--backgroundFocus:hsla(0, 0%, 10%, 1);--borderColor:hsla(0, 0%, 26%, 1);--borderColorHover:hsla(0, 0%, 29%, 1);--borderColorFocus:hsla(0, 0%, 26%, 1);--borderColorPress:hsla(0, 0%, 20%, 1);} - } -:root.t_dark .t_Checkbox, :root.t_dark .t_RadioGroupItem, :root.t_dark .t_Switch, :root.t_dark .t_TooltipContent, :root.t_dark .t_black_Checkbox, :root.t_dark .t_black_RadioGroupItem, :root.t_dark .t_black_Switch, :root.t_dark .t_black_TooltipContent, :root.t_light .t_dark .t_Checkbox, :root.t_light .t_dark .t_RadioGroupItem, :root.t_light .t_dark .t_Switch, :root.t_light .t_dark .t_TooltipContent, :root.t_light .t_dark .t_black_Checkbox, :root.t_light .t_dark .t_black_RadioGroupItem, :root.t_light .t_dark .t_black_Switch, :root.t_light .t_dark .t_black_TooltipContent, .tm_xxt {--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--background:hsla(0, 0%, 10%, 1);--backgroundHover:hsla(0, 0%, 14%, 1);--backgroundPress:hsla(0, 0%, 8%, 1);--backgroundFocus:hsla(0, 0%, 8%, 1);--borderColor:hsla(0, 0%, 20%, 1);--borderColorHover:hsla(0, 0%, 26%, 1);--borderColorFocus:hsla(0, 0%, 20%, 1);--borderColorPress:hsla(0, 0%, 16%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_Checkbox, .t_RadioGroupItem, .t_Switch, .t_TooltipContent, .t_black_Checkbox, .t_black_RadioGroupItem, .t_black_Switch, .t_black_TooltipContent {--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--background:hsla(0, 0%, 10%, 1);--backgroundHover:hsla(0, 0%, 14%, 1);--backgroundPress:hsla(0, 0%, 8%, 1);--backgroundFocus:hsla(0, 0%, 8%, 1);--borderColor:hsla(0, 0%, 20%, 1);--borderColorHover:hsla(0, 0%, 26%, 1);--borderColorFocus:hsla(0, 0%, 20%, 1);--borderColorPress:hsla(0, 0%, 16%, 1);} - } -:root.t_dark .t_ProgressIndicator, :root.t_dark .t_SliderThumb, :root.t_dark .t_SwitchThumb, :root.t_dark .t_Tooltip, :root.t_dark .t_black_ProgressIndicator, :root.t_dark .t_black_SliderThumb, :root.t_dark .t_black_SwitchThumb, :root.t_dark .t_black_Tooltip, :root.t_light .t_dark .t_ProgressIndicator, :root.t_light .t_dark .t_SliderThumb, :root.t_light .t_dark .t_SwitchThumb, :root.t_light .t_dark .t_Tooltip, :root.t_light .t_dark .t_black_ProgressIndicator, :root.t_light .t_dark .t_black_SliderThumb, :root.t_light .t_dark .t_black_SwitchThumb, :root.t_light .t_dark .t_black_Tooltip, .tm_xxt {--accentBackground:hsla(0, 0%, 93%, 1);--accentColor:hsla(0, 0%, 50%, 1);--background0:hsla(0, 0%, 100%, 0);--background02:hsla(0, 0%, 100%, 0.2);--background04:hsla(0, 0%, 100%, 0.4);--background06:hsla(0, 0%, 100%, 0.6);--background08:hsla(0, 0%, 100%, 0.8);--color1:hsla(0, 0%, 100%, 1);--color2:hsla(0, 0%, 65%, 1);--color3:hsla(0, 0%, 38%, 1);--color4:hsla(0, 0%, 33%, 1);--color5:hsla(0, 0%, 29%, 1);--color6:hsla(0, 0%, 26%, 1);--color7:hsla(0, 0%, 20%, 1);--color8:hsla(0, 0%, 16%, 1);--color9:hsla(0, 0%, 14%, 1);--color10:hsla(0, 0%, 10%, 1);--color11:hsla(0, 0%, 8%, 1);--color12:hsla(0, 0%, 2%, 1);--color0:hsla(0, 0%, 2%, 0);--color02:hsla(0, 0%, 2%, 0.2);--color04:hsla(0, 0%, 2%, 0.4);--color06:hsla(0, 0%, 2%, 0.6);--color08:hsla(0, 0%, 2%, 0.8);--background:hsla(0, 0%, 100%, 1);--backgroundHover:hsla(0, 0%, 65%, 1);--backgroundPress:hsla(0, 0%, 100%, 0.8);--backgroundFocus:hsla(0, 0%, 100%, 0.8);--borderColor:hsla(0, 0%, 33%, 1);--borderColorHover:hsla(0, 0%, 29%, 1);--borderColorPress:hsla(0, 0%, 38%, 1);--borderColorFocus:hsla(0, 0%, 33%, 1);--color:hsla(0, 0%, 2%, 1);--colorHover:hsla(0, 0%, 8%, 1);--colorPress:hsla(0, 0%, 2%, 1);--colorFocus:hsla(0, 0%, 8%, 1);--placeholderColor:hsla(0, 0%, 14%, 1);--outlineColor:hsla(0, 0%, 2%, 0.2);--colorTransparent:hsla(0, 0%, 2%, 0);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_ProgressIndicator, .t_SliderThumb, .t_SwitchThumb, .t_Tooltip, .t_black_ProgressIndicator, .t_black_SliderThumb, .t_black_SwitchThumb, .t_black_Tooltip {--accentBackground:hsla(0, 0%, 93%, 1);--accentColor:hsla(0, 0%, 50%, 1);--background0:hsla(0, 0%, 100%, 0);--background02:hsla(0, 0%, 100%, 0.2);--background04:hsla(0, 0%, 100%, 0.4);--background06:hsla(0, 0%, 100%, 0.6);--background08:hsla(0, 0%, 100%, 0.8);--color1:hsla(0, 0%, 100%, 1);--color2:hsla(0, 0%, 65%, 1);--color3:hsla(0, 0%, 38%, 1);--color4:hsla(0, 0%, 33%, 1);--color5:hsla(0, 0%, 29%, 1);--color6:hsla(0, 0%, 26%, 1);--color7:hsla(0, 0%, 20%, 1);--color8:hsla(0, 0%, 16%, 1);--color9:hsla(0, 0%, 14%, 1);--color10:hsla(0, 0%, 10%, 1);--color11:hsla(0, 0%, 8%, 1);--color12:hsla(0, 0%, 2%, 1);--color0:hsla(0, 0%, 2%, 0);--color02:hsla(0, 0%, 2%, 0.2);--color04:hsla(0, 0%, 2%, 0.4);--color06:hsla(0, 0%, 2%, 0.6);--color08:hsla(0, 0%, 2%, 0.8);--background:hsla(0, 0%, 100%, 1);--backgroundHover:hsla(0, 0%, 65%, 1);--backgroundPress:hsla(0, 0%, 100%, 0.8);--backgroundFocus:hsla(0, 0%, 100%, 0.8);--borderColor:hsla(0, 0%, 33%, 1);--borderColorHover:hsla(0, 0%, 29%, 1);--borderColorPress:hsla(0, 0%, 38%, 1);--borderColorFocus:hsla(0, 0%, 33%, 1);--color:hsla(0, 0%, 2%, 1);--colorHover:hsla(0, 0%, 8%, 1);--colorPress:hsla(0, 0%, 2%, 1);--colorFocus:hsla(0, 0%, 8%, 1);--placeholderColor:hsla(0, 0%, 14%, 1);--outlineColor:hsla(0, 0%, 2%, 0.2);--colorTransparent:hsla(0, 0%, 2%, 0);} - } -.t_dark_SwitchThumb ::selection, .t_dark_SliderThumb ::selection, .t_dark_Tooltip ::selection, .t_dark_ProgressIndicator ::selection, .t_dark_black_SwitchThumb ::selection, .t_dark_black_SliderThumb ::selection, .t_dark_black_Tooltip ::selection, .t_dark_black_ProgressIndicator ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_light .t_accent_Card, :root.t_dark .t_light .t_accent_Input, :root.t_dark .t_light .t_accent_ListItem, :root.t_dark .t_light .t_accent_Progress, :root.t_dark .t_light .t_accent_SelectTrigger, :root.t_dark .t_light .t_accent_SliderTrack, :root.t_dark .t_light .t_accent_TextArea, :root.t_dark .t_light .t_accent_TooltipArrow, :root.t_dark .t_light .t_black_Card, :root.t_dark .t_light .t_black_Input, :root.t_dark .t_light .t_black_ListItem, :root.t_dark .t_light .t_black_Progress, :root.t_dark .t_light .t_black_SelectTrigger, :root.t_dark .t_light .t_black_SliderTrack, :root.t_dark .t_light .t_black_TextArea, :root.t_dark .t_light .t_black_TooltipArrow, :root.t_light .t_accent_Card, :root.t_light .t_accent_Input, :root.t_light .t_accent_ListItem, :root.t_light .t_accent_Progress, :root.t_light .t_accent_SelectTrigger, :root.t_light .t_accent_SliderTrack, :root.t_light .t_accent_TextArea, :root.t_light .t_accent_TooltipArrow, :root.t_light .t_black_Card, :root.t_light .t_black_Input, :root.t_light .t_black_ListItem, :root.t_light .t_black_Progress, :root.t_light .t_black_SelectTrigger, :root.t_light .t_black_SliderTrack, :root.t_light .t_black_TextArea, :root.t_light .t_black_TooltipArrow, .tm_xxt {--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--background:hsla(0, 0%, 8%, 1);--backgroundHover:hsla(0, 0%, 2%, 1);--backgroundPress:hsla(0, 0%, 10%, 1);--backgroundFocus:hsla(0, 0%, 10%, 1);--borderColor:hsla(0, 0%, 16%, 1);--borderColorHover:hsla(0, 0%, 14%, 1);--borderColorFocus:hsla(0, 0%, 16%, 1);--borderColorPress:hsla(0, 0%, 20%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_accent_Card, .t_accent_Input, .t_accent_ListItem, .t_accent_Progress, .t_accent_SelectTrigger, .t_accent_SliderTrack, .t_accent_TextArea, .t_accent_TooltipArrow, .t_black_Card, .t_black_Input, .t_black_ListItem, .t_black_Progress, .t_black_SelectTrigger, .t_black_SliderTrack, .t_black_TextArea, .t_black_TooltipArrow {--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--background:hsla(0, 0%, 8%, 1);--backgroundHover:hsla(0, 0%, 2%, 1);--backgroundPress:hsla(0, 0%, 10%, 1);--backgroundFocus:hsla(0, 0%, 10%, 1);--borderColor:hsla(0, 0%, 16%, 1);--borderColorHover:hsla(0, 0%, 14%, 1);--borderColorFocus:hsla(0, 0%, 16%, 1);--borderColorPress:hsla(0, 0%, 20%, 1);} - } -:root.t_dark .t_light .t_accent_Button, :root.t_dark .t_light .t_accent_SliderTrackActive, :root.t_dark .t_light .t_black_Button, :root.t_dark .t_light .t_black_SliderTrackActive, :root.t_light .t_accent_Button, :root.t_light .t_accent_SliderTrackActive, :root.t_light .t_black_Button, :root.t_light .t_black_SliderTrackActive, .tm_xxt {--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--background:hsla(0, 0%, 14%, 1);--backgroundHover:hsla(0, 0%, 10%, 1);--backgroundPress:hsla(0, 0%, 16%, 1);--backgroundFocus:hsla(0, 0%, 16%, 1);--borderColor:hsla(0, 0%, 26%, 1);--borderColorHover:hsla(0, 0%, 20%, 1);--borderColorFocus:hsla(0, 0%, 26%, 1);--borderColorPress:hsla(0, 0%, 29%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_accent_Button, .t_accent_SliderTrackActive, .t_black_Button, .t_black_SliderTrackActive {--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--background:hsla(0, 0%, 14%, 1);--backgroundHover:hsla(0, 0%, 10%, 1);--backgroundPress:hsla(0, 0%, 16%, 1);--backgroundFocus:hsla(0, 0%, 16%, 1);--borderColor:hsla(0, 0%, 26%, 1);--borderColorHover:hsla(0, 0%, 20%, 1);--borderColorFocus:hsla(0, 0%, 26%, 1);--borderColorPress:hsla(0, 0%, 29%, 1);} - } -:root.t_dark .t_light .t_accent_Checkbox, :root.t_dark .t_light .t_accent_RadioGroupItem, :root.t_dark .t_light .t_accent_Switch, :root.t_dark .t_light .t_accent_TooltipContent, :root.t_dark .t_light .t_black_Checkbox, :root.t_dark .t_light .t_black_RadioGroupItem, :root.t_dark .t_light .t_black_Switch, :root.t_dark .t_light .t_black_TooltipContent, :root.t_light .t_accent_Checkbox, :root.t_light .t_accent_RadioGroupItem, :root.t_light .t_accent_Switch, :root.t_light .t_accent_TooltipContent, :root.t_light .t_black_Checkbox, :root.t_light .t_black_RadioGroupItem, :root.t_light .t_black_Switch, :root.t_light .t_black_TooltipContent, .tm_xxt {--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--background:hsla(0, 0%, 10%, 1);--backgroundHover:hsla(0, 0%, 8%, 1);--backgroundPress:hsla(0, 0%, 14%, 1);--backgroundFocus:hsla(0, 0%, 14%, 1);--borderColor:hsla(0, 0%, 20%, 1);--borderColorHover:hsla(0, 0%, 16%, 1);--borderColorFocus:hsla(0, 0%, 20%, 1);--borderColorPress:hsla(0, 0%, 26%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_accent_Checkbox, .t_accent_RadioGroupItem, .t_accent_Switch, .t_accent_TooltipContent, .t_black_Checkbox, .t_black_RadioGroupItem, .t_black_Switch, .t_black_TooltipContent {--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 65%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 65%, 1);--placeholderColor:hsla(0, 0%, 33%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--background:hsla(0, 0%, 10%, 1);--backgroundHover:hsla(0, 0%, 8%, 1);--backgroundPress:hsla(0, 0%, 14%, 1);--backgroundFocus:hsla(0, 0%, 14%, 1);--borderColor:hsla(0, 0%, 20%, 1);--borderColorHover:hsla(0, 0%, 16%, 1);--borderColorFocus:hsla(0, 0%, 20%, 1);--borderColorPress:hsla(0, 0%, 26%, 1);} - } -:root.t_dark .t_light .t_accent_ProgressIndicator, :root.t_dark .t_light .t_accent_SliderThumb, :root.t_dark .t_light .t_accent_SwitchThumb, :root.t_dark .t_light .t_accent_Tooltip, :root.t_light .t_accent_ProgressIndicator, :root.t_light .t_accent_SliderThumb, :root.t_light .t_accent_SwitchThumb, :root.t_light .t_accent_Tooltip, .tm_xxt {--accentBackground:hsla(0, 0%, 50%, 1);--accentColor:hsla(0, 0%, 93%, 1);--background0:hsla(0, 0%, 100%, 0);--background02:hsla(0, 0%, 100%, 0.2);--background04:hsla(0, 0%, 100%, 0.4);--background06:hsla(0, 0%, 100%, 0.6);--background08:hsla(0, 0%, 100%, 0.8);--color1:hsla(0, 0%, 100%, 1);--color2:hsla(0, 0%, 65%, 1);--color3:hsla(0, 0%, 38%, 1);--color4:hsla(0, 0%, 33%, 1);--color5:hsla(0, 0%, 29%, 1);--color6:hsla(0, 0%, 26%, 1);--color7:hsla(0, 0%, 20%, 1);--color8:hsla(0, 0%, 16%, 1);--color9:hsla(0, 0%, 14%, 1);--color10:hsla(0, 0%, 10%, 1);--color11:hsla(0, 0%, 8%, 1);--color12:hsla(0, 0%, 2%, 1);--color0:hsla(0, 0%, 2%, 0);--color02:hsla(0, 0%, 2%, 0.2);--color04:hsla(0, 0%, 2%, 0.4);--color06:hsla(0, 0%, 2%, 0.6);--color08:hsla(0, 0%, 2%, 0.8);--background:hsla(0, 0%, 100%, 1);--backgroundHover:hsla(0, 0%, 100%, 0.8);--backgroundPress:hsla(0, 0%, 65%, 1);--backgroundFocus:hsla(0, 0%, 65%, 1);--borderColor:hsla(0, 0%, 33%, 1);--borderColorHover:hsla(0, 0%, 38%, 1);--borderColorPress:hsla(0, 0%, 29%, 1);--borderColorFocus:hsla(0, 0%, 33%, 1);--color:hsla(0, 0%, 2%, 1);--colorHover:hsla(0, 0%, 8%, 1);--colorPress:hsla(0, 0%, 2%, 1);--colorFocus:hsla(0, 0%, 8%, 1);--placeholderColor:hsla(0, 0%, 14%, 1);--outlineColor:hsla(0, 0%, 2%, 0.2);--colorTransparent:hsla(0, 0%, 2%, 0);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_accent_ProgressIndicator, .t_accent_SliderThumb, .t_accent_SwitchThumb, .t_accent_Tooltip {--accentBackground:hsla(0, 0%, 50%, 1);--accentColor:hsla(0, 0%, 93%, 1);--background0:hsla(0, 0%, 100%, 0);--background02:hsla(0, 0%, 100%, 0.2);--background04:hsla(0, 0%, 100%, 0.4);--background06:hsla(0, 0%, 100%, 0.6);--background08:hsla(0, 0%, 100%, 0.8);--color1:hsla(0, 0%, 100%, 1);--color2:hsla(0, 0%, 65%, 1);--color3:hsla(0, 0%, 38%, 1);--color4:hsla(0, 0%, 33%, 1);--color5:hsla(0, 0%, 29%, 1);--color6:hsla(0, 0%, 26%, 1);--color7:hsla(0, 0%, 20%, 1);--color8:hsla(0, 0%, 16%, 1);--color9:hsla(0, 0%, 14%, 1);--color10:hsla(0, 0%, 10%, 1);--color11:hsla(0, 0%, 8%, 1);--color12:hsla(0, 0%, 2%, 1);--color0:hsla(0, 0%, 2%, 0);--color02:hsla(0, 0%, 2%, 0.2);--color04:hsla(0, 0%, 2%, 0.4);--color06:hsla(0, 0%, 2%, 0.6);--color08:hsla(0, 0%, 2%, 0.8);--background:hsla(0, 0%, 100%, 1);--backgroundHover:hsla(0, 0%, 100%, 0.8);--backgroundPress:hsla(0, 0%, 65%, 1);--backgroundFocus:hsla(0, 0%, 65%, 1);--borderColor:hsla(0, 0%, 33%, 1);--borderColorHover:hsla(0, 0%, 38%, 1);--borderColorPress:hsla(0, 0%, 29%, 1);--borderColorFocus:hsla(0, 0%, 33%, 1);--color:hsla(0, 0%, 2%, 1);--colorHover:hsla(0, 0%, 8%, 1);--colorPress:hsla(0, 0%, 2%, 1);--colorFocus:hsla(0, 0%, 8%, 1);--placeholderColor:hsla(0, 0%, 14%, 1);--outlineColor:hsla(0, 0%, 2%, 0.2);--colorTransparent:hsla(0, 0%, 2%, 0);} - } -.t_light_accent_SwitchThumb ::selection, .t_light_accent_SliderThumb ::selection, .t_light_accent_Tooltip ::selection, .t_light_accent_ProgressIndicator ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_accent_Card, :root.t_dark .t_accent_Input, :root.t_dark .t_accent_ListItem, :root.t_dark .t_accent_Progress, :root.t_dark .t_accent_SelectTrigger, :root.t_dark .t_accent_SliderTrack, :root.t_dark .t_accent_TextArea, :root.t_dark .t_accent_TooltipArrow, :root.t_dark .t_white_Card, :root.t_dark .t_white_Input, :root.t_dark .t_white_ListItem, :root.t_dark .t_white_Progress, :root.t_dark .t_white_SelectTrigger, :root.t_dark .t_white_SliderTrack, :root.t_dark .t_white_TextArea, :root.t_dark .t_white_TooltipArrow, :root.t_light .t_dark .t_accent_Card, :root.t_light .t_dark .t_accent_Input, :root.t_light .t_dark .t_accent_ListItem, :root.t_light .t_dark .t_accent_Progress, :root.t_light .t_dark .t_accent_SelectTrigger, :root.t_light .t_dark .t_accent_SliderTrack, :root.t_light .t_dark .t_accent_TextArea, :root.t_light .t_dark .t_accent_TooltipArrow, :root.t_light .t_dark .t_white_Card, :root.t_light .t_dark .t_white_Input, :root.t_light .t_dark .t_white_ListItem, :root.t_light .t_dark .t_white_Progress, :root.t_light .t_dark .t_white_SelectTrigger, :root.t_light .t_dark .t_white_SliderTrack, :root.t_light .t_dark .t_white_TextArea, :root.t_light .t_dark .t_white_TooltipArrow, .tm_xxt {--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--background:hsla(0, 0%, 95%, 1);--backgroundHover:hsla(0, 0%, 93%, 1);--backgroundPress:hsla(0, 0%, 100%, 1);--backgroundFocus:hsla(0, 0%, 100%, 1);--borderColor:hsla(0, 0%, 88%, 1);--borderColorHover:hsla(0, 0%, 85%, 1);--borderColorFocus:hsla(0, 0%, 88%, 1);--borderColorPress:hsla(0, 0%, 91%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_accent_Card, .t_accent_Input, .t_accent_ListItem, .t_accent_Progress, .t_accent_SelectTrigger, .t_accent_SliderTrack, .t_accent_TextArea, .t_accent_TooltipArrow, .t_white_Card, .t_white_Input, .t_white_ListItem, .t_white_Progress, .t_white_SelectTrigger, .t_white_SliderTrack, .t_white_TextArea, .t_white_TooltipArrow {--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--background:hsla(0, 0%, 95%, 1);--backgroundHover:hsla(0, 0%, 93%, 1);--backgroundPress:hsla(0, 0%, 100%, 1);--backgroundFocus:hsla(0, 0%, 100%, 1);--borderColor:hsla(0, 0%, 88%, 1);--borderColorHover:hsla(0, 0%, 85%, 1);--borderColorFocus:hsla(0, 0%, 88%, 1);--borderColorPress:hsla(0, 0%, 91%, 1);} - } -:root.t_dark .t_accent_Button, :root.t_dark .t_accent_SliderTrackActive, :root.t_dark .t_white_Button, :root.t_dark .t_white_SliderTrackActive, :root.t_light .t_dark .t_accent_Button, :root.t_light .t_dark .t_accent_SliderTrackActive, :root.t_light .t_dark .t_white_Button, :root.t_light .t_dark .t_white_SliderTrackActive, .tm_xxt {--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--background:hsla(0, 0%, 91%, 1);--backgroundHover:hsla(0, 0%, 88%, 1);--backgroundPress:hsla(0, 0%, 93%, 1);--backgroundFocus:hsla(0, 0%, 93%, 1);--borderColor:hsla(0, 0%, 82%, 1);--borderColorHover:hsla(0, 0%, 76%, 1);--borderColorFocus:hsla(0, 0%, 82%, 1);--borderColorPress:hsla(0, 0%, 85%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_accent_Button, .t_accent_SliderTrackActive, .t_white_Button, .t_white_SliderTrackActive {--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--background:hsla(0, 0%, 91%, 1);--backgroundHover:hsla(0, 0%, 88%, 1);--backgroundPress:hsla(0, 0%, 93%, 1);--backgroundFocus:hsla(0, 0%, 93%, 1);--borderColor:hsla(0, 0%, 82%, 1);--borderColorHover:hsla(0, 0%, 76%, 1);--borderColorFocus:hsla(0, 0%, 82%, 1);--borderColorPress:hsla(0, 0%, 85%, 1);} - } -:root.t_dark .t_accent_Checkbox, :root.t_dark .t_accent_RadioGroupItem, :root.t_dark .t_accent_Switch, :root.t_dark .t_accent_TooltipContent, :root.t_dark .t_white_Checkbox, :root.t_dark .t_white_RadioGroupItem, :root.t_dark .t_white_Switch, :root.t_dark .t_white_TooltipContent, :root.t_light .t_dark .t_accent_Checkbox, :root.t_light .t_dark .t_accent_RadioGroupItem, :root.t_light .t_dark .t_accent_Switch, :root.t_light .t_dark .t_accent_TooltipContent, :root.t_light .t_dark .t_white_Checkbox, :root.t_light .t_dark .t_white_RadioGroupItem, :root.t_light .t_dark .t_white_Switch, :root.t_light .t_dark .t_white_TooltipContent, .tm_xxt {--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--background:hsla(0, 0%, 93%, 1);--backgroundHover:hsla(0, 0%, 91%, 1);--backgroundPress:hsla(0, 0%, 95%, 1);--backgroundFocus:hsla(0, 0%, 95%, 1);--borderColor:hsla(0, 0%, 85%, 1);--borderColorHover:hsla(0, 0%, 82%, 1);--borderColorFocus:hsla(0, 0%, 85%, 1);--borderColorPress:hsla(0, 0%, 88%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_accent_Checkbox, .t_accent_RadioGroupItem, .t_accent_Switch, .t_accent_TooltipContent, .t_white_Checkbox, .t_white_RadioGroupItem, .t_white_Switch, .t_white_TooltipContent {--color:hsla(0, 0%, 9%, 1);--colorHover:hsla(0, 0%, 42%, 1);--colorPress:hsla(0, 0%, 9%, 1);--colorFocus:hsla(0, 0%, 42%, 1);--placeholderColor:hsla(0, 0%, 56%, 1);--outlineColor:hsla(0, 0%, 9%, 0.2);--background:hsla(0, 0%, 93%, 1);--backgroundHover:hsla(0, 0%, 91%, 1);--backgroundPress:hsla(0, 0%, 95%, 1);--backgroundFocus:hsla(0, 0%, 95%, 1);--borderColor:hsla(0, 0%, 85%, 1);--borderColorHover:hsla(0, 0%, 82%, 1);--borderColorFocus:hsla(0, 0%, 85%, 1);--borderColorPress:hsla(0, 0%, 88%, 1);} - } -:root.t_dark .t_accent_ProgressIndicator, :root.t_dark .t_accent_SliderThumb, :root.t_dark .t_accent_SwitchThumb, :root.t_dark .t_accent_Tooltip, :root.t_light .t_dark .t_accent_ProgressIndicator, :root.t_light .t_dark .t_accent_SliderThumb, :root.t_light .t_dark .t_accent_SwitchThumb, :root.t_light .t_dark .t_accent_Tooltip, .tm_xxt {--accentBackground:hsla(0, 0%, 10%, 1);--accentColor:hsla(0, 0%, 38%, 1);--background0:hsla(0, 0%, 9%, 0);--background02:hsla(0, 0%, 9%, 0.2);--background04:hsla(0, 0%, 9%, 0.4);--background06:hsla(0, 0%, 9%, 0.6);--background08:hsla(0, 0%, 9%, 0.8);--color1:hsla(0, 0%, 9%, 1);--color2:hsla(0, 0%, 42%, 1);--color3:hsla(0, 0%, 50%, 1);--color4:hsla(0, 0%, 56%, 1);--color5:hsla(0, 0%, 76%, 1);--color6:hsla(0, 0%, 82%, 1);--color7:hsla(0, 0%, 85%, 1);--color8:hsla(0, 0%, 88%, 1);--color9:hsla(0, 0%, 91%, 1);--color10:hsla(0, 0%, 93%, 1);--color11:hsla(0, 0%, 95%, 1);--color12:hsla(0, 0%, 100%, 1);--color0:hsla(0, 0%, 100%, 0);--color02:hsla(0, 0%, 100%, 0.2);--color04:hsla(0, 0%, 100%, 0.4);--color06:hsla(0, 0%, 100%, 0.6);--color08:hsla(0, 0%, 100%, 0.8);--background:hsla(0, 0%, 9%, 1);--backgroundHover:hsla(0, 0%, 42%, 1);--backgroundPress:hsla(0, 0%, 9%, 0.8);--backgroundFocus:hsla(0, 0%, 9%, 0.8);--borderColor:hsla(0, 0%, 56%, 1);--borderColorHover:hsla(0, 0%, 76%, 1);--borderColorPress:hsla(0, 0%, 50%, 1);--borderColorFocus:hsla(0, 0%, 56%, 1);--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 95%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 95%, 1);--placeholderColor:hsla(0, 0%, 91%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--colorTransparent:hsla(0, 0%, 100%, 0);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_accent_ProgressIndicator, .t_accent_SliderThumb, .t_accent_SwitchThumb, .t_accent_Tooltip {--accentBackground:hsla(0, 0%, 10%, 1);--accentColor:hsla(0, 0%, 38%, 1);--background0:hsla(0, 0%, 9%, 0);--background02:hsla(0, 0%, 9%, 0.2);--background04:hsla(0, 0%, 9%, 0.4);--background06:hsla(0, 0%, 9%, 0.6);--background08:hsla(0, 0%, 9%, 0.8);--color1:hsla(0, 0%, 9%, 1);--color2:hsla(0, 0%, 42%, 1);--color3:hsla(0, 0%, 50%, 1);--color4:hsla(0, 0%, 56%, 1);--color5:hsla(0, 0%, 76%, 1);--color6:hsla(0, 0%, 82%, 1);--color7:hsla(0, 0%, 85%, 1);--color8:hsla(0, 0%, 88%, 1);--color9:hsla(0, 0%, 91%, 1);--color10:hsla(0, 0%, 93%, 1);--color11:hsla(0, 0%, 95%, 1);--color12:hsla(0, 0%, 100%, 1);--color0:hsla(0, 0%, 100%, 0);--color02:hsla(0, 0%, 100%, 0.2);--color04:hsla(0, 0%, 100%, 0.4);--color06:hsla(0, 0%, 100%, 0.6);--color08:hsla(0, 0%, 100%, 0.8);--background:hsla(0, 0%, 9%, 1);--backgroundHover:hsla(0, 0%, 42%, 1);--backgroundPress:hsla(0, 0%, 9%, 0.8);--backgroundFocus:hsla(0, 0%, 9%, 0.8);--borderColor:hsla(0, 0%, 56%, 1);--borderColorHover:hsla(0, 0%, 76%, 1);--borderColorPress:hsla(0, 0%, 50%, 1);--borderColorFocus:hsla(0, 0%, 56%, 1);--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 95%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 95%, 1);--placeholderColor:hsla(0, 0%, 91%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--colorTransparent:hsla(0, 0%, 100%, 0);} - } -.t_dark_accent_SwitchThumb ::selection, .t_dark_accent_SliderThumb ::selection, .t_dark_accent_Tooltip ::selection, .t_dark_accent_ProgressIndicator ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_light .t_black_ProgressIndicator, :root.t_dark .t_light .t_black_SliderThumb, :root.t_dark .t_light .t_black_SwitchThumb, :root.t_dark .t_light .t_black_Tooltip, :root.t_light .t_black_ProgressIndicator, :root.t_light .t_black_SliderThumb, :root.t_light .t_black_SwitchThumb, :root.t_light .t_black_Tooltip, .tm_xxt {--accentBackground:hsla(0, 0%, 38%, 1);--accentColor:hsla(0, 0%, 10%, 1);--background0:hsla(0, 0%, 100%, 0);--background02:hsla(0, 0%, 100%, 0.2);--background04:hsla(0, 0%, 100%, 0.4);--background06:hsla(0, 0%, 100%, 0.6);--background08:hsla(0, 0%, 100%, 0.8);--color1:hsla(0, 0%, 100%, 1);--color2:hsla(0, 0%, 65%, 1);--color3:hsla(0, 0%, 38%, 1);--color4:hsla(0, 0%, 33%, 1);--color5:hsla(0, 0%, 29%, 1);--color6:hsla(0, 0%, 26%, 1);--color7:hsla(0, 0%, 20%, 1);--color8:hsla(0, 0%, 16%, 1);--color9:hsla(0, 0%, 14%, 1);--color10:hsla(0, 0%, 10%, 1);--color11:hsla(0, 0%, 8%, 1);--color12:hsla(0, 0%, 2%, 1);--color0:hsla(0, 0%, 2%, 0);--color02:hsla(0, 0%, 2%, 0.2);--color04:hsla(0, 0%, 2%, 0.4);--color06:hsla(0, 0%, 2%, 0.6);--color08:hsla(0, 0%, 2%, 0.8);--background:hsla(0, 0%, 100%, 1);--backgroundHover:hsla(0, 0%, 100%, 0.8);--backgroundPress:hsla(0, 0%, 65%, 1);--backgroundFocus:hsla(0, 0%, 65%, 1);--borderColor:hsla(0, 0%, 33%, 1);--borderColorHover:hsla(0, 0%, 38%, 1);--borderColorPress:hsla(0, 0%, 29%, 1);--borderColorFocus:hsla(0, 0%, 33%, 1);--color:hsla(0, 0%, 2%, 1);--colorHover:hsla(0, 0%, 8%, 1);--colorPress:hsla(0, 0%, 2%, 1);--colorFocus:hsla(0, 0%, 8%, 1);--placeholderColor:hsla(0, 0%, 14%, 1);--outlineColor:hsla(0, 0%, 2%, 0.2);--colorTransparent:hsla(0, 0%, 2%, 0);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_black_ProgressIndicator, .t_black_SliderThumb, .t_black_SwitchThumb, .t_black_Tooltip {--accentBackground:hsla(0, 0%, 38%, 1);--accentColor:hsla(0, 0%, 10%, 1);--background0:hsla(0, 0%, 100%, 0);--background02:hsla(0, 0%, 100%, 0.2);--background04:hsla(0, 0%, 100%, 0.4);--background06:hsla(0, 0%, 100%, 0.6);--background08:hsla(0, 0%, 100%, 0.8);--color1:hsla(0, 0%, 100%, 1);--color2:hsla(0, 0%, 65%, 1);--color3:hsla(0, 0%, 38%, 1);--color4:hsla(0, 0%, 33%, 1);--color5:hsla(0, 0%, 29%, 1);--color6:hsla(0, 0%, 26%, 1);--color7:hsla(0, 0%, 20%, 1);--color8:hsla(0, 0%, 16%, 1);--color9:hsla(0, 0%, 14%, 1);--color10:hsla(0, 0%, 10%, 1);--color11:hsla(0, 0%, 8%, 1);--color12:hsla(0, 0%, 2%, 1);--color0:hsla(0, 0%, 2%, 0);--color02:hsla(0, 0%, 2%, 0.2);--color04:hsla(0, 0%, 2%, 0.4);--color06:hsla(0, 0%, 2%, 0.6);--color08:hsla(0, 0%, 2%, 0.8);--background:hsla(0, 0%, 100%, 1);--backgroundHover:hsla(0, 0%, 100%, 0.8);--backgroundPress:hsla(0, 0%, 65%, 1);--backgroundFocus:hsla(0, 0%, 65%, 1);--borderColor:hsla(0, 0%, 33%, 1);--borderColorHover:hsla(0, 0%, 38%, 1);--borderColorPress:hsla(0, 0%, 29%, 1);--borderColorFocus:hsla(0, 0%, 33%, 1);--color:hsla(0, 0%, 2%, 1);--colorHover:hsla(0, 0%, 8%, 1);--colorPress:hsla(0, 0%, 2%, 1);--colorFocus:hsla(0, 0%, 8%, 1);--placeholderColor:hsla(0, 0%, 14%, 1);--outlineColor:hsla(0, 0%, 2%, 0.2);--colorTransparent:hsla(0, 0%, 2%, 0);} - } -.t_light_black_SwitchThumb ::selection, .t_light_black_SliderThumb ::selection, .t_light_black_Tooltip ::selection, .t_light_black_ProgressIndicator ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_light .t_blue_Card, :root.t_dark .t_light .t_blue_Input, :root.t_dark .t_light .t_blue_ListItem, :root.t_dark .t_light .t_blue_Progress, :root.t_dark .t_light .t_blue_SelectTrigger, :root.t_dark .t_light .t_blue_SliderTrack, :root.t_dark .t_light .t_blue_TextArea, :root.t_dark .t_light .t_blue_TooltipArrow, :root.t_light .t_blue_Card, :root.t_light .t_blue_Input, :root.t_light .t_blue_ListItem, :root.t_light .t_blue_Progress, :root.t_light .t_blue_SelectTrigger, :root.t_light .t_blue_SliderTrack, :root.t_light .t_blue_TextArea, :root.t_light .t_blue_TooltipArrow, .tm_xxt {--color:hsla(211, 100%, 15%, 1);--colorHover:hsla(211, 100%, 43%, 1);--colorPress:hsla(211, 100%, 15%, 1);--colorFocus:hsla(211, 100%, 43%, 1);--placeholderColor:hsla(206, 100%, 50%, 1);--outlineColor:hsla(211, 100%, 15%, 0.2);--background:hsla(210, 100%, 98%, 1);--backgroundHover:hsla(210, 100%, 99%, 1);--backgroundPress:hsla(210, 100%, 96%, 1);--backgroundFocus:hsla(210, 100%, 96%, 1);--borderColor:hsla(209, 96%, 90%, 1);--borderColorHover:hsla(210, 100%, 94%, 1);--borderColorFocus:hsla(209, 96%, 90%, 1);--borderColorPress:hsla(209, 82%, 85%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_blue_Card, .t_blue_Input, .t_blue_ListItem, .t_blue_Progress, .t_blue_SelectTrigger, .t_blue_SliderTrack, .t_blue_TextArea, .t_blue_TooltipArrow {--color:hsla(211, 100%, 15%, 1);--colorHover:hsla(211, 100%, 43%, 1);--colorPress:hsla(211, 100%, 15%, 1);--colorFocus:hsla(211, 100%, 43%, 1);--placeholderColor:hsla(206, 100%, 50%, 1);--outlineColor:hsla(211, 100%, 15%, 0.2);--background:hsla(210, 100%, 98%, 1);--backgroundHover:hsla(210, 100%, 99%, 1);--backgroundPress:hsla(210, 100%, 96%, 1);--backgroundFocus:hsla(210, 100%, 96%, 1);--borderColor:hsla(209, 96%, 90%, 1);--borderColorHover:hsla(210, 100%, 94%, 1);--borderColorFocus:hsla(209, 96%, 90%, 1);--borderColorPress:hsla(209, 82%, 85%, 1);} - } -:root.t_dark .t_light .t_blue_Button, :root.t_dark .t_light .t_blue_SliderTrackActive, :root.t_light .t_blue_Button, :root.t_light .t_blue_SliderTrackActive, .tm_xxt {--color:hsla(211, 100%, 15%, 1);--colorHover:hsla(211, 100%, 43%, 1);--colorPress:hsla(211, 100%, 15%, 1);--colorFocus:hsla(211, 100%, 43%, 1);--placeholderColor:hsla(206, 100%, 50%, 1);--outlineColor:hsla(211, 100%, 15%, 0.2);--background:hsla(210, 100%, 94%, 1);--backgroundHover:hsla(210, 100%, 96%, 1);--backgroundPress:hsla(209, 96%, 90%, 1);--backgroundFocus:hsla(209, 96%, 90%, 1);--borderColor:hsla(208, 78%, 77%, 1);--borderColorHover:hsla(209, 82%, 85%, 1);--borderColorFocus:hsla(208, 78%, 77%, 1);--borderColorPress:hsla(206, 82%, 65%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_blue_Button, .t_blue_SliderTrackActive {--color:hsla(211, 100%, 15%, 1);--colorHover:hsla(211, 100%, 43%, 1);--colorPress:hsla(211, 100%, 15%, 1);--colorFocus:hsla(211, 100%, 43%, 1);--placeholderColor:hsla(206, 100%, 50%, 1);--outlineColor:hsla(211, 100%, 15%, 0.2);--background:hsla(210, 100%, 94%, 1);--backgroundHover:hsla(210, 100%, 96%, 1);--backgroundPress:hsla(209, 96%, 90%, 1);--backgroundFocus:hsla(209, 96%, 90%, 1);--borderColor:hsla(208, 78%, 77%, 1);--borderColorHover:hsla(209, 82%, 85%, 1);--borderColorFocus:hsla(208, 78%, 77%, 1);--borderColorPress:hsla(206, 82%, 65%, 1);} - } -:root.t_dark .t_light .t_blue_Checkbox, :root.t_dark .t_light .t_blue_RadioGroupItem, :root.t_dark .t_light .t_blue_Switch, :root.t_dark .t_light .t_blue_TooltipContent, :root.t_light .t_blue_Checkbox, :root.t_light .t_blue_RadioGroupItem, :root.t_light .t_blue_Switch, :root.t_light .t_blue_TooltipContent, .tm_xxt {--color:hsla(211, 100%, 15%, 1);--colorHover:hsla(211, 100%, 43%, 1);--colorPress:hsla(211, 100%, 15%, 1);--colorFocus:hsla(211, 100%, 43%, 1);--placeholderColor:hsla(206, 100%, 50%, 1);--outlineColor:hsla(211, 100%, 15%, 0.2);--background:hsla(210, 100%, 96%, 1);--backgroundHover:hsla(210, 100%, 98%, 1);--backgroundPress:hsla(210, 100%, 94%, 1);--backgroundFocus:hsla(210, 100%, 94%, 1);--borderColor:hsla(209, 82%, 85%, 1);--borderColorHover:hsla(209, 96%, 90%, 1);--borderColorFocus:hsla(209, 82%, 85%, 1);--borderColorPress:hsla(208, 78%, 77%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_blue_Checkbox, .t_blue_RadioGroupItem, .t_blue_Switch, .t_blue_TooltipContent {--color:hsla(211, 100%, 15%, 1);--colorHover:hsla(211, 100%, 43%, 1);--colorPress:hsla(211, 100%, 15%, 1);--colorFocus:hsla(211, 100%, 43%, 1);--placeholderColor:hsla(206, 100%, 50%, 1);--outlineColor:hsla(211, 100%, 15%, 0.2);--background:hsla(210, 100%, 96%, 1);--backgroundHover:hsla(210, 100%, 98%, 1);--backgroundPress:hsla(210, 100%, 94%, 1);--backgroundFocus:hsla(210, 100%, 94%, 1);--borderColor:hsla(209, 82%, 85%, 1);--borderColorHover:hsla(209, 96%, 90%, 1);--borderColorFocus:hsla(209, 82%, 85%, 1);--borderColorPress:hsla(208, 78%, 77%, 1);} - } -:root.t_dark .t_light .t_blue_ProgressIndicator, :root.t_dark .t_light .t_blue_SliderThumb, :root.t_dark .t_light .t_blue_SwitchThumb, :root.t_dark .t_light .t_blue_Tooltip, :root.t_light .t_blue_ProgressIndicator, :root.t_light .t_blue_SliderThumb, :root.t_light .t_blue_SwitchThumb, :root.t_light .t_blue_Tooltip, .tm_xxt {--accentBackground:hsla(0, 0%, 38%, 1);--accentColor:hsla(0, 0%, 10%, 1);--background0:hsla(211, 100%, 15%, 0);--background02:hsla(211, 100%, 15%, 0.2);--background04:hsla(211, 100%, 15%, 0.4);--background06:hsla(211, 100%, 15%, 0.6);--background08:hsla(211, 100%, 15%, 0.8);--color1:hsla(211, 100%, 15%, 1);--color2:hsla(211, 100%, 43%, 1);--color3:hsla(208, 100%, 47%, 1);--color4:hsla(206, 100%, 50%, 1);--color5:hsla(206, 82%, 65%, 1);--color6:hsla(208, 78%, 77%, 1);--color7:hsla(209, 82%, 85%, 1);--color8:hsla(209, 96%, 90%, 1);--color9:hsla(210, 100%, 94%, 1);--color10:hsla(210, 100%, 96%, 1);--color11:hsla(210, 100%, 98%, 1);--color12:hsla(210, 100%, 99%, 1);--color0:hsla(216, 100%, 99%, 0);--color02:hsla(216, 100%, 99%, 0.2);--color04:hsla(216, 100%, 99%, 0.4);--color06:hsla(216, 100%, 99%, 0.6);--color08:hsla(216, 100%, 99%, 0.8);--background:hsla(211, 100%, 15%, 1);--backgroundHover:hsla(211, 100%, 15%, 0.8);--backgroundPress:hsla(211, 100%, 43%, 1);--backgroundFocus:hsla(211, 100%, 43%, 1);--borderColor:hsla(206, 100%, 50%, 1);--borderColorHover:hsla(208, 100%, 47%, 1);--borderColorPress:hsla(206, 82%, 65%, 1);--borderColorFocus:hsla(206, 100%, 50%, 1);--color:hsla(210, 100%, 99%, 1);--colorHover:hsla(210, 100%, 98%, 1);--colorPress:hsla(210, 100%, 99%, 1);--colorFocus:hsla(210, 100%, 98%, 1);--placeholderColor:hsla(210, 100%, 94%, 1);--outlineColor:hsla(216, 100%, 99%, 0.2);--colorTransparent:hsla(216, 100%, 99%, 0);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_blue_ProgressIndicator, .t_blue_SliderThumb, .t_blue_SwitchThumb, .t_blue_Tooltip {--accentBackground:hsla(0, 0%, 38%, 1);--accentColor:hsla(0, 0%, 10%, 1);--background0:hsla(211, 100%, 15%, 0);--background02:hsla(211, 100%, 15%, 0.2);--background04:hsla(211, 100%, 15%, 0.4);--background06:hsla(211, 100%, 15%, 0.6);--background08:hsla(211, 100%, 15%, 0.8);--color1:hsla(211, 100%, 15%, 1);--color2:hsla(211, 100%, 43%, 1);--color3:hsla(208, 100%, 47%, 1);--color4:hsla(206, 100%, 50%, 1);--color5:hsla(206, 82%, 65%, 1);--color6:hsla(208, 78%, 77%, 1);--color7:hsla(209, 82%, 85%, 1);--color8:hsla(209, 96%, 90%, 1);--color9:hsla(210, 100%, 94%, 1);--color10:hsla(210, 100%, 96%, 1);--color11:hsla(210, 100%, 98%, 1);--color12:hsla(210, 100%, 99%, 1);--color0:hsla(216, 100%, 99%, 0);--color02:hsla(216, 100%, 99%, 0.2);--color04:hsla(216, 100%, 99%, 0.4);--color06:hsla(216, 100%, 99%, 0.6);--color08:hsla(216, 100%, 99%, 0.8);--background:hsla(211, 100%, 15%, 1);--backgroundHover:hsla(211, 100%, 15%, 0.8);--backgroundPress:hsla(211, 100%, 43%, 1);--backgroundFocus:hsla(211, 100%, 43%, 1);--borderColor:hsla(206, 100%, 50%, 1);--borderColorHover:hsla(208, 100%, 47%, 1);--borderColorPress:hsla(206, 82%, 65%, 1);--borderColorFocus:hsla(206, 100%, 50%, 1);--color:hsla(210, 100%, 99%, 1);--colorHover:hsla(210, 100%, 98%, 1);--colorPress:hsla(210, 100%, 99%, 1);--colorFocus:hsla(210, 100%, 98%, 1);--placeholderColor:hsla(210, 100%, 94%, 1);--outlineColor:hsla(216, 100%, 99%, 0.2);--colorTransparent:hsla(216, 100%, 99%, 0);} - } -.t_light_blue_SwitchThumb ::selection, .t_light_blue_SliderThumb ::selection, .t_light_blue_Tooltip ::selection, .t_light_blue_ProgressIndicator ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_light .t_red_Card, :root.t_dark .t_light .t_red_Input, :root.t_dark .t_light .t_red_ListItem, :root.t_dark .t_light .t_red_Progress, :root.t_dark .t_light .t_red_SelectTrigger, :root.t_dark .t_light .t_red_SliderTrack, :root.t_dark .t_light .t_red_TextArea, :root.t_dark .t_light .t_red_TooltipArrow, :root.t_light .t_red_Card, :root.t_light .t_red_Input, :root.t_light .t_red_ListItem, :root.t_light .t_red_Progress, :root.t_light .t_red_SelectTrigger, :root.t_light .t_red_SliderTrack, :root.t_light .t_red_TextArea, :root.t_light .t_red_TooltipArrow, .tm_xxt {--color:hsla(355, 49%, 15%, 1);--colorHover:hsla(358, 65%, 49%, 1);--colorPress:hsla(355, 49%, 15%, 1);--colorFocus:hsla(358, 65%, 49%, 1);--placeholderColor:hsla(358, 75%, 59%, 1);--outlineColor:hsla(355, 48%, 15%, 0.2);--background:hsla(0, 100%, 99%, 1);--backgroundHover:hsla(0, 100%, 99%, 1);--backgroundPress:hsla(0, 100%, 97%, 1);--backgroundFocus:hsla(0, 100%, 97%, 1);--borderColor:hsla(0, 90%, 92%, 1);--borderColorHover:hsla(0, 100%, 95%, 1);--borderColorFocus:hsla(0, 90%, 92%, 1);--borderColorPress:hsla(0, 81%, 88%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_red_Card, .t_red_Input, .t_red_ListItem, .t_red_Progress, .t_red_SelectTrigger, .t_red_SliderTrack, .t_red_TextArea, .t_red_TooltipArrow {--color:hsla(355, 49%, 15%, 1);--colorHover:hsla(358, 65%, 49%, 1);--colorPress:hsla(355, 49%, 15%, 1);--colorFocus:hsla(358, 65%, 49%, 1);--placeholderColor:hsla(358, 75%, 59%, 1);--outlineColor:hsla(355, 48%, 15%, 0.2);--background:hsla(0, 100%, 99%, 1);--backgroundHover:hsla(0, 100%, 99%, 1);--backgroundPress:hsla(0, 100%, 97%, 1);--backgroundFocus:hsla(0, 100%, 97%, 1);--borderColor:hsla(0, 90%, 92%, 1);--borderColorHover:hsla(0, 100%, 95%, 1);--borderColorFocus:hsla(0, 90%, 92%, 1);--borderColorPress:hsla(0, 81%, 88%, 1);} - } -:root.t_dark .t_light .t_red_Button, :root.t_dark .t_light .t_red_SliderTrackActive, :root.t_light .t_red_Button, :root.t_light .t_red_SliderTrackActive, .tm_xxt {--color:hsla(355, 49%, 15%, 1);--colorHover:hsla(358, 65%, 49%, 1);--colorPress:hsla(355, 49%, 15%, 1);--colorFocus:hsla(358, 65%, 49%, 1);--placeholderColor:hsla(358, 75%, 59%, 1);--outlineColor:hsla(355, 48%, 15%, 0.2);--background:hsla(0, 100%, 95%, 1);--backgroundHover:hsla(0, 100%, 97%, 1);--backgroundPress:hsla(0, 90%, 92%, 1);--backgroundFocus:hsla(0, 90%, 92%, 1);--borderColor:hsla(359, 74%, 82%, 1);--borderColorHover:hsla(0, 81%, 88%, 1);--borderColorFocus:hsla(359, 74%, 82%, 1);--borderColorPress:hsla(359, 69%, 74%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_red_Button, .t_red_SliderTrackActive {--color:hsla(355, 49%, 15%, 1);--colorHover:hsla(358, 65%, 49%, 1);--colorPress:hsla(355, 49%, 15%, 1);--colorFocus:hsla(358, 65%, 49%, 1);--placeholderColor:hsla(358, 75%, 59%, 1);--outlineColor:hsla(355, 48%, 15%, 0.2);--background:hsla(0, 100%, 95%, 1);--backgroundHover:hsla(0, 100%, 97%, 1);--backgroundPress:hsla(0, 90%, 92%, 1);--backgroundFocus:hsla(0, 90%, 92%, 1);--borderColor:hsla(359, 74%, 82%, 1);--borderColorHover:hsla(0, 81%, 88%, 1);--borderColorFocus:hsla(359, 74%, 82%, 1);--borderColorPress:hsla(359, 69%, 74%, 1);} - } -:root.t_dark .t_light .t_red_Checkbox, :root.t_dark .t_light .t_red_RadioGroupItem, :root.t_dark .t_light .t_red_Switch, :root.t_dark .t_light .t_red_TooltipContent, :root.t_light .t_red_Checkbox, :root.t_light .t_red_RadioGroupItem, :root.t_light .t_red_Switch, :root.t_light .t_red_TooltipContent, .tm_xxt {--color:hsla(355, 49%, 15%, 1);--colorHover:hsla(358, 65%, 49%, 1);--colorPress:hsla(355, 49%, 15%, 1);--colorFocus:hsla(358, 65%, 49%, 1);--placeholderColor:hsla(358, 75%, 59%, 1);--outlineColor:hsla(355, 48%, 15%, 0.2);--background:hsla(0, 100%, 97%, 1);--backgroundHover:hsla(0, 100%, 99%, 1);--backgroundPress:hsla(0, 100%, 95%, 1);--backgroundFocus:hsla(0, 100%, 95%, 1);--borderColor:hsla(0, 81%, 88%, 1);--borderColorHover:hsla(0, 90%, 92%, 1);--borderColorFocus:hsla(0, 81%, 88%, 1);--borderColorPress:hsla(359, 74%, 82%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_red_Checkbox, .t_red_RadioGroupItem, .t_red_Switch, .t_red_TooltipContent {--color:hsla(355, 49%, 15%, 1);--colorHover:hsla(358, 65%, 49%, 1);--colorPress:hsla(355, 49%, 15%, 1);--colorFocus:hsla(358, 65%, 49%, 1);--placeholderColor:hsla(358, 75%, 59%, 1);--outlineColor:hsla(355, 48%, 15%, 0.2);--background:hsla(0, 100%, 97%, 1);--backgroundHover:hsla(0, 100%, 99%, 1);--backgroundPress:hsla(0, 100%, 95%, 1);--backgroundFocus:hsla(0, 100%, 95%, 1);--borderColor:hsla(0, 81%, 88%, 1);--borderColorHover:hsla(0, 90%, 92%, 1);--borderColorFocus:hsla(0, 81%, 88%, 1);--borderColorPress:hsla(359, 74%, 82%, 1);} - } -:root.t_dark .t_light .t_red_ProgressIndicator, :root.t_dark .t_light .t_red_SliderThumb, :root.t_dark .t_light .t_red_SwitchThumb, :root.t_dark .t_light .t_red_Tooltip, :root.t_light .t_red_ProgressIndicator, :root.t_light .t_red_SliderThumb, :root.t_light .t_red_SwitchThumb, :root.t_light .t_red_Tooltip, .tm_xxt {--accentBackground:hsla(0, 0%, 38%, 1);--accentColor:hsla(0, 0%, 10%, 1);--background0:hsla(355, 48%, 15%, 0);--background02:hsla(355, 48%, 15%, 0.2);--background04:hsla(355, 48%, 15%, 0.4);--background06:hsla(355, 48%, 15%, 0.6);--background08:hsla(355, 48%, 15%, 0.8);--color1:hsla(355, 49%, 15%, 1);--color2:hsla(358, 65%, 49%, 1);--color3:hsla(358, 69%, 55%, 1);--color4:hsla(358, 75%, 59%, 1);--color5:hsla(359, 69%, 74%, 1);--color6:hsla(359, 74%, 82%, 1);--color7:hsla(0, 81%, 88%, 1);--color8:hsla(0, 90%, 92%, 1);--color9:hsla(0, 100%, 95%, 1);--color10:hsla(0, 100%, 97%, 1);--color11:hsla(0, 100%, 99%, 1);--color12:hsla(0, 100%, 99%, 1);--color0:hsla(0, 100%, 99%, 0);--color02:hsla(0, 100%, 99%, 0.2);--color04:hsla(0, 100%, 99%, 0.4);--color06:hsla(0, 100%, 99%, 0.6);--color08:hsla(0, 100%, 99%, 0.8);--background:hsla(355, 49%, 15%, 1);--backgroundHover:hsla(355, 48%, 15%, 0.8);--backgroundPress:hsla(358, 65%, 49%, 1);--backgroundFocus:hsla(358, 65%, 49%, 1);--borderColor:hsla(358, 75%, 59%, 1);--borderColorHover:hsla(358, 69%, 55%, 1);--borderColorPress:hsla(359, 69%, 74%, 1);--borderColorFocus:hsla(358, 75%, 59%, 1);--color:hsla(0, 100%, 99%, 1);--colorHover:hsla(0, 100%, 99%, 1);--colorPress:hsla(0, 100%, 99%, 1);--colorFocus:hsla(0, 100%, 99%, 1);--placeholderColor:hsla(0, 100%, 95%, 1);--outlineColor:hsla(0, 100%, 99%, 0.2);--colorTransparent:hsla(0, 100%, 99%, 0);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_red_ProgressIndicator, .t_red_SliderThumb, .t_red_SwitchThumb, .t_red_Tooltip {--accentBackground:hsla(0, 0%, 38%, 1);--accentColor:hsla(0, 0%, 10%, 1);--background0:hsla(355, 48%, 15%, 0);--background02:hsla(355, 48%, 15%, 0.2);--background04:hsla(355, 48%, 15%, 0.4);--background06:hsla(355, 48%, 15%, 0.6);--background08:hsla(355, 48%, 15%, 0.8);--color1:hsla(355, 49%, 15%, 1);--color2:hsla(358, 65%, 49%, 1);--color3:hsla(358, 69%, 55%, 1);--color4:hsla(358, 75%, 59%, 1);--color5:hsla(359, 69%, 74%, 1);--color6:hsla(359, 74%, 82%, 1);--color7:hsla(0, 81%, 88%, 1);--color8:hsla(0, 90%, 92%, 1);--color9:hsla(0, 100%, 95%, 1);--color10:hsla(0, 100%, 97%, 1);--color11:hsla(0, 100%, 99%, 1);--color12:hsla(0, 100%, 99%, 1);--color0:hsla(0, 100%, 99%, 0);--color02:hsla(0, 100%, 99%, 0.2);--color04:hsla(0, 100%, 99%, 0.4);--color06:hsla(0, 100%, 99%, 0.6);--color08:hsla(0, 100%, 99%, 0.8);--background:hsla(355, 49%, 15%, 1);--backgroundHover:hsla(355, 48%, 15%, 0.8);--backgroundPress:hsla(358, 65%, 49%, 1);--backgroundFocus:hsla(358, 65%, 49%, 1);--borderColor:hsla(358, 75%, 59%, 1);--borderColorHover:hsla(358, 69%, 55%, 1);--borderColorPress:hsla(359, 69%, 74%, 1);--borderColorFocus:hsla(358, 75%, 59%, 1);--color:hsla(0, 100%, 99%, 1);--colorHover:hsla(0, 100%, 99%, 1);--colorPress:hsla(0, 100%, 99%, 1);--colorFocus:hsla(0, 100%, 99%, 1);--placeholderColor:hsla(0, 100%, 95%, 1);--outlineColor:hsla(0, 100%, 99%, 0.2);--colorTransparent:hsla(0, 100%, 99%, 0);} - } -.t_light_red_SwitchThumb ::selection, .t_light_red_SliderThumb ::selection, .t_light_red_Tooltip ::selection, .t_light_red_ProgressIndicator ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_light .t_yellow_Card, :root.t_dark .t_light .t_yellow_Input, :root.t_dark .t_light .t_yellow_ListItem, :root.t_dark .t_light .t_yellow_Progress, :root.t_dark .t_light .t_yellow_SelectTrigger, :root.t_dark .t_light .t_yellow_SliderTrack, :root.t_dark .t_light .t_yellow_TextArea, :root.t_dark .t_light .t_yellow_TooltipArrow, :root.t_light .t_yellow_Card, :root.t_light .t_yellow_Input, :root.t_light .t_yellow_ListItem, :root.t_light .t_yellow_Progress, :root.t_light .t_yellow_SelectTrigger, :root.t_light .t_yellow_SliderTrack, :root.t_light .t_yellow_TextArea, :root.t_light .t_yellow_TooltipArrow, .tm_xxt {--color:hsla(41, 56%, 13%, 1);--colorHover:hsla(42, 100%, 29%, 1);--colorPress:hsla(41, 56%, 13%, 1);--colorFocus:hsla(42, 100%, 29%, 1);--placeholderColor:hsla(53, 92%, 50%, 1);--outlineColor:hsla(41, 55%, 13%, 0.2);--background:hsla(52, 100%, 95%, 1);--backgroundHover:hsla(60, 50%, 98%, 1);--backgroundPress:hsla(55, 100%, 91%, 1);--backgroundFocus:hsla(55, 100%, 91%, 1);--borderColor:hsla(52, 98%, 82%, 1);--borderColorHover:hsla(54, 100%, 87%, 1);--borderColorFocus:hsla(52, 98%, 82%, 1);--borderColorPress:hsla(50, 90%, 76%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_yellow_Card, .t_yellow_Input, .t_yellow_ListItem, .t_yellow_Progress, .t_yellow_SelectTrigger, .t_yellow_SliderTrack, .t_yellow_TextArea, .t_yellow_TooltipArrow {--color:hsla(41, 56%, 13%, 1);--colorHover:hsla(42, 100%, 29%, 1);--colorPress:hsla(41, 56%, 13%, 1);--colorFocus:hsla(42, 100%, 29%, 1);--placeholderColor:hsla(53, 92%, 50%, 1);--outlineColor:hsla(41, 55%, 13%, 0.2);--background:hsla(52, 100%, 95%, 1);--backgroundHover:hsla(60, 50%, 98%, 1);--backgroundPress:hsla(55, 100%, 91%, 1);--backgroundFocus:hsla(55, 100%, 91%, 1);--borderColor:hsla(52, 98%, 82%, 1);--borderColorHover:hsla(54, 100%, 87%, 1);--borderColorFocus:hsla(52, 98%, 82%, 1);--borderColorPress:hsla(50, 90%, 76%, 1);} - } -:root.t_dark .t_light .t_yellow_Button, :root.t_dark .t_light .t_yellow_SliderTrackActive, :root.t_light .t_yellow_Button, :root.t_light .t_yellow_SliderTrackActive, .tm_xxt {--color:hsla(41, 56%, 13%, 1);--colorHover:hsla(42, 100%, 29%, 1);--colorPress:hsla(41, 56%, 13%, 1);--colorFocus:hsla(42, 100%, 29%, 1);--placeholderColor:hsla(53, 92%, 50%, 1);--outlineColor:hsla(41, 55%, 13%, 0.2);--background:hsla(54, 100%, 87%, 1);--backgroundHover:hsla(55, 100%, 91%, 1);--backgroundPress:hsla(52, 98%, 82%, 1);--backgroundFocus:hsla(52, 98%, 82%, 1);--borderColor:hsla(47, 80%, 68%, 1);--borderColorHover:hsla(50, 90%, 76%, 1);--borderColorFocus:hsla(47, 80%, 68%, 1);--borderColorPress:hsla(48, 100%, 46%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_yellow_Button, .t_yellow_SliderTrackActive {--color:hsla(41, 56%, 13%, 1);--colorHover:hsla(42, 100%, 29%, 1);--colorPress:hsla(41, 56%, 13%, 1);--colorFocus:hsla(42, 100%, 29%, 1);--placeholderColor:hsla(53, 92%, 50%, 1);--outlineColor:hsla(41, 55%, 13%, 0.2);--background:hsla(54, 100%, 87%, 1);--backgroundHover:hsla(55, 100%, 91%, 1);--backgroundPress:hsla(52, 98%, 82%, 1);--backgroundFocus:hsla(52, 98%, 82%, 1);--borderColor:hsla(47, 80%, 68%, 1);--borderColorHover:hsla(50, 90%, 76%, 1);--borderColorFocus:hsla(47, 80%, 68%, 1);--borderColorPress:hsla(48, 100%, 46%, 1);} - } -:root.t_dark .t_light .t_yellow_Checkbox, :root.t_dark .t_light .t_yellow_RadioGroupItem, :root.t_dark .t_light .t_yellow_Switch, :root.t_dark .t_light .t_yellow_TooltipContent, :root.t_light .t_yellow_Checkbox, :root.t_light .t_yellow_RadioGroupItem, :root.t_light .t_yellow_Switch, :root.t_light .t_yellow_TooltipContent, .tm_xxt {--color:hsla(41, 56%, 13%, 1);--colorHover:hsla(42, 100%, 29%, 1);--colorPress:hsla(41, 56%, 13%, 1);--colorFocus:hsla(42, 100%, 29%, 1);--placeholderColor:hsla(53, 92%, 50%, 1);--outlineColor:hsla(41, 55%, 13%, 0.2);--background:hsla(55, 100%, 91%, 1);--backgroundHover:hsla(52, 100%, 95%, 1);--backgroundPress:hsla(54, 100%, 87%, 1);--backgroundFocus:hsla(54, 100%, 87%, 1);--borderColor:hsla(50, 90%, 76%, 1);--borderColorHover:hsla(52, 98%, 82%, 1);--borderColorFocus:hsla(50, 90%, 76%, 1);--borderColorPress:hsla(47, 80%, 68%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_yellow_Checkbox, .t_yellow_RadioGroupItem, .t_yellow_Switch, .t_yellow_TooltipContent {--color:hsla(41, 56%, 13%, 1);--colorHover:hsla(42, 100%, 29%, 1);--colorPress:hsla(41, 56%, 13%, 1);--colorFocus:hsla(42, 100%, 29%, 1);--placeholderColor:hsla(53, 92%, 50%, 1);--outlineColor:hsla(41, 55%, 13%, 0.2);--background:hsla(55, 100%, 91%, 1);--backgroundHover:hsla(52, 100%, 95%, 1);--backgroundPress:hsla(54, 100%, 87%, 1);--backgroundFocus:hsla(54, 100%, 87%, 1);--borderColor:hsla(50, 90%, 76%, 1);--borderColorHover:hsla(52, 98%, 82%, 1);--borderColorFocus:hsla(50, 90%, 76%, 1);--borderColorPress:hsla(47, 80%, 68%, 1);} - } -:root.t_dark .t_light .t_yellow_ProgressIndicator, :root.t_dark .t_light .t_yellow_SliderThumb, :root.t_dark .t_light .t_yellow_SwitchThumb, :root.t_dark .t_light .t_yellow_Tooltip, :root.t_light .t_yellow_ProgressIndicator, :root.t_light .t_yellow_SliderThumb, :root.t_light .t_yellow_SwitchThumb, :root.t_light .t_yellow_Tooltip, .tm_xxt {--accentBackground:hsla(0, 0%, 38%, 1);--accentColor:hsla(0, 0%, 10%, 1);--background0:hsla(41, 55%, 13%, 0);--background02:hsla(41, 55%, 13%, 0.2);--background04:hsla(41, 55%, 13%, 0.4);--background06:hsla(41, 55%, 13%, 0.6);--background08:hsla(41, 55%, 13%, 0.8);--color1:hsla(41, 56%, 13%, 1);--color2:hsla(42, 100%, 29%, 1);--color3:hsla(50, 100%, 48%, 1);--color4:hsla(53, 92%, 50%, 1);--color5:hsla(48, 100%, 46%, 1);--color6:hsla(47, 80%, 68%, 1);--color7:hsla(50, 90%, 76%, 1);--color8:hsla(52, 98%, 82%, 1);--color9:hsla(54, 100%, 87%, 1);--color10:hsla(55, 100%, 91%, 1);--color11:hsla(52, 100%, 95%, 1);--color12:hsla(60, 50%, 98%, 1);--color0:hsla(60, 45%, 98%, 0);--color02:hsla(60, 45%, 98%, 0.2);--color04:hsla(60, 45%, 98%, 0.4);--color06:hsla(60, 45%, 98%, 0.6);--color08:hsla(60, 45%, 98%, 0.8);--background:hsla(41, 56%, 13%, 1);--backgroundHover:hsla(41, 55%, 13%, 0.8);--backgroundPress:hsla(42, 100%, 29%, 1);--backgroundFocus:hsla(42, 100%, 29%, 1);--borderColor:hsla(53, 92%, 50%, 1);--borderColorHover:hsla(50, 100%, 48%, 1);--borderColorPress:hsla(48, 100%, 46%, 1);--borderColorFocus:hsla(53, 92%, 50%, 1);--color:hsla(60, 50%, 98%, 1);--colorHover:hsla(52, 100%, 95%, 1);--colorPress:hsla(60, 50%, 98%, 1);--colorFocus:hsla(52, 100%, 95%, 1);--placeholderColor:hsla(54, 100%, 87%, 1);--outlineColor:hsla(60, 45%, 98%, 0.2);--colorTransparent:hsla(60, 45%, 98%, 0);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_yellow_ProgressIndicator, .t_yellow_SliderThumb, .t_yellow_SwitchThumb, .t_yellow_Tooltip {--accentBackground:hsla(0, 0%, 38%, 1);--accentColor:hsla(0, 0%, 10%, 1);--background0:hsla(41, 55%, 13%, 0);--background02:hsla(41, 55%, 13%, 0.2);--background04:hsla(41, 55%, 13%, 0.4);--background06:hsla(41, 55%, 13%, 0.6);--background08:hsla(41, 55%, 13%, 0.8);--color1:hsla(41, 56%, 13%, 1);--color2:hsla(42, 100%, 29%, 1);--color3:hsla(50, 100%, 48%, 1);--color4:hsla(53, 92%, 50%, 1);--color5:hsla(48, 100%, 46%, 1);--color6:hsla(47, 80%, 68%, 1);--color7:hsla(50, 90%, 76%, 1);--color8:hsla(52, 98%, 82%, 1);--color9:hsla(54, 100%, 87%, 1);--color10:hsla(55, 100%, 91%, 1);--color11:hsla(52, 100%, 95%, 1);--color12:hsla(60, 50%, 98%, 1);--color0:hsla(60, 45%, 98%, 0);--color02:hsla(60, 45%, 98%, 0.2);--color04:hsla(60, 45%, 98%, 0.4);--color06:hsla(60, 45%, 98%, 0.6);--color08:hsla(60, 45%, 98%, 0.8);--background:hsla(41, 56%, 13%, 1);--backgroundHover:hsla(41, 55%, 13%, 0.8);--backgroundPress:hsla(42, 100%, 29%, 1);--backgroundFocus:hsla(42, 100%, 29%, 1);--borderColor:hsla(53, 92%, 50%, 1);--borderColorHover:hsla(50, 100%, 48%, 1);--borderColorPress:hsla(48, 100%, 46%, 1);--borderColorFocus:hsla(53, 92%, 50%, 1);--color:hsla(60, 50%, 98%, 1);--colorHover:hsla(52, 100%, 95%, 1);--colorPress:hsla(60, 50%, 98%, 1);--colorFocus:hsla(52, 100%, 95%, 1);--placeholderColor:hsla(54, 100%, 87%, 1);--outlineColor:hsla(60, 45%, 98%, 0.2);--colorTransparent:hsla(60, 45%, 98%, 0);} - } -.t_light_yellow_SwitchThumb ::selection, .t_light_yellow_SliderThumb ::selection, .t_light_yellow_Tooltip ::selection, .t_light_yellow_ProgressIndicator ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_light .t_green_Card, :root.t_dark .t_light .t_green_Input, :root.t_dark .t_light .t_green_ListItem, :root.t_dark .t_light .t_green_Progress, :root.t_dark .t_light .t_green_SelectTrigger, :root.t_dark .t_light .t_green_SliderTrack, :root.t_dark .t_light .t_green_TextArea, :root.t_dark .t_light .t_green_TooltipArrow, :root.t_light .t_green_Card, :root.t_light .t_green_Input, :root.t_light .t_green_ListItem, :root.t_light .t_green_Progress, :root.t_light .t_green_SelectTrigger, :root.t_light .t_green_SliderTrack, :root.t_light .t_green_TextArea, :root.t_light .t_green_TooltipArrow, .tm_xxt {--color:hsla(155, 41%, 14%, 1);--colorHover:hsla(153, 67%, 28%, 1);--colorPress:hsla(155, 41%, 14%, 1);--colorFocus:hsla(153, 67%, 28%, 1);--placeholderColor:hsla(151, 55%, 42%, 1);--outlineColor:hsla(155, 41%, 14%, 0.2);--background:hsla(138, 63%, 97%, 1);--backgroundHover:hsla(140, 60%, 99%, 1);--backgroundPress:hsla(139, 57%, 95%, 1);--backgroundFocus:hsla(139, 57%, 95%, 1);--borderColor:hsla(141, 44%, 86%, 1);--borderColorHover:hsla(139, 48%, 91%, 1);--borderColorFocus:hsla(141, 44%, 86%, 1);--borderColorPress:hsla(142, 40%, 79%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_green_Card, .t_green_Input, .t_green_ListItem, .t_green_Progress, .t_green_SelectTrigger, .t_green_SliderTrack, .t_green_TextArea, .t_green_TooltipArrow {--color:hsla(155, 41%, 14%, 1);--colorHover:hsla(153, 67%, 28%, 1);--colorPress:hsla(155, 41%, 14%, 1);--colorFocus:hsla(153, 67%, 28%, 1);--placeholderColor:hsla(151, 55%, 42%, 1);--outlineColor:hsla(155, 41%, 14%, 0.2);--background:hsla(138, 63%, 97%, 1);--backgroundHover:hsla(140, 60%, 99%, 1);--backgroundPress:hsla(139, 57%, 95%, 1);--backgroundFocus:hsla(139, 57%, 95%, 1);--borderColor:hsla(141, 44%, 86%, 1);--borderColorHover:hsla(139, 48%, 91%, 1);--borderColorFocus:hsla(141, 44%, 86%, 1);--borderColorPress:hsla(142, 40%, 79%, 1);} - } -:root.t_dark .t_light .t_green_Button, :root.t_dark .t_light .t_green_SliderTrackActive, :root.t_light .t_green_Button, :root.t_light .t_green_SliderTrackActive, .tm_xxt {--color:hsla(155, 41%, 14%, 1);--colorHover:hsla(153, 67%, 28%, 1);--colorPress:hsla(155, 41%, 14%, 1);--colorFocus:hsla(153, 67%, 28%, 1);--placeholderColor:hsla(151, 55%, 42%, 1);--outlineColor:hsla(155, 41%, 14%, 0.2);--background:hsla(139, 48%, 91%, 1);--backgroundHover:hsla(139, 57%, 95%, 1);--backgroundPress:hsla(141, 44%, 86%, 1);--backgroundFocus:hsla(141, 44%, 86%, 1);--borderColor:hsla(146, 38%, 69%, 1);--borderColorHover:hsla(142, 40%, 79%, 1);--borderColorFocus:hsla(146, 38%, 69%, 1);--borderColorPress:hsla(151, 40%, 54%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_green_Button, .t_green_SliderTrackActive {--color:hsla(155, 41%, 14%, 1);--colorHover:hsla(153, 67%, 28%, 1);--colorPress:hsla(155, 41%, 14%, 1);--colorFocus:hsla(153, 67%, 28%, 1);--placeholderColor:hsla(151, 55%, 42%, 1);--outlineColor:hsla(155, 41%, 14%, 0.2);--background:hsla(139, 48%, 91%, 1);--backgroundHover:hsla(139, 57%, 95%, 1);--backgroundPress:hsla(141, 44%, 86%, 1);--backgroundFocus:hsla(141, 44%, 86%, 1);--borderColor:hsla(146, 38%, 69%, 1);--borderColorHover:hsla(142, 40%, 79%, 1);--borderColorFocus:hsla(146, 38%, 69%, 1);--borderColorPress:hsla(151, 40%, 54%, 1);} - } -:root.t_dark .t_light .t_green_Checkbox, :root.t_dark .t_light .t_green_RadioGroupItem, :root.t_dark .t_light .t_green_Switch, :root.t_dark .t_light .t_green_TooltipContent, :root.t_light .t_green_Checkbox, :root.t_light .t_green_RadioGroupItem, :root.t_light .t_green_Switch, :root.t_light .t_green_TooltipContent, .tm_xxt {--color:hsla(155, 41%, 14%, 1);--colorHover:hsla(153, 67%, 28%, 1);--colorPress:hsla(155, 41%, 14%, 1);--colorFocus:hsla(153, 67%, 28%, 1);--placeholderColor:hsla(151, 55%, 42%, 1);--outlineColor:hsla(155, 41%, 14%, 0.2);--background:hsla(139, 57%, 95%, 1);--backgroundHover:hsla(138, 63%, 97%, 1);--backgroundPress:hsla(139, 48%, 91%, 1);--backgroundFocus:hsla(139, 48%, 91%, 1);--borderColor:hsla(142, 40%, 79%, 1);--borderColorHover:hsla(141, 44%, 86%, 1);--borderColorFocus:hsla(142, 40%, 79%, 1);--borderColorPress:hsla(146, 38%, 69%, 1);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_green_Checkbox, .t_green_RadioGroupItem, .t_green_Switch, .t_green_TooltipContent {--color:hsla(155, 41%, 14%, 1);--colorHover:hsla(153, 67%, 28%, 1);--colorPress:hsla(155, 41%, 14%, 1);--colorFocus:hsla(153, 67%, 28%, 1);--placeholderColor:hsla(151, 55%, 42%, 1);--outlineColor:hsla(155, 41%, 14%, 0.2);--background:hsla(139, 57%, 95%, 1);--backgroundHover:hsla(138, 63%, 97%, 1);--backgroundPress:hsla(139, 48%, 91%, 1);--backgroundFocus:hsla(139, 48%, 91%, 1);--borderColor:hsla(142, 40%, 79%, 1);--borderColorHover:hsla(141, 44%, 86%, 1);--borderColorFocus:hsla(142, 40%, 79%, 1);--borderColorPress:hsla(146, 38%, 69%, 1);} - } -:root.t_dark .t_light .t_green_ProgressIndicator, :root.t_dark .t_light .t_green_SliderThumb, :root.t_dark .t_light .t_green_SwitchThumb, :root.t_dark .t_light .t_green_Tooltip, :root.t_light .t_green_ProgressIndicator, :root.t_light .t_green_SliderThumb, :root.t_light .t_green_SwitchThumb, :root.t_light .t_green_Tooltip, .tm_xxt {--accentBackground:hsla(0, 0%, 38%, 1);--accentColor:hsla(0, 0%, 10%, 1);--background0:hsla(155, 41%, 14%, 0);--background02:hsla(155, 41%, 14%, 0.2);--background04:hsla(155, 41%, 14%, 0.4);--background06:hsla(155, 41%, 14%, 0.6);--background08:hsla(155, 41%, 14%, 0.8);--color1:hsla(155, 41%, 14%, 1);--color2:hsla(153, 67%, 28%, 1);--color3:hsla(152, 57%, 38%, 1);--color4:hsla(151, 55%, 42%, 1);--color5:hsla(151, 40%, 54%, 1);--color6:hsla(146, 38%, 69%, 1);--color7:hsla(142, 40%, 79%, 1);--color8:hsla(141, 44%, 86%, 1);--color9:hsla(139, 48%, 91%, 1);--color10:hsla(139, 57%, 95%, 1);--color11:hsla(138, 63%, 97%, 1);--color12:hsla(140, 60%, 99%, 1);--color0:hsla(140, 60%, 99%, 0);--color02:hsla(140, 60%, 99%, 0.2);--color04:hsla(140, 60%, 99%, 0.4);--color06:hsla(140, 60%, 99%, 0.6);--color08:hsla(140, 60%, 99%, 0.8);--background:hsla(155, 41%, 14%, 1);--backgroundHover:hsla(155, 41%, 14%, 0.8);--backgroundPress:hsla(153, 67%, 28%, 1);--backgroundFocus:hsla(153, 67%, 28%, 1);--borderColor:hsla(151, 55%, 42%, 1);--borderColorHover:hsla(152, 57%, 38%, 1);--borderColorPress:hsla(151, 40%, 54%, 1);--borderColorFocus:hsla(151, 55%, 42%, 1);--color:hsla(140, 60%, 99%, 1);--colorHover:hsla(138, 63%, 97%, 1);--colorPress:hsla(140, 60%, 99%, 1);--colorFocus:hsla(138, 63%, 97%, 1);--placeholderColor:hsla(139, 48%, 91%, 1);--outlineColor:hsla(140, 60%, 99%, 0.2);--colorTransparent:hsla(140, 60%, 99%, 0);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_green_ProgressIndicator, .t_green_SliderThumb, .t_green_SwitchThumb, .t_green_Tooltip {--accentBackground:hsla(0, 0%, 38%, 1);--accentColor:hsla(0, 0%, 10%, 1);--background0:hsla(155, 41%, 14%, 0);--background02:hsla(155, 41%, 14%, 0.2);--background04:hsla(155, 41%, 14%, 0.4);--background06:hsla(155, 41%, 14%, 0.6);--background08:hsla(155, 41%, 14%, 0.8);--color1:hsla(155, 41%, 14%, 1);--color2:hsla(153, 67%, 28%, 1);--color3:hsla(152, 57%, 38%, 1);--color4:hsla(151, 55%, 42%, 1);--color5:hsla(151, 40%, 54%, 1);--color6:hsla(146, 38%, 69%, 1);--color7:hsla(142, 40%, 79%, 1);--color8:hsla(141, 44%, 86%, 1);--color9:hsla(139, 48%, 91%, 1);--color10:hsla(139, 57%, 95%, 1);--color11:hsla(138, 63%, 97%, 1);--color12:hsla(140, 60%, 99%, 1);--color0:hsla(140, 60%, 99%, 0);--color02:hsla(140, 60%, 99%, 0.2);--color04:hsla(140, 60%, 99%, 0.4);--color06:hsla(140, 60%, 99%, 0.6);--color08:hsla(140, 60%, 99%, 0.8);--background:hsla(155, 41%, 14%, 1);--backgroundHover:hsla(155, 41%, 14%, 0.8);--backgroundPress:hsla(153, 67%, 28%, 1);--backgroundFocus:hsla(153, 67%, 28%, 1);--borderColor:hsla(151, 55%, 42%, 1);--borderColorHover:hsla(152, 57%, 38%, 1);--borderColorPress:hsla(151, 40%, 54%, 1);--borderColorFocus:hsla(151, 55%, 42%, 1);--color:hsla(140, 60%, 99%, 1);--colorHover:hsla(138, 63%, 97%, 1);--colorPress:hsla(140, 60%, 99%, 1);--colorFocus:hsla(138, 63%, 97%, 1);--placeholderColor:hsla(139, 48%, 91%, 1);--outlineColor:hsla(140, 60%, 99%, 0.2);--colorTransparent:hsla(140, 60%, 99%, 0);} - } -.t_light_green_SwitchThumb ::selection, .t_light_green_SliderThumb ::selection, .t_light_green_Tooltip ::selection, .t_light_green_ProgressIndicator ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_white_ProgressIndicator, :root.t_dark .t_white_SliderThumb, :root.t_dark .t_white_SwitchThumb, :root.t_dark .t_white_Tooltip, :root.t_light .t_dark .t_white_ProgressIndicator, :root.t_light .t_dark .t_white_SliderThumb, :root.t_light .t_dark .t_white_SwitchThumb, :root.t_light .t_dark .t_white_Tooltip, .tm_xxt {--accentBackground:hsla(0, 0%, 93%, 1);--accentColor:hsla(0, 0%, 50%, 1);--background0:hsla(0, 0%, 9%, 0);--background02:hsla(0, 0%, 9%, 0.2);--background04:hsla(0, 0%, 9%, 0.4);--background06:hsla(0, 0%, 9%, 0.6);--background08:hsla(0, 0%, 9%, 0.8);--color1:hsla(0, 0%, 9%, 1);--color2:hsla(0, 0%, 42%, 1);--color3:hsla(0, 0%, 50%, 1);--color4:hsla(0, 0%, 56%, 1);--color5:hsla(0, 0%, 76%, 1);--color6:hsla(0, 0%, 82%, 1);--color7:hsla(0, 0%, 85%, 1);--color8:hsla(0, 0%, 88%, 1);--color9:hsla(0, 0%, 91%, 1);--color10:hsla(0, 0%, 93%, 1);--color11:hsla(0, 0%, 95%, 1);--color12:hsla(0, 0%, 100%, 1);--color0:hsla(0, 0%, 100%, 0);--color02:hsla(0, 0%, 100%, 0.2);--color04:hsla(0, 0%, 100%, 0.4);--color06:hsla(0, 0%, 100%, 0.6);--color08:hsla(0, 0%, 100%, 0.8);--background:hsla(0, 0%, 9%, 1);--backgroundHover:hsla(0, 0%, 42%, 1);--backgroundPress:hsla(0, 0%, 9%, 0.8);--backgroundFocus:hsla(0, 0%, 9%, 0.8);--borderColor:hsla(0, 0%, 56%, 1);--borderColorHover:hsla(0, 0%, 76%, 1);--borderColorPress:hsla(0, 0%, 50%, 1);--borderColorFocus:hsla(0, 0%, 56%, 1);--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 95%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 95%, 1);--placeholderColor:hsla(0, 0%, 91%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--colorTransparent:hsla(0, 0%, 100%, 0);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_white_ProgressIndicator, .t_white_SliderThumb, .t_white_SwitchThumb, .t_white_Tooltip {--accentBackground:hsla(0, 0%, 93%, 1);--accentColor:hsla(0, 0%, 50%, 1);--background0:hsla(0, 0%, 9%, 0);--background02:hsla(0, 0%, 9%, 0.2);--background04:hsla(0, 0%, 9%, 0.4);--background06:hsla(0, 0%, 9%, 0.6);--background08:hsla(0, 0%, 9%, 0.8);--color1:hsla(0, 0%, 9%, 1);--color2:hsla(0, 0%, 42%, 1);--color3:hsla(0, 0%, 50%, 1);--color4:hsla(0, 0%, 56%, 1);--color5:hsla(0, 0%, 76%, 1);--color6:hsla(0, 0%, 82%, 1);--color7:hsla(0, 0%, 85%, 1);--color8:hsla(0, 0%, 88%, 1);--color9:hsla(0, 0%, 91%, 1);--color10:hsla(0, 0%, 93%, 1);--color11:hsla(0, 0%, 95%, 1);--color12:hsla(0, 0%, 100%, 1);--color0:hsla(0, 0%, 100%, 0);--color02:hsla(0, 0%, 100%, 0.2);--color04:hsla(0, 0%, 100%, 0.4);--color06:hsla(0, 0%, 100%, 0.6);--color08:hsla(0, 0%, 100%, 0.8);--background:hsla(0, 0%, 9%, 1);--backgroundHover:hsla(0, 0%, 42%, 1);--backgroundPress:hsla(0, 0%, 9%, 0.8);--backgroundFocus:hsla(0, 0%, 9%, 0.8);--borderColor:hsla(0, 0%, 56%, 1);--borderColorHover:hsla(0, 0%, 76%, 1);--borderColorPress:hsla(0, 0%, 50%, 1);--borderColorFocus:hsla(0, 0%, 56%, 1);--color:hsla(0, 0%, 100%, 1);--colorHover:hsla(0, 0%, 95%, 1);--colorPress:hsla(0, 0%, 100%, 1);--colorFocus:hsla(0, 0%, 95%, 1);--placeholderColor:hsla(0, 0%, 91%, 1);--outlineColor:hsla(0, 0%, 100%, 0.2);--colorTransparent:hsla(0, 0%, 100%, 0);} - } -.t_dark_white_SwitchThumb ::selection, .t_dark_white_SliderThumb ::selection, .t_dark_white_Tooltip ::selection, .t_dark_white_ProgressIndicator ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_blue_Card, :root.t_dark .t_blue_Input, :root.t_dark .t_blue_ListItem, :root.t_dark .t_blue_Progress, :root.t_dark .t_blue_SelectTrigger, :root.t_dark .t_blue_SliderTrack, :root.t_dark .t_blue_TextArea, :root.t_dark .t_blue_TooltipArrow, :root.t_light .t_dark .t_blue_Card, :root.t_light .t_dark .t_blue_Input, :root.t_light .t_dark .t_blue_ListItem, :root.t_light .t_dark .t_blue_Progress, :root.t_light .t_dark .t_blue_SelectTrigger, :root.t_light .t_dark .t_blue_SliderTrack, :root.t_light .t_dark .t_blue_TextArea, :root.t_light .t_dark .t_blue_TooltipArrow, .tm_xxt {--color:hsla(206, 100%, 96%, 1);--colorHover:hsla(210, 100%, 66%, 1);--colorPress:hsla(206, 100%, 96%, 1);--colorFocus:hsla(210, 100%, 66%, 1);--placeholderColor:hsla(206, 100%, 50%, 1);--outlineColor:hsla(207, 100%, 96%, 0.2);--background:hsla(216, 50%, 12%, 1);--backgroundHover:hsla(214, 59%, 15%, 1);--backgroundPress:hsla(212, 36%, 9%, 1);--backgroundFocus:hsla(212, 36%, 9%, 1);--borderColor:hsla(213, 71%, 20%, 1);--borderColorHover:hsla(212, 78%, 23%, 1);--borderColorFocus:hsla(213, 71%, 20%, 1);--borderColorPress:hsla(214, 65%, 18%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_blue_Card, .t_blue_Input, .t_blue_ListItem, .t_blue_Progress, .t_blue_SelectTrigger, .t_blue_SliderTrack, .t_blue_TextArea, .t_blue_TooltipArrow {--color:hsla(206, 100%, 96%, 1);--colorHover:hsla(210, 100%, 66%, 1);--colorPress:hsla(206, 100%, 96%, 1);--colorFocus:hsla(210, 100%, 66%, 1);--placeholderColor:hsla(206, 100%, 50%, 1);--outlineColor:hsla(207, 100%, 96%, 0.2);--background:hsla(216, 50%, 12%, 1);--backgroundHover:hsla(214, 59%, 15%, 1);--backgroundPress:hsla(212, 36%, 9%, 1);--backgroundFocus:hsla(212, 36%, 9%, 1);--borderColor:hsla(213, 71%, 20%, 1);--borderColorHover:hsla(212, 78%, 23%, 1);--borderColorFocus:hsla(213, 71%, 20%, 1);--borderColorPress:hsla(214, 65%, 18%, 1);} - } -:root.t_dark .t_blue_Button, :root.t_dark .t_blue_SliderTrackActive, :root.t_light .t_dark .t_blue_Button, :root.t_light .t_dark .t_blue_SliderTrackActive, .tm_xxt {--color:hsla(206, 100%, 96%, 1);--colorHover:hsla(210, 100%, 66%, 1);--colorPress:hsla(206, 100%, 96%, 1);--colorFocus:hsla(210, 100%, 66%, 1);--placeholderColor:hsla(206, 100%, 50%, 1);--outlineColor:hsla(207, 100%, 96%, 0.2);--background:hsla(214, 65%, 18%, 1);--backgroundHover:hsla(213, 71%, 20%, 1);--backgroundPress:hsla(214, 59%, 15%, 1);--backgroundFocus:hsla(214, 59%, 15%, 1);--borderColor:hsla(211, 86%, 27%, 1);--borderColorHover:hsla(211, 90%, 34%, 1);--borderColorFocus:hsla(211, 86%, 27%, 1);--borderColorPress:hsla(212, 78%, 23%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_blue_Button, .t_blue_SliderTrackActive {--color:hsla(206, 100%, 96%, 1);--colorHover:hsla(210, 100%, 66%, 1);--colorPress:hsla(206, 100%, 96%, 1);--colorFocus:hsla(210, 100%, 66%, 1);--placeholderColor:hsla(206, 100%, 50%, 1);--outlineColor:hsla(207, 100%, 96%, 0.2);--background:hsla(214, 65%, 18%, 1);--backgroundHover:hsla(213, 71%, 20%, 1);--backgroundPress:hsla(214, 59%, 15%, 1);--backgroundFocus:hsla(214, 59%, 15%, 1);--borderColor:hsla(211, 86%, 27%, 1);--borderColorHover:hsla(211, 90%, 34%, 1);--borderColorFocus:hsla(211, 86%, 27%, 1);--borderColorPress:hsla(212, 78%, 23%, 1);} - } -:root.t_dark .t_blue_Checkbox, :root.t_dark .t_blue_RadioGroupItem, :root.t_dark .t_blue_Switch, :root.t_dark .t_blue_TooltipContent, :root.t_light .t_dark .t_blue_Checkbox, :root.t_light .t_dark .t_blue_RadioGroupItem, :root.t_light .t_dark .t_blue_Switch, :root.t_light .t_dark .t_blue_TooltipContent, .tm_xxt {--color:hsla(206, 100%, 96%, 1);--colorHover:hsla(210, 100%, 66%, 1);--colorPress:hsla(206, 100%, 96%, 1);--colorFocus:hsla(210, 100%, 66%, 1);--placeholderColor:hsla(206, 100%, 50%, 1);--outlineColor:hsla(207, 100%, 96%, 0.2);--background:hsla(214, 59%, 15%, 1);--backgroundHover:hsla(214, 65%, 18%, 1);--backgroundPress:hsla(216, 50%, 12%, 1);--backgroundFocus:hsla(216, 50%, 12%, 1);--borderColor:hsla(212, 78%, 23%, 1);--borderColorHover:hsla(211, 86%, 27%, 1);--borderColorFocus:hsla(212, 78%, 23%, 1);--borderColorPress:hsla(213, 71%, 20%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_blue_Checkbox, .t_blue_RadioGroupItem, .t_blue_Switch, .t_blue_TooltipContent {--color:hsla(206, 100%, 96%, 1);--colorHover:hsla(210, 100%, 66%, 1);--colorPress:hsla(206, 100%, 96%, 1);--colorFocus:hsla(210, 100%, 66%, 1);--placeholderColor:hsla(206, 100%, 50%, 1);--outlineColor:hsla(207, 100%, 96%, 0.2);--background:hsla(214, 59%, 15%, 1);--backgroundHover:hsla(214, 65%, 18%, 1);--backgroundPress:hsla(216, 50%, 12%, 1);--backgroundFocus:hsla(216, 50%, 12%, 1);--borderColor:hsla(212, 78%, 23%, 1);--borderColorHover:hsla(211, 86%, 27%, 1);--borderColorFocus:hsla(212, 78%, 23%, 1);--borderColorPress:hsla(213, 71%, 20%, 1);} - } -:root.t_dark .t_blue_ProgressIndicator, :root.t_dark .t_blue_SliderThumb, :root.t_dark .t_blue_SwitchThumb, :root.t_dark .t_blue_Tooltip, :root.t_light .t_dark .t_blue_ProgressIndicator, :root.t_light .t_dark .t_blue_SliderThumb, :root.t_light .t_dark .t_blue_SwitchThumb, :root.t_light .t_dark .t_blue_Tooltip, .tm_xxt {--accentBackground:hsla(0, 0%, 93%, 1);--accentColor:hsla(0, 0%, 50%, 1);--background0:hsla(207, 100%, 96%, 0);--background02:hsla(207, 100%, 96%, 0.2);--background04:hsla(207, 100%, 96%, 0.4);--background06:hsla(207, 100%, 96%, 0.6);--background08:hsla(207, 100%, 96%, 0.8);--color1:hsla(206, 100%, 96%, 1);--color2:hsla(210, 100%, 66%, 1);--color3:hsla(209, 100%, 61%, 1);--color4:hsla(206, 100%, 50%, 1);--color5:hsla(211, 90%, 34%, 1);--color6:hsla(211, 86%, 27%, 1);--color7:hsla(212, 78%, 23%, 1);--color8:hsla(213, 71%, 20%, 1);--color9:hsla(214, 65%, 18%, 1);--color10:hsla(214, 59%, 15%, 1);--color11:hsla(216, 50%, 12%, 1);--color12:hsla(212, 36%, 9%, 1);--color0:hsla(214, 35%, 9%, 0);--color02:hsla(214, 35%, 9%, 0.2);--color04:hsla(214, 35%, 9%, 0.4);--color06:hsla(214, 35%, 9%, 0.6);--color08:hsla(214, 35%, 9%, 0.8);--background:hsla(206, 100%, 96%, 1);--backgroundHover:hsla(210, 100%, 66%, 1);--backgroundPress:hsla(207, 100%, 96%, 0.8);--backgroundFocus:hsla(207, 100%, 96%, 0.8);--borderColor:hsla(206, 100%, 50%, 1);--borderColorHover:hsla(211, 90%, 34%, 1);--borderColorPress:hsla(209, 100%, 61%, 1);--borderColorFocus:hsla(206, 100%, 50%, 1);--color:hsla(212, 36%, 9%, 1);--colorHover:hsla(216, 50%, 12%, 1);--colorPress:hsla(212, 36%, 9%, 1);--colorFocus:hsla(216, 50%, 12%, 1);--placeholderColor:hsla(214, 65%, 18%, 1);--outlineColor:hsla(214, 35%, 9%, 0.2);--colorTransparent:hsla(214, 35%, 9%, 0);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_blue_ProgressIndicator, .t_blue_SliderThumb, .t_blue_SwitchThumb, .t_blue_Tooltip {--accentBackground:hsla(0, 0%, 93%, 1);--accentColor:hsla(0, 0%, 50%, 1);--background0:hsla(207, 100%, 96%, 0);--background02:hsla(207, 100%, 96%, 0.2);--background04:hsla(207, 100%, 96%, 0.4);--background06:hsla(207, 100%, 96%, 0.6);--background08:hsla(207, 100%, 96%, 0.8);--color1:hsla(206, 100%, 96%, 1);--color2:hsla(210, 100%, 66%, 1);--color3:hsla(209, 100%, 61%, 1);--color4:hsla(206, 100%, 50%, 1);--color5:hsla(211, 90%, 34%, 1);--color6:hsla(211, 86%, 27%, 1);--color7:hsla(212, 78%, 23%, 1);--color8:hsla(213, 71%, 20%, 1);--color9:hsla(214, 65%, 18%, 1);--color10:hsla(214, 59%, 15%, 1);--color11:hsla(216, 50%, 12%, 1);--color12:hsla(212, 36%, 9%, 1);--color0:hsla(214, 35%, 9%, 0);--color02:hsla(214, 35%, 9%, 0.2);--color04:hsla(214, 35%, 9%, 0.4);--color06:hsla(214, 35%, 9%, 0.6);--color08:hsla(214, 35%, 9%, 0.8);--background:hsla(206, 100%, 96%, 1);--backgroundHover:hsla(210, 100%, 66%, 1);--backgroundPress:hsla(207, 100%, 96%, 0.8);--backgroundFocus:hsla(207, 100%, 96%, 0.8);--borderColor:hsla(206, 100%, 50%, 1);--borderColorHover:hsla(211, 90%, 34%, 1);--borderColorPress:hsla(209, 100%, 61%, 1);--borderColorFocus:hsla(206, 100%, 50%, 1);--color:hsla(212, 36%, 9%, 1);--colorHover:hsla(216, 50%, 12%, 1);--colorPress:hsla(212, 36%, 9%, 1);--colorFocus:hsla(216, 50%, 12%, 1);--placeholderColor:hsla(214, 65%, 18%, 1);--outlineColor:hsla(214, 35%, 9%, 0.2);--colorTransparent:hsla(214, 35%, 9%, 0);} - } -.t_dark_blue_SwitchThumb ::selection, .t_dark_blue_SliderThumb ::selection, .t_dark_blue_Tooltip ::selection, .t_dark_blue_ProgressIndicator ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_red_Card, :root.t_dark .t_red_Input, :root.t_dark .t_red_ListItem, :root.t_dark .t_red_Progress, :root.t_dark .t_red_SelectTrigger, :root.t_dark .t_red_SliderTrack, :root.t_dark .t_red_TextArea, :root.t_dark .t_red_TooltipArrow, :root.t_light .t_dark .t_red_Card, :root.t_light .t_dark .t_red_Input, :root.t_light .t_dark .t_red_ListItem, :root.t_light .t_dark .t_red_Progress, :root.t_light .t_dark .t_red_SelectTrigger, :root.t_light .t_dark .t_red_SliderTrack, :root.t_light .t_dark .t_red_TextArea, :root.t_light .t_dark .t_red_TooltipArrow, .tm_xxt {--color:hsla(353, 90%, 96%, 1);--colorHover:hsla(358, 100%, 69%, 1);--colorPress:hsla(353, 90%, 96%, 1);--colorFocus:hsla(358, 100%, 69%, 1);--placeholderColor:hsla(358, 75%, 59%, 1);--outlineColor:hsla(353, 90%, 96%, 0.2);--background:hsla(357, 34%, 12%, 1);--backgroundHover:hsla(357, 43%, 16%, 1);--backgroundPress:hsla(350, 24%, 10%, 1);--backgroundFocus:hsla(350, 24%, 10%, 1);--borderColor:hsla(356, 51%, 22%, 1);--borderColorHover:hsla(357, 55%, 26%, 1);--borderColorFocus:hsla(356, 51%, 22%, 1);--borderColorPress:hsla(356, 47%, 19%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_red_Card, .t_red_Input, .t_red_ListItem, .t_red_Progress, .t_red_SelectTrigger, .t_red_SliderTrack, .t_red_TextArea, .t_red_TooltipArrow {--color:hsla(353, 90%, 96%, 1);--colorHover:hsla(358, 100%, 69%, 1);--colorPress:hsla(353, 90%, 96%, 1);--colorFocus:hsla(358, 100%, 69%, 1);--placeholderColor:hsla(358, 75%, 59%, 1);--outlineColor:hsla(353, 90%, 96%, 0.2);--background:hsla(357, 34%, 12%, 1);--backgroundHover:hsla(357, 43%, 16%, 1);--backgroundPress:hsla(350, 24%, 10%, 1);--backgroundFocus:hsla(350, 24%, 10%, 1);--borderColor:hsla(356, 51%, 22%, 1);--borderColorHover:hsla(357, 55%, 26%, 1);--borderColorFocus:hsla(356, 51%, 22%, 1);--borderColorPress:hsla(356, 47%, 19%, 1);} - } -:root.t_dark .t_red_Button, :root.t_dark .t_red_SliderTrackActive, :root.t_light .t_dark .t_red_Button, :root.t_light .t_dark .t_red_SliderTrackActive, .tm_xxt {--color:hsla(353, 90%, 96%, 1);--colorHover:hsla(358, 100%, 69%, 1);--colorPress:hsla(353, 90%, 96%, 1);--colorFocus:hsla(358, 100%, 69%, 1);--placeholderColor:hsla(358, 75%, 59%, 1);--outlineColor:hsla(353, 90%, 96%, 0.2);--background:hsla(356, 47%, 19%, 1);--backgroundHover:hsla(356, 51%, 22%, 1);--backgroundPress:hsla(357, 43%, 16%, 1);--backgroundFocus:hsla(357, 43%, 16%, 1);--borderColor:hsla(357, 60%, 32%, 1);--borderColorHover:hsla(358, 65%, 40%, 1);--borderColorFocus:hsla(357, 60%, 32%, 1);--borderColorPress:hsla(357, 55%, 26%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_red_Button, .t_red_SliderTrackActive {--color:hsla(353, 90%, 96%, 1);--colorHover:hsla(358, 100%, 69%, 1);--colorPress:hsla(353, 90%, 96%, 1);--colorFocus:hsla(358, 100%, 69%, 1);--placeholderColor:hsla(358, 75%, 59%, 1);--outlineColor:hsla(353, 90%, 96%, 0.2);--background:hsla(356, 47%, 19%, 1);--backgroundHover:hsla(356, 51%, 22%, 1);--backgroundPress:hsla(357, 43%, 16%, 1);--backgroundFocus:hsla(357, 43%, 16%, 1);--borderColor:hsla(357, 60%, 32%, 1);--borderColorHover:hsla(358, 65%, 40%, 1);--borderColorFocus:hsla(357, 60%, 32%, 1);--borderColorPress:hsla(357, 55%, 26%, 1);} - } -:root.t_dark .t_red_Checkbox, :root.t_dark .t_red_RadioGroupItem, :root.t_dark .t_red_Switch, :root.t_dark .t_red_TooltipContent, :root.t_light .t_dark .t_red_Checkbox, :root.t_light .t_dark .t_red_RadioGroupItem, :root.t_light .t_dark .t_red_Switch, :root.t_light .t_dark .t_red_TooltipContent, .tm_xxt {--color:hsla(353, 90%, 96%, 1);--colorHover:hsla(358, 100%, 69%, 1);--colorPress:hsla(353, 90%, 96%, 1);--colorFocus:hsla(358, 100%, 69%, 1);--placeholderColor:hsla(358, 75%, 59%, 1);--outlineColor:hsla(353, 90%, 96%, 0.2);--background:hsla(357, 43%, 16%, 1);--backgroundHover:hsla(356, 47%, 19%, 1);--backgroundPress:hsla(357, 34%, 12%, 1);--backgroundFocus:hsla(357, 34%, 12%, 1);--borderColor:hsla(357, 55%, 26%, 1);--borderColorHover:hsla(357, 60%, 32%, 1);--borderColorFocus:hsla(357, 55%, 26%, 1);--borderColorPress:hsla(356, 51%, 22%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_red_Checkbox, .t_red_RadioGroupItem, .t_red_Switch, .t_red_TooltipContent {--color:hsla(353, 90%, 96%, 1);--colorHover:hsla(358, 100%, 69%, 1);--colorPress:hsla(353, 90%, 96%, 1);--colorFocus:hsla(358, 100%, 69%, 1);--placeholderColor:hsla(358, 75%, 59%, 1);--outlineColor:hsla(353, 90%, 96%, 0.2);--background:hsla(357, 43%, 16%, 1);--backgroundHover:hsla(356, 47%, 19%, 1);--backgroundPress:hsla(357, 34%, 12%, 1);--backgroundFocus:hsla(357, 34%, 12%, 1);--borderColor:hsla(357, 55%, 26%, 1);--borderColorHover:hsla(357, 60%, 32%, 1);--borderColorFocus:hsla(357, 55%, 26%, 1);--borderColorPress:hsla(356, 51%, 22%, 1);} - } -:root.t_dark .t_red_ProgressIndicator, :root.t_dark .t_red_SliderThumb, :root.t_dark .t_red_SwitchThumb, :root.t_dark .t_red_Tooltip, :root.t_light .t_dark .t_red_ProgressIndicator, :root.t_light .t_dark .t_red_SliderThumb, :root.t_light .t_dark .t_red_SwitchThumb, :root.t_light .t_dark .t_red_Tooltip, .tm_xxt {--accentBackground:hsla(0, 0%, 93%, 1);--accentColor:hsla(0, 0%, 50%, 1);--background0:hsla(353, 90%, 96%, 0);--background02:hsla(353, 90%, 96%, 0.2);--background04:hsla(353, 90%, 96%, 0.4);--background06:hsla(353, 90%, 96%, 0.6);--background08:hsla(353, 90%, 96%, 0.8);--color1:hsla(353, 90%, 96%, 1);--color2:hsla(358, 100%, 69%, 1);--color3:hsla(358, 86%, 64%, 1);--color4:hsla(358, 75%, 59%, 1);--color5:hsla(358, 65%, 40%, 1);--color6:hsla(357, 60%, 32%, 1);--color7:hsla(357, 55%, 26%, 1);--color8:hsla(356, 51%, 22%, 1);--color9:hsla(356, 47%, 19%, 1);--color10:hsla(357, 43%, 16%, 1);--color11:hsla(357, 34%, 12%, 1);--color12:hsla(350, 24%, 10%, 1);--color0:hsla(351, 25%, 10%, 0);--color02:hsla(351, 25%, 10%, 0.2);--color04:hsla(351, 25%, 10%, 0.4);--color06:hsla(351, 25%, 10%, 0.6);--color08:hsla(351, 25%, 10%, 0.8);--background:hsla(353, 90%, 96%, 1);--backgroundHover:hsla(358, 100%, 69%, 1);--backgroundPress:hsla(353, 90%, 96%, 0.8);--backgroundFocus:hsla(353, 90%, 96%, 0.8);--borderColor:hsla(358, 75%, 59%, 1);--borderColorHover:hsla(358, 65%, 40%, 1);--borderColorPress:hsla(358, 86%, 64%, 1);--borderColorFocus:hsla(358, 75%, 59%, 1);--color:hsla(350, 24%, 10%, 1);--colorHover:hsla(357, 34%, 12%, 1);--colorPress:hsla(350, 24%, 10%, 1);--colorFocus:hsla(357, 34%, 12%, 1);--placeholderColor:hsla(356, 47%, 19%, 1);--outlineColor:hsla(351, 25%, 10%, 0.2);--colorTransparent:hsla(351, 25%, 10%, 0);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_red_ProgressIndicator, .t_red_SliderThumb, .t_red_SwitchThumb, .t_red_Tooltip {--accentBackground:hsla(0, 0%, 93%, 1);--accentColor:hsla(0, 0%, 50%, 1);--background0:hsla(353, 90%, 96%, 0);--background02:hsla(353, 90%, 96%, 0.2);--background04:hsla(353, 90%, 96%, 0.4);--background06:hsla(353, 90%, 96%, 0.6);--background08:hsla(353, 90%, 96%, 0.8);--color1:hsla(353, 90%, 96%, 1);--color2:hsla(358, 100%, 69%, 1);--color3:hsla(358, 86%, 64%, 1);--color4:hsla(358, 75%, 59%, 1);--color5:hsla(358, 65%, 40%, 1);--color6:hsla(357, 60%, 32%, 1);--color7:hsla(357, 55%, 26%, 1);--color8:hsla(356, 51%, 22%, 1);--color9:hsla(356, 47%, 19%, 1);--color10:hsla(357, 43%, 16%, 1);--color11:hsla(357, 34%, 12%, 1);--color12:hsla(350, 24%, 10%, 1);--color0:hsla(351, 25%, 10%, 0);--color02:hsla(351, 25%, 10%, 0.2);--color04:hsla(351, 25%, 10%, 0.4);--color06:hsla(351, 25%, 10%, 0.6);--color08:hsla(351, 25%, 10%, 0.8);--background:hsla(353, 90%, 96%, 1);--backgroundHover:hsla(358, 100%, 69%, 1);--backgroundPress:hsla(353, 90%, 96%, 0.8);--backgroundFocus:hsla(353, 90%, 96%, 0.8);--borderColor:hsla(358, 75%, 59%, 1);--borderColorHover:hsla(358, 65%, 40%, 1);--borderColorPress:hsla(358, 86%, 64%, 1);--borderColorFocus:hsla(358, 75%, 59%, 1);--color:hsla(350, 24%, 10%, 1);--colorHover:hsla(357, 34%, 12%, 1);--colorPress:hsla(350, 24%, 10%, 1);--colorFocus:hsla(357, 34%, 12%, 1);--placeholderColor:hsla(356, 47%, 19%, 1);--outlineColor:hsla(351, 25%, 10%, 0.2);--colorTransparent:hsla(351, 25%, 10%, 0);} - } -.t_dark_red_SwitchThumb ::selection, .t_dark_red_SliderThumb ::selection, .t_dark_red_Tooltip ::selection, .t_dark_red_ProgressIndicator ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_yellow_Card, :root.t_dark .t_yellow_Input, :root.t_dark .t_yellow_ListItem, :root.t_dark .t_yellow_Progress, :root.t_dark .t_yellow_SelectTrigger, :root.t_dark .t_yellow_SliderTrack, :root.t_dark .t_yellow_TextArea, :root.t_dark .t_yellow_TooltipArrow, :root.t_light .t_dark .t_yellow_Card, :root.t_light .t_dark .t_yellow_Input, :root.t_light .t_dark .t_yellow_ListItem, :root.t_light .t_dark .t_yellow_Progress, :root.t_light .t_dark .t_yellow_SelectTrigger, :root.t_light .t_dark .t_yellow_SliderTrack, :root.t_light .t_dark .t_yellow_TextArea, :root.t_light .t_dark .t_yellow_TooltipArrow, .tm_xxt {--color:hsla(53, 100%, 91%, 1);--colorHover:hsla(48, 100%, 47%, 1);--colorPress:hsla(53, 100%, 91%, 1);--colorFocus:hsla(48, 100%, 47%, 1);--placeholderColor:hsla(53, 92%, 50%, 1);--outlineColor:hsla(53, 100%, 91%, 0.2);--background:hsla(46, 100%, 7%, 1);--backgroundHover:hsla(45, 100%, 9%, 1);--backgroundPress:hsla(45, 100%, 5%, 1);--backgroundFocus:hsla(45, 100%, 5%, 1);--borderColor:hsla(46, 100%, 12%, 1);--borderColorHover:hsla(49, 100%, 14%, 1);--borderColorFocus:hsla(46, 100%, 12%, 1);--borderColorPress:hsla(45, 100%, 10%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_yellow_Card, .t_yellow_Input, .t_yellow_ListItem, .t_yellow_Progress, .t_yellow_SelectTrigger, .t_yellow_SliderTrack, .t_yellow_TextArea, .t_yellow_TooltipArrow {--color:hsla(53, 100%, 91%, 1);--colorHover:hsla(48, 100%, 47%, 1);--colorPress:hsla(53, 100%, 91%, 1);--colorFocus:hsla(48, 100%, 47%, 1);--placeholderColor:hsla(53, 92%, 50%, 1);--outlineColor:hsla(53, 100%, 91%, 0.2);--background:hsla(46, 100%, 7%, 1);--backgroundHover:hsla(45, 100%, 9%, 1);--backgroundPress:hsla(45, 100%, 5%, 1);--backgroundFocus:hsla(45, 100%, 5%, 1);--borderColor:hsla(46, 100%, 12%, 1);--borderColorHover:hsla(49, 100%, 14%, 1);--borderColorFocus:hsla(46, 100%, 12%, 1);--borderColorPress:hsla(45, 100%, 10%, 1);} - } -:root.t_dark .t_yellow_Button, :root.t_dark .t_yellow_SliderTrackActive, :root.t_light .t_dark .t_yellow_Button, :root.t_light .t_dark .t_yellow_SliderTrackActive, .tm_xxt {--color:hsla(53, 100%, 91%, 1);--colorHover:hsla(48, 100%, 47%, 1);--colorPress:hsla(53, 100%, 91%, 1);--colorFocus:hsla(48, 100%, 47%, 1);--placeholderColor:hsla(53, 92%, 50%, 1);--outlineColor:hsla(53, 100%, 91%, 0.2);--background:hsla(45, 100%, 10%, 1);--backgroundHover:hsla(46, 100%, 12%, 1);--backgroundPress:hsla(45, 100%, 9%, 1);--backgroundFocus:hsla(45, 100%, 9%, 1);--borderColor:hsla(49, 89%, 18%, 1);--borderColorHover:hsla(50, 100%, 22%, 1);--borderColorFocus:hsla(49, 89%, 18%, 1);--borderColorPress:hsla(49, 100%, 14%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_yellow_Button, .t_yellow_SliderTrackActive {--color:hsla(53, 100%, 91%, 1);--colorHover:hsla(48, 100%, 47%, 1);--colorPress:hsla(53, 100%, 91%, 1);--colorFocus:hsla(48, 100%, 47%, 1);--placeholderColor:hsla(53, 92%, 50%, 1);--outlineColor:hsla(53, 100%, 91%, 0.2);--background:hsla(45, 100%, 10%, 1);--backgroundHover:hsla(46, 100%, 12%, 1);--backgroundPress:hsla(45, 100%, 9%, 1);--backgroundFocus:hsla(45, 100%, 9%, 1);--borderColor:hsla(49, 89%, 18%, 1);--borderColorHover:hsla(50, 100%, 22%, 1);--borderColorFocus:hsla(49, 89%, 18%, 1);--borderColorPress:hsla(49, 100%, 14%, 1);} - } -:root.t_dark .t_yellow_Checkbox, :root.t_dark .t_yellow_RadioGroupItem, :root.t_dark .t_yellow_Switch, :root.t_dark .t_yellow_TooltipContent, :root.t_light .t_dark .t_yellow_Checkbox, :root.t_light .t_dark .t_yellow_RadioGroupItem, :root.t_light .t_dark .t_yellow_Switch, :root.t_light .t_dark .t_yellow_TooltipContent, .tm_xxt {--color:hsla(53, 100%, 91%, 1);--colorHover:hsla(48, 100%, 47%, 1);--colorPress:hsla(53, 100%, 91%, 1);--colorFocus:hsla(48, 100%, 47%, 1);--placeholderColor:hsla(53, 92%, 50%, 1);--outlineColor:hsla(53, 100%, 91%, 0.2);--background:hsla(45, 100%, 9%, 1);--backgroundHover:hsla(45, 100%, 10%, 1);--backgroundPress:hsla(46, 100%, 7%, 1);--backgroundFocus:hsla(46, 100%, 7%, 1);--borderColor:hsla(49, 100%, 14%, 1);--borderColorHover:hsla(49, 89%, 18%, 1);--borderColorFocus:hsla(49, 100%, 14%, 1);--borderColorPress:hsla(46, 100%, 12%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_yellow_Checkbox, .t_yellow_RadioGroupItem, .t_yellow_Switch, .t_yellow_TooltipContent {--color:hsla(53, 100%, 91%, 1);--colorHover:hsla(48, 100%, 47%, 1);--colorPress:hsla(53, 100%, 91%, 1);--colorFocus:hsla(48, 100%, 47%, 1);--placeholderColor:hsla(53, 92%, 50%, 1);--outlineColor:hsla(53, 100%, 91%, 0.2);--background:hsla(45, 100%, 9%, 1);--backgroundHover:hsla(45, 100%, 10%, 1);--backgroundPress:hsla(46, 100%, 7%, 1);--backgroundFocus:hsla(46, 100%, 7%, 1);--borderColor:hsla(49, 100%, 14%, 1);--borderColorHover:hsla(49, 89%, 18%, 1);--borderColorFocus:hsla(49, 100%, 14%, 1);--borderColorPress:hsla(46, 100%, 12%, 1);} - } -:root.t_dark .t_yellow_ProgressIndicator, :root.t_dark .t_yellow_SliderThumb, :root.t_dark .t_yellow_SwitchThumb, :root.t_dark .t_yellow_Tooltip, :root.t_light .t_dark .t_yellow_ProgressIndicator, :root.t_light .t_dark .t_yellow_SliderThumb, :root.t_light .t_dark .t_yellow_SwitchThumb, :root.t_light .t_dark .t_yellow_Tooltip, .tm_xxt {--accentBackground:hsla(0, 0%, 93%, 1);--accentColor:hsla(0, 0%, 50%, 1);--background0:hsla(53, 100%, 91%, 0);--background02:hsla(53, 100%, 91%, 0.2);--background04:hsla(53, 100%, 91%, 0.4);--background06:hsla(53, 100%, 91%, 0.6);--background08:hsla(53, 100%, 91%, 0.8);--color1:hsla(53, 100%, 91%, 1);--color2:hsla(48, 100%, 47%, 1);--color3:hsla(54, 100%, 68%, 1);--color4:hsla(53, 92%, 50%, 1);--color5:hsla(50, 100%, 22%, 1);--color6:hsla(49, 89%, 18%, 1);--color7:hsla(49, 100%, 14%, 1);--color8:hsla(46, 100%, 12%, 1);--color9:hsla(45, 100%, 10%, 1);--color10:hsla(45, 100%, 9%, 1);--color11:hsla(46, 100%, 7%, 1);--color12:hsla(45, 100%, 5%, 1);--color0:hsla(46, 100%, 5%, 0);--color02:hsla(46, 100%, 5%, 0.2);--color04:hsla(46, 100%, 5%, 0.4);--color06:hsla(46, 100%, 5%, 0.6);--color08:hsla(46, 100%, 5%, 0.8);--background:hsla(53, 100%, 91%, 1);--backgroundHover:hsla(48, 100%, 47%, 1);--backgroundPress:hsla(53, 100%, 91%, 0.8);--backgroundFocus:hsla(53, 100%, 91%, 0.8);--borderColor:hsla(53, 92%, 50%, 1);--borderColorHover:hsla(50, 100%, 22%, 1);--borderColorPress:hsla(54, 100%, 68%, 1);--borderColorFocus:hsla(53, 92%, 50%, 1);--color:hsla(45, 100%, 5%, 1);--colorHover:hsla(46, 100%, 7%, 1);--colorPress:hsla(45, 100%, 5%, 1);--colorFocus:hsla(46, 100%, 7%, 1);--placeholderColor:hsla(45, 100%, 10%, 1);--outlineColor:hsla(46, 100%, 5%, 0.2);--colorTransparent:hsla(46, 100%, 5%, 0);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_yellow_ProgressIndicator, .t_yellow_SliderThumb, .t_yellow_SwitchThumb, .t_yellow_Tooltip {--accentBackground:hsla(0, 0%, 93%, 1);--accentColor:hsla(0, 0%, 50%, 1);--background0:hsla(53, 100%, 91%, 0);--background02:hsla(53, 100%, 91%, 0.2);--background04:hsla(53, 100%, 91%, 0.4);--background06:hsla(53, 100%, 91%, 0.6);--background08:hsla(53, 100%, 91%, 0.8);--color1:hsla(53, 100%, 91%, 1);--color2:hsla(48, 100%, 47%, 1);--color3:hsla(54, 100%, 68%, 1);--color4:hsla(53, 92%, 50%, 1);--color5:hsla(50, 100%, 22%, 1);--color6:hsla(49, 89%, 18%, 1);--color7:hsla(49, 100%, 14%, 1);--color8:hsla(46, 100%, 12%, 1);--color9:hsla(45, 100%, 10%, 1);--color10:hsla(45, 100%, 9%, 1);--color11:hsla(46, 100%, 7%, 1);--color12:hsla(45, 100%, 5%, 1);--color0:hsla(46, 100%, 5%, 0);--color02:hsla(46, 100%, 5%, 0.2);--color04:hsla(46, 100%, 5%, 0.4);--color06:hsla(46, 100%, 5%, 0.6);--color08:hsla(46, 100%, 5%, 0.8);--background:hsla(53, 100%, 91%, 1);--backgroundHover:hsla(48, 100%, 47%, 1);--backgroundPress:hsla(53, 100%, 91%, 0.8);--backgroundFocus:hsla(53, 100%, 91%, 0.8);--borderColor:hsla(53, 92%, 50%, 1);--borderColorHover:hsla(50, 100%, 22%, 1);--borderColorPress:hsla(54, 100%, 68%, 1);--borderColorFocus:hsla(53, 92%, 50%, 1);--color:hsla(45, 100%, 5%, 1);--colorHover:hsla(46, 100%, 7%, 1);--colorPress:hsla(45, 100%, 5%, 1);--colorFocus:hsla(46, 100%, 7%, 1);--placeholderColor:hsla(45, 100%, 10%, 1);--outlineColor:hsla(46, 100%, 5%, 0.2);--colorTransparent:hsla(46, 100%, 5%, 0);} - } -.t_dark_yellow_SwitchThumb ::selection, .t_dark_yellow_SliderThumb ::selection, .t_dark_yellow_Tooltip ::selection, .t_dark_yellow_ProgressIndicator ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_green_Card, :root.t_dark .t_green_Input, :root.t_dark .t_green_ListItem, :root.t_dark .t_green_Progress, :root.t_dark .t_green_SelectTrigger, :root.t_dark .t_green_SliderTrack, :root.t_dark .t_green_TextArea, :root.t_dark .t_green_TooltipArrow, :root.t_light .t_dark .t_green_Card, :root.t_light .t_dark .t_green_Input, :root.t_light .t_dark .t_green_ListItem, :root.t_light .t_dark .t_green_Progress, :root.t_light .t_dark .t_green_SelectTrigger, :root.t_light .t_dark .t_green_SliderTrack, :root.t_light .t_dark .t_green_TextArea, :root.t_light .t_dark .t_green_TooltipArrow, .tm_xxt {--color:hsla(136, 73%, 94%, 1);--colorHover:hsla(151, 50%, 53%, 1);--colorPress:hsla(136, 73%, 94%, 1);--colorFocus:hsla(151, 50%, 53%, 1);--placeholderColor:hsla(151, 55%, 42%, 1);--outlineColor:hsla(134, 73%, 94%, 0.2);--background:hsla(155, 44%, 8%, 1);--backgroundHover:hsla(155, 46%, 11%, 1);--backgroundPress:hsla(145, 32%, 7%, 1);--backgroundFocus:hsla(145, 32%, 7%, 1);--borderColor:hsla(155, 50%, 15%, 1);--borderColorHover:hsla(154, 51%, 18%, 1);--borderColorFocus:hsla(155, 50%, 15%, 1);--borderColorPress:hsla(154, 48%, 13%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_green_Card, .t_green_Input, .t_green_ListItem, .t_green_Progress, .t_green_SelectTrigger, .t_green_SliderTrack, .t_green_TextArea, .t_green_TooltipArrow {--color:hsla(136, 73%, 94%, 1);--colorHover:hsla(151, 50%, 53%, 1);--colorPress:hsla(136, 73%, 94%, 1);--colorFocus:hsla(151, 50%, 53%, 1);--placeholderColor:hsla(151, 55%, 42%, 1);--outlineColor:hsla(134, 73%, 94%, 0.2);--background:hsla(155, 44%, 8%, 1);--backgroundHover:hsla(155, 46%, 11%, 1);--backgroundPress:hsla(145, 32%, 7%, 1);--backgroundFocus:hsla(145, 32%, 7%, 1);--borderColor:hsla(155, 50%, 15%, 1);--borderColorHover:hsla(154, 51%, 18%, 1);--borderColorFocus:hsla(155, 50%, 15%, 1);--borderColorPress:hsla(154, 48%, 13%, 1);} - } -:root.t_dark .t_green_Button, :root.t_dark .t_green_SliderTrackActive, :root.t_light .t_dark .t_green_Button, :root.t_light .t_dark .t_green_SliderTrackActive, .tm_xxt {--color:hsla(136, 73%, 94%, 1);--colorHover:hsla(151, 50%, 53%, 1);--colorPress:hsla(136, 73%, 94%, 1);--colorFocus:hsla(151, 50%, 53%, 1);--placeholderColor:hsla(151, 55%, 42%, 1);--outlineColor:hsla(134, 73%, 94%, 0.2);--background:hsla(154, 48%, 13%, 1);--backgroundHover:hsla(155, 50%, 15%, 1);--backgroundPress:hsla(155, 46%, 11%, 1);--backgroundFocus:hsla(155, 46%, 11%, 1);--borderColor:hsla(153, 51%, 22%, 1);--borderColorHover:hsla(151, 52%, 28%, 1);--borderColorFocus:hsla(153, 51%, 22%, 1);--borderColorPress:hsla(154, 51%, 18%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_green_Button, .t_green_SliderTrackActive {--color:hsla(136, 73%, 94%, 1);--colorHover:hsla(151, 50%, 53%, 1);--colorPress:hsla(136, 73%, 94%, 1);--colorFocus:hsla(151, 50%, 53%, 1);--placeholderColor:hsla(151, 55%, 42%, 1);--outlineColor:hsla(134, 73%, 94%, 0.2);--background:hsla(154, 48%, 13%, 1);--backgroundHover:hsla(155, 50%, 15%, 1);--backgroundPress:hsla(155, 46%, 11%, 1);--backgroundFocus:hsla(155, 46%, 11%, 1);--borderColor:hsla(153, 51%, 22%, 1);--borderColorHover:hsla(151, 52%, 28%, 1);--borderColorFocus:hsla(153, 51%, 22%, 1);--borderColorPress:hsla(154, 51%, 18%, 1);} - } -:root.t_dark .t_green_Checkbox, :root.t_dark .t_green_RadioGroupItem, :root.t_dark .t_green_Switch, :root.t_dark .t_green_TooltipContent, :root.t_light .t_dark .t_green_Checkbox, :root.t_light .t_dark .t_green_RadioGroupItem, :root.t_light .t_dark .t_green_Switch, :root.t_light .t_dark .t_green_TooltipContent, .tm_xxt {--color:hsla(136, 73%, 94%, 1);--colorHover:hsla(151, 50%, 53%, 1);--colorPress:hsla(136, 73%, 94%, 1);--colorFocus:hsla(151, 50%, 53%, 1);--placeholderColor:hsla(151, 55%, 42%, 1);--outlineColor:hsla(134, 73%, 94%, 0.2);--background:hsla(155, 46%, 11%, 1);--backgroundHover:hsla(154, 48%, 13%, 1);--backgroundPress:hsla(155, 44%, 8%, 1);--backgroundFocus:hsla(155, 44%, 8%, 1);--borderColor:hsla(154, 51%, 18%, 1);--borderColorHover:hsla(153, 51%, 22%, 1);--borderColorFocus:hsla(154, 51%, 18%, 1);--borderColorPress:hsla(155, 50%, 15%, 1);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_green_Checkbox, .t_green_RadioGroupItem, .t_green_Switch, .t_green_TooltipContent {--color:hsla(136, 73%, 94%, 1);--colorHover:hsla(151, 50%, 53%, 1);--colorPress:hsla(136, 73%, 94%, 1);--colorFocus:hsla(151, 50%, 53%, 1);--placeholderColor:hsla(151, 55%, 42%, 1);--outlineColor:hsla(134, 73%, 94%, 0.2);--background:hsla(155, 46%, 11%, 1);--backgroundHover:hsla(154, 48%, 13%, 1);--backgroundPress:hsla(155, 44%, 8%, 1);--backgroundFocus:hsla(155, 44%, 8%, 1);--borderColor:hsla(154, 51%, 18%, 1);--borderColorHover:hsla(153, 51%, 22%, 1);--borderColorFocus:hsla(154, 51%, 18%, 1);--borderColorPress:hsla(155, 50%, 15%, 1);} - } -:root.t_dark .t_green_ProgressIndicator, :root.t_dark .t_green_SliderThumb, :root.t_dark .t_green_SwitchThumb, :root.t_dark .t_green_Tooltip, :root.t_light .t_dark .t_green_ProgressIndicator, :root.t_light .t_dark .t_green_SliderThumb, :root.t_light .t_dark .t_green_SwitchThumb, :root.t_light .t_dark .t_green_Tooltip, .tm_xxt {--accentBackground:hsla(0, 0%, 93%, 1);--accentColor:hsla(0, 0%, 50%, 1);--background0:hsla(134, 73%, 94%, 0);--background02:hsla(134, 73%, 94%, 0.2);--background04:hsla(134, 73%, 94%, 0.4);--background06:hsla(134, 73%, 94%, 0.6);--background08:hsla(134, 73%, 94%, 0.8);--color1:hsla(136, 73%, 94%, 1);--color2:hsla(151, 50%, 53%, 1);--color3:hsla(151, 49%, 46%, 1);--color4:hsla(151, 55%, 42%, 1);--color5:hsla(151, 52%, 28%, 1);--color6:hsla(153, 51%, 22%, 1);--color7:hsla(154, 51%, 18%, 1);--color8:hsla(155, 50%, 15%, 1);--color9:hsla(154, 48%, 13%, 1);--color10:hsla(155, 46%, 11%, 1);--color11:hsla(155, 44%, 8%, 1);--color12:hsla(145, 32%, 7%, 1);--color0:hsla(145, 33%, 7%, 0);--color02:hsla(145, 33%, 7%, 0.2);--color04:hsla(145, 33%, 7%, 0.4);--color06:hsla(145, 33%, 7%, 0.6);--color08:hsla(145, 33%, 7%, 0.8);--background:hsla(136, 73%, 94%, 1);--backgroundHover:hsla(151, 50%, 53%, 1);--backgroundPress:hsla(134, 73%, 94%, 0.8);--backgroundFocus:hsla(134, 73%, 94%, 0.8);--borderColor:hsla(151, 55%, 42%, 1);--borderColorHover:hsla(151, 52%, 28%, 1);--borderColorPress:hsla(151, 49%, 46%, 1);--borderColorFocus:hsla(151, 55%, 42%, 1);--color:hsla(145, 32%, 7%, 1);--colorHover:hsla(155, 44%, 8%, 1);--colorPress:hsla(145, 32%, 7%, 1);--colorFocus:hsla(155, 44%, 8%, 1);--placeholderColor:hsla(154, 48%, 13%, 1);--outlineColor:hsla(145, 33%, 7%, 0.2);--colorTransparent:hsla(145, 33%, 7%, 0);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_green_ProgressIndicator, .t_green_SliderThumb, .t_green_SwitchThumb, .t_green_Tooltip {--accentBackground:hsla(0, 0%, 93%, 1);--accentColor:hsla(0, 0%, 50%, 1);--background0:hsla(134, 73%, 94%, 0);--background02:hsla(134, 73%, 94%, 0.2);--background04:hsla(134, 73%, 94%, 0.4);--background06:hsla(134, 73%, 94%, 0.6);--background08:hsla(134, 73%, 94%, 0.8);--color1:hsla(136, 73%, 94%, 1);--color2:hsla(151, 50%, 53%, 1);--color3:hsla(151, 49%, 46%, 1);--color4:hsla(151, 55%, 42%, 1);--color5:hsla(151, 52%, 28%, 1);--color6:hsla(153, 51%, 22%, 1);--color7:hsla(154, 51%, 18%, 1);--color8:hsla(155, 50%, 15%, 1);--color9:hsla(154, 48%, 13%, 1);--color10:hsla(155, 46%, 11%, 1);--color11:hsla(155, 44%, 8%, 1);--color12:hsla(145, 32%, 7%, 1);--color0:hsla(145, 33%, 7%, 0);--color02:hsla(145, 33%, 7%, 0.2);--color04:hsla(145, 33%, 7%, 0.4);--color06:hsla(145, 33%, 7%, 0.6);--color08:hsla(145, 33%, 7%, 0.8);--background:hsla(136, 73%, 94%, 1);--backgroundHover:hsla(151, 50%, 53%, 1);--backgroundPress:hsla(134, 73%, 94%, 0.8);--backgroundFocus:hsla(134, 73%, 94%, 0.8);--borderColor:hsla(151, 55%, 42%, 1);--borderColorHover:hsla(151, 52%, 28%, 1);--borderColorPress:hsla(151, 49%, 46%, 1);--borderColorFocus:hsla(151, 55%, 42%, 1);--color:hsla(145, 32%, 7%, 1);--colorHover:hsla(155, 44%, 8%, 1);--colorPress:hsla(145, 32%, 7%, 1);--colorFocus:hsla(155, 44%, 8%, 1);--placeholderColor:hsla(154, 48%, 13%, 1);--outlineColor:hsla(145, 33%, 7%, 0.2);--colorTransparent:hsla(145, 33%, 7%, 0);} - } -.t_dark_green_SwitchThumb ::selection, .t_dark_green_SliderThumb ::selection, .t_dark_green_Tooltip ::selection, .t_dark_green_ProgressIndicator ::selection{background:var(--color5);color:var(--color11)} - \ No newline at end of file diff --git a/examples/one-recommended/code/theme/ToggleThemeButton.tsx b/examples/one-recommended/code/theme/ToggleThemeButton.tsx deleted file mode 100644 index cb1d5f57f..000000000 --- a/examples/one-recommended/code/theme/ToggleThemeButton.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import { View } from '@tamagui/core' -import { Moon, Sun, SunMoon } from '@tamagui/lucide-icons' -import { useUserScheme } from '@vxrn/color-scheme' - -const schemeSettings = ['light', 'dark', 'system'] as const - -export function ToggleThemeButton() { - const { onPress, Icon } = useToggleTheme() - - return ( - - - - ) -} - -export function useToggleTheme() { - const userScheme = useUserScheme() - const Icon = - userScheme.setting === 'system' ? SunMoon : userScheme.setting === 'dark' ? Moon : Sun - - return { - setting: userScheme.setting, - scheme: userScheme.value, - Icon, - onPress: () => { - const next = schemeSettings[(schemeSettings.indexOf(userScheme.setting) + 1) % 3] - userScheme.set(next) - }, - } -} diff --git a/examples/one-recommended/code/ui/Card.tsx b/examples/one-recommended/code/ui/Card.tsx deleted file mode 100644 index 318597969..000000000 --- a/examples/one-recommended/code/ui/Card.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import { styled, XStack } from 'tamagui' - -export const Card = styled(XStack, { - overflow: 'hidden', - minW: '100%', - p: '$4', - gap: '$4', - borderBottomWidth: 1, - borderBottomColor: '$borderColor', - - hoverStyle: { - bg: '$color2', - }, - - pressStyle: { - bg: '$color2', - }, - - variants: { - disableLink: { - true: { - hoverStyle: { - bg: 'transparent', - }, - - pressStyle: { - bg: 'transparent', - }, - }, - }, - } as const, -}) diff --git a/examples/one-recommended/code/ui/Image.tsx b/examples/one-recommended/code/ui/Image.tsx deleted file mode 100644 index 84d8e4b8c..000000000 --- a/examples/one-recommended/code/ui/Image.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { Image as Image2, type ImageProps } from '@tamagui/image-next' -import { isWeb, View } from 'tamagui' - -export function Image({ src, ...props }: ImageProps) { - return isWeb ? ( - - - - ) : ( - - ) -} diff --git a/examples/one-recommended/code/ui/PageContainer.tsx b/examples/one-recommended/code/ui/PageContainer.tsx deleted file mode 100644 index a8bc5508c..000000000 --- a/examples/one-recommended/code/ui/PageContainer.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import { styled, View } from 'tamagui' - -export const PageContainer = styled(View, { - width: '100%', - maxW: 600, - mx: 'auto', - bg: '$color1', - - '$platform-web': { - py: '$4', - }, -}) diff --git a/examples/one-recommended/config/tamagui.config.ts b/examples/one-recommended/config/tamagui.config.ts deleted file mode 100644 index 1c013622d..000000000 --- a/examples/one-recommended/config/tamagui.config.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { defaultConfig } from '@tamagui/config/v4' -import { createTamagui } from 'tamagui' - -/** - * Welcome to Tamagui, this project uses the default config. - * - * To learn more about it, see: - * https://tamagui.dev/docs/core/config-v4 - * - */ - -export const config = createTamagui(defaultConfig) - -export type Conf = typeof config - -declare module 'tamagui' { - interface TamaguiCustomConfig extends Conf {} - - // for group types: - // interface TypeOverride { - // groupNames(): 'message' - // } -} - -export default config diff --git a/examples/one-recommended/docker-compose.yml b/examples/one-recommended/docker-compose.yml deleted file mode 100644 index 79adf8b82..000000000 --- a/examples/one-recommended/docker-compose.yml +++ /dev/null @@ -1,56 +0,0 @@ -x-postgres-common: - &postgres-common - image: postgres:16.2-alpine - shm_size: 1g - user: postgres - restart: always - healthcheck: - test: 'pg_isready -U user --dbname=postgres' - interval: 10s - timeout: 5s - retries: 5 - -services: - postgres_primary: - <<: *postgres-common - ports: - - 6432:5432 - environment: - POSTGRES_USER: user - POSTGRES_DB: postgres - POSTGRES_PASSWORD: password - command: | - postgres - -c wal_level=logical - -c max_wal_senders=10 - -c max_replication_slots=5 - -c hot_standby=on - -c hot_standby_feedback=on - volumes: - - pgdata_upstream:/var/lib/postgresql/data - - ./code/db/init_upstream:/docker-entrypoint-initdb.d - - postgres_replica: - <<: *postgres-common - ports: - - 6433:5432 - environment: - POSTGRES_USER: user - POSTGRES_DB: postgres - POSTGRES_PASSWORD: password - command: | - postgres - -c wal_level=logical - -c max_wal_senders=10 - -c max_replication_slots=5 - -c hot_standby=on - -c hot_standby_feedback=on - volumes: - - pgdata_sync:/var/lib/postgresql/data - - ./code/db/init_sync:/docker-entrypoint-initdb.d - -volumes: - pgdata_sync: - driver: local - pgdata_upstream: - driver: local diff --git a/examples/one-recommended/package.json b/examples/one-recommended/package.json deleted file mode 100644 index b580986dc..000000000 --- a/examples/one-recommended/package.json +++ /dev/null @@ -1,60 +0,0 @@ -{ - "name": "example-recommended", - "version": "1.2.67", - "private": true, - "type": "module", - "scripts": { - "android": "one run:android", - "build:web": "one build", - "clean": "one clean", - "db:check": "bash -c \"$npm_execpath db:push 2>&1 >/dev/null | grep ECONNREFUSED >/dev/null; if [ $? -eq 1 ]; then echo '\n\n❌ Note! Error running db:push, you may need to set up and run your db. See README.md\n\n'; exit 1; fi\"", - "db:generate": "drizzle-kit generate --config ./code/db/drizzle.config.ts", - "db:init": "$npm_execpath db:generate && $npm_execpath db:push && $npm_execpath db:seed", - "db:migrate": "dotenvx run -f .env -- tsx ./code/db/run-migrations.ts", - "db:push": "drizzle-kit push --config ./code/db/drizzle.config.ts", - "db:seed": "dotenvx run -f .env -- tsx ./code/db/seed.ts", - "dev": "$npm_execpath db:check && $npm_execpath one dev", - "dev:clean": "one dev --clean", - "ios": "one run:ios", - "prebuild:native": "one prebuild", - "serve": "one serve", - "typecheck": "tsc --noEmit", - "upgrade:tamagui": "$npm_execpath up '*tamagui*' '@tamagui/*'" - }, - "dependencies": { - "@dotenvx/dotenvx": "^1.12.1", - "@react-navigation/native": "~7.1.19", - "@tamagui/config": "^1.144.1", - "@tamagui/image-next": "^1.144.1", - "@tamagui/lucide-icons": "^1.144.1", - "@vxrn/color-scheme": "workspace:*", - "better-sqlite3": "^11.2.1", - "dotenv": "^16.4.5", - "drizzle-kit": "^0.24.2", - "drizzle-orm": "^0.33.0", - "expo": "~54.0.20", - "expo-build-properties": "~1.0.9", - "one": "workspace:*", - "postgres": "^3.4.4", - "react": "19.1.0", - "react-dom": "19.1.0", - "react-native": "~0.81.5", - "react-native-reanimated": "~4.1.3", - "react-native-safe-area-context": "~5.6.1", - "react-native-screens": "~4.16.0", - "react-native-svg": "15.12.1", - "react-native-web": "^0.21.2", - "react-native-worklets": "0.5.1", - "tamagui": "^1.144.1" - }, - "devDependencies": { - "@biomejs/biome": "2.3.3", - "@faker-js/faker": "next", - "@react-native-community/cli": "^20.0.2", - "@tamagui/vite-plugin": "^1.144.1", - "@types/react": "^19.2.2", - "tsx": "^4.20.6", - "typescript": "~5.9.2", - "vite": "^7.1.12" - } -} diff --git a/examples/one-recommended/public/app-icon.png b/examples/one-recommended/public/app-icon.png deleted file mode 100644 index 0804b8ddf..000000000 Binary files a/examples/one-recommended/public/app-icon.png and /dev/null differ diff --git a/examples/one-recommended/public/favicon.svg b/examples/one-recommended/public/favicon.svg deleted file mode 100644 index 750e74782..000000000 --- a/examples/one-recommended/public/favicon.svg +++ /dev/null @@ -1,25 +0,0 @@ - - - favicon - - - - - - - - - - - - - - - - - - - - - - diff --git a/examples/one-recommended/public/splash.png b/examples/one-recommended/public/splash.png deleted file mode 100644 index 9edd676fa..000000000 Binary files a/examples/one-recommended/public/splash.png and /dev/null differ diff --git a/examples/one-recommended/public/tamagui.css b/examples/one-recommended/public/tamagui.css deleted file mode 100644 index cbaa8b7aa..000000000 --- a/examples/one-recommended/public/tamagui.css +++ /dev/null @@ -1,846 +0,0 @@ -._ovs-contain {overscroll-behavior:contain;} -.is_Text .is_Text {display:inline-flex;} -._dsp_contents {display:contents;} -:root {--white0:rgba(255,255,255,0);--white075:rgba(255,255,255,0.75);--white05:rgba(255,255,255,0.5);--white025:rgba(255,255,255,0.25);--black0:rgba(10,10,10,0);--black075:rgba(10,10,10,0.75);--black05:rgba(10,10,10,0.5);--black025:rgba(10,10,10,0.25);--white1:#fff;--white2:#f8f8f8;--white3:hsl(0, 0%, 96.3%);--white4:hsl(0, 0%, 94.1%);--white5:hsl(0, 0%, 92.0%);--white6:hsl(0, 0%, 90.0%);--white7:hsl(0, 0%, 88.5%);--white8:hsl(0, 0%, 81.0%);--white9:hsl(0, 0%, 56.1%);--white10:hsl(0, 0%, 50.3%);--white11:hsl(0, 0%, 42.5%);--white12:hsl(0, 0%, 9.0%);--black1:#050505;--black2:#151515;--black3:#191919;--black4:#232323;--black5:#282828;--black6:#323232;--black7:#424242;--black8:#494949;--black9:#545454;--black10:#626262;--black11:#a5a5a5;--black12:#fff;--blue1Light:hsl(206, 100%, 99.2%);--blue2Light:hsl(210, 100%, 98.0%);--blue3Light:hsl(209, 100%, 96.5%);--blue4Light:hsl(210, 98.8%, 94.0%);--blue5Light:hsl(209, 95.0%, 90.1%);--blue6Light:hsl(209, 81.2%, 84.5%);--blue7Light:hsl(208, 77.5%, 76.9%);--blue8Light:hsl(206, 81.9%, 65.3%);--blue9Light:hsl(206, 100%, 50.0%);--blue10Light:hsl(208, 100%, 47.3%);--blue11Light:hsl(211, 100%, 43.2%);--blue12Light:hsl(211, 100%, 15.0%);--gray1Light:hsl(0, 0%, 99.0%);--gray2Light:hsl(0, 0%, 97.3%);--gray3Light:hsl(0, 0%, 95.1%);--gray4Light:hsl(0, 0%, 93.0%);--gray5Light:hsl(0, 0%, 90.9%);--gray6Light:hsl(0, 0%, 88.7%);--gray7Light:hsl(0, 0%, 85.8%);--gray8Light:hsl(0, 0%, 78.0%);--gray9Light:hsl(0, 0%, 56.1%);--gray10Light:hsl(0, 0%, 52.3%);--gray11Light:hsl(0, 0%, 43.5%);--gray12Light:hsl(0, 0%, 9.0%);--green1Light:hsl(136, 50.0%, 98.9%);--green2Light:hsl(138, 62.5%, 96.9%);--green3Light:hsl(139, 55.2%, 94.5%);--green4Light:hsl(140, 48.7%, 91.0%);--green5Light:hsl(141, 43.7%, 86.0%);--green6Light:hsl(143, 40.3%, 79.0%);--green7Light:hsl(146, 38.5%, 69.0%);--green8Light:hsl(151, 40.2%, 54.1%);--green9Light:hsl(151, 55.0%, 41.5%);--green10Light:hsl(152, 57.5%, 37.6%);--green11Light:hsl(153, 67.0%, 28.5%);--green12Light:hsl(155, 40.0%, 14.0%);--orange1Light:hsl(24, 70.0%, 99.0%);--orange2Light:hsl(24, 83.3%, 97.6%);--orange3Light:hsl(24, 100%, 95.3%);--orange4Light:hsl(25, 100%, 92.2%);--orange5Light:hsl(25, 100%, 88.2%);--orange6Light:hsl(25, 100%, 82.8%);--orange7Light:hsl(24, 100%, 75.3%);--orange8Light:hsl(24, 94.5%, 64.3%);--orange9Light:hsl(24, 94.0%, 50.0%);--orange10Light:hsl(24, 100%, 46.5%);--orange11Light:hsl(24, 100%, 37.0%);--orange12Light:hsl(15, 60.0%, 17.0%);--pink1Light:hsl(322, 100%, 99.4%);--pink2Light:hsl(323, 100%, 98.4%);--pink3Light:hsl(323, 86.3%, 96.5%);--pink4Light:hsl(323, 78.7%, 94.2%);--pink5Light:hsl(323, 72.2%, 91.1%);--pink6Light:hsl(323, 66.3%, 86.6%);--pink7Light:hsl(323, 62.0%, 80.1%);--pink8Light:hsl(323, 60.3%, 72.4%);--pink9Light:hsl(322, 65.0%, 54.5%);--pink10Light:hsl(322, 63.9%, 50.7%);--pink11Light:hsl(322, 75.0%, 46.0%);--pink12Light:hsl(320, 70.0%, 13.5%);--purple1Light:hsl(280, 65.0%, 99.4%);--purple2Light:hsl(276, 100%, 99.0%);--purple3Light:hsl(276, 83.1%, 97.0%);--purple4Light:hsl(275, 76.4%, 94.7%);--purple5Light:hsl(275, 70.8%, 91.8%);--purple6Light:hsl(274, 65.4%, 87.8%);--purple7Light:hsl(273, 61.0%, 81.7%);--purple8Light:hsl(272, 60.0%, 73.5%);--purple9Light:hsl(272, 51.0%, 54.0%);--purple10Light:hsl(272, 46.8%, 50.3%);--purple11Light:hsl(272, 50.0%, 45.8%);--purple12Light:hsl(272, 66.0%, 16.0%);--red1Light:hsl(359, 100%, 99.4%);--red2Light:hsl(359, 100%, 98.6%);--red3Light:hsl(360, 100%, 96.8%);--red4Light:hsl(360, 97.9%, 94.8%);--red5Light:hsl(360, 90.2%, 91.9%);--red6Light:hsl(360, 81.7%, 87.8%);--red7Light:hsl(359, 74.2%, 81.7%);--red8Light:hsl(359, 69.5%, 74.3%);--red9Light:hsl(358, 75.0%, 59.0%);--red10Light:hsl(358, 69.4%, 55.2%);--red11Light:hsl(358, 65.0%, 48.7%);--red12Light:hsl(354, 50.0%, 14.6%);--yellow1Light:hsl(60, 54.0%, 98.5%);--yellow2Light:hsl(52, 100%, 95.5%);--yellow3Light:hsl(55, 100%, 90.9%);--yellow4Light:hsl(54, 100%, 86.6%);--yellow5Light:hsl(52, 97.9%, 82.0%);--yellow6Light:hsl(50, 89.4%, 76.1%);--yellow7Light:hsl(47, 80.4%, 68.0%);--yellow8Light:hsl(48, 100%, 46.1%);--yellow9Light:hsl(53, 92.0%, 50.0%);--yellow10Light:hsl(50, 100%, 48.5%);--yellow11Light:hsl(42, 100%, 29.0%);--yellow12Light:hsl(40, 55.0%, 13.5%);--blue1Dark:hsl(212, 35.0%, 9.2%);--blue2Dark:hsl(216, 50.0%, 11.8%);--blue3Dark:hsl(214, 59.4%, 15.3%);--blue4Dark:hsl(214, 65.8%, 17.9%);--blue5Dark:hsl(213, 71.2%, 20.2%);--blue6Dark:hsl(212, 77.4%, 23.1%);--blue7Dark:hsl(211, 85.1%, 27.4%);--blue8Dark:hsl(211, 89.7%, 34.1%);--blue9Dark:hsl(206, 100%, 50.0%);--blue10Dark:hsl(209, 100%, 60.6%);--blue11Dark:hsl(210, 100%, 66.1%);--blue12Dark:hsl(206, 98.0%, 95.8%);--gray1Dark:hsl(0, 0%, 8.5%);--gray2Dark:hsl(0, 0%, 11.0%);--gray3Dark:hsl(0, 0%, 13.6%);--gray4Dark:hsl(0, 0%, 15.8%);--gray5Dark:hsl(0, 0%, 17.9%);--gray6Dark:hsl(0, 0%, 20.5%);--gray7Dark:hsl(0, 0%, 24.3%);--gray8Dark:hsl(0, 0%, 31.2%);--gray9Dark:hsl(0, 0%, 43.9%);--gray10Dark:hsl(0, 0%, 49.4%);--gray11Dark:hsl(0, 0%, 62.8%);--gray12Dark:hsl(0, 0%, 93.0%);--green1Dark:hsl(146, 30.0%, 7.4%);--green2Dark:hsl(155, 44.2%, 8.4%);--green3Dark:hsl(155, 46.7%, 10.9%);--green4Dark:hsl(154, 48.4%, 12.9%);--green5Dark:hsl(154, 49.7%, 14.9%);--green6Dark:hsl(154, 50.9%, 17.6%);--green7Dark:hsl(153, 51.8%, 21.8%);--green8Dark:hsl(151, 51.7%, 28.4%);--green9Dark:hsl(151, 55.0%, 41.5%);--green10Dark:hsl(151, 49.3%, 46.5%);--green11Dark:hsl(151, 50.0%, 53.2%);--green12Dark:hsl(137, 72.0%, 94.0%);--orange1Dark:hsl(30, 70.0%, 7.2%);--orange2Dark:hsl(28, 100%, 8.4%);--orange3Dark:hsl(26, 91.1%, 11.6%);--orange4Dark:hsl(25, 88.3%, 14.1%);--orange5Dark:hsl(24, 87.6%, 16.6%);--orange6Dark:hsl(24, 88.6%, 19.8%);--orange7Dark:hsl(24, 92.4%, 24.0%);--orange8Dark:hsl(25, 100%, 29.0%);--orange9Dark:hsl(24, 94.0%, 50.0%);--orange10Dark:hsl(24, 100%, 58.5%);--orange11Dark:hsl(24, 100%, 62.2%);--orange12Dark:hsl(24, 97.0%, 93.2%);--pink1Dark:hsl(318, 25.0%, 9.6%);--pink2Dark:hsl(319, 32.2%, 11.6%);--pink3Dark:hsl(319, 41.0%, 16.0%);--pink4Dark:hsl(320, 45.4%, 18.7%);--pink5Dark:hsl(320, 49.0%, 21.1%);--pink6Dark:hsl(321, 53.6%, 24.4%);--pink7Dark:hsl(321, 61.1%, 29.7%);--pink8Dark:hsl(322, 74.9%, 37.5%);--pink9Dark:hsl(322, 65.0%, 54.5%);--pink10Dark:hsl(323, 72.8%, 59.2%);--pink11Dark:hsl(325, 90.0%, 66.4%);--pink12Dark:hsl(322, 90.0%, 95.8%);--purple1Dark:hsl(284, 20.0%, 9.6%);--purple2Dark:hsl(283, 30.0%, 11.8%);--purple3Dark:hsl(281, 37.5%, 16.5%);--purple4Dark:hsl(280, 41.2%, 20.0%);--purple5Dark:hsl(279, 43.8%, 23.3%);--purple6Dark:hsl(277, 46.4%, 27.5%);--purple7Dark:hsl(275, 49.3%, 34.6%);--purple8Dark:hsl(272, 52.1%, 45.9%);--purple9Dark:hsl(272, 51.0%, 54.0%);--purple10Dark:hsl(273, 57.3%, 59.1%);--purple11Dark:hsl(275, 80.0%, 71.0%);--purple12Dark:hsl(279, 75.0%, 95.7%);--red1Dark:hsl(353, 23.0%, 9.8%);--red2Dark:hsl(357, 34.4%, 12.0%);--red3Dark:hsl(356, 43.4%, 16.4%);--red4Dark:hsl(356, 47.6%, 19.2%);--red5Dark:hsl(356, 51.1%, 21.9%);--red6Dark:hsl(356, 55.2%, 25.9%);--red7Dark:hsl(357, 60.2%, 31.8%);--red8Dark:hsl(358, 65.0%, 40.4%);--red9Dark:hsl(358, 75.0%, 59.0%);--red10Dark:hsl(358, 85.3%, 64.0%);--red11Dark:hsl(358, 100%, 69.5%);--red12Dark:hsl(351, 89.0%, 96.0%);--yellow1Dark:hsl(45, 100%, 5.5%);--yellow2Dark:hsl(46, 100%, 6.7%);--yellow3Dark:hsl(45, 100%, 8.7%);--yellow4Dark:hsl(45, 100%, 10.4%);--yellow5Dark:hsl(47, 100%, 12.1%);--yellow6Dark:hsl(49, 100%, 14.3%);--yellow7Dark:hsl(49, 90.3%, 18.4%);--yellow8Dark:hsl(50, 100%, 22.0%);--yellow9Dark:hsl(53, 92.0%, 50.0%);--yellow10Dark:hsl(54, 100%, 68.0%);--yellow11Dark:hsl(48, 100%, 47.0%);--yellow12Dark:hsl(53, 100%, 91.0%);--radius-0:0px;--radius-1:3px;--radius-2:5px;--radius-3:7px;--radius-4:9px;--radius-5:10px;--radius-6:16px;--radius-7:19px;--radius-8:22px;--radius-9:26px;--radius-10:34px;--radius-11:42px;--radius-12:50px;--radius-true:9px;--zIndex-0:0;--zIndex-1:100;--zIndex-2:200;--zIndex-3:300;--zIndex-4:400;--zIndex-5:500;--space-0:0px;--space-1:2px;--space-2:7px;--space-3:13px;--space-4:18px;--space-5:24px;--space-6:32px;--space-7:39px;--space-8:46px;--space-9:53px;--space-10:60px;--space-11:74px;--space-12:88px;--space-13:102px;--space-14:116px;--space-15:130px;--space-16:144px;--space-17:144px;--space-18:158px;--space-19:172px;--space-20:186px;--space-0--25:0.5px;--space-0--5:1px;--space-0--75:1.5px;--space-1--5:4px;--space-2--5:10px;--space-3--5:16px;--space-true:18px;--space-4--5:21px;--space--0--25:-0.5px;--space--0--5:-1px;--space--0--75:-1.5px;--space--1:-2px;--space--1--5:-4px;--space--2:-7px;--space--2--5:-10px;--space--3:-13px;--space--3--5:-16px;--space--4:-18px;--space--true:-18px;--space--4--5:-21px;--space--5:-24px;--space--6:-32px;--space--7:-39px;--space--8:-46px;--space--9:-53px;--space--10:-60px;--space--11:-74px;--space--12:-88px;--space--13:-102px;--space--14:-116px;--space--15:-130px;--space--16:-144px;--space--17:-144px;--space--18:-158px;--space--19:-172px;--space--20:-186px;--size-0:0px;--size-1:20px;--size-2:28px;--size-3:36px;--size-4:44px;--size-5:52px;--size-6:64px;--size-7:74px;--size-8:84px;--size-9:94px;--size-10:104px;--size-11:124px;--size-12:144px;--size-13:164px;--size-14:184px;--size-15:204px;--size-16:224px;--size-17:224px;--size-18:244px;--size-19:264px;--size-20:284px;--size-0--25:2px;--size-0--5:4px;--size-0--75:8px;--size-1--5:24px;--size-2--5:32px;--size-3--5:40px;--size-true:44px;--size-4--5:48px} -:root .font_heading, :root .t_lang-heading-default .font_heading {--f-family:Inter, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--f-lineHeight-1:22px;--f-lineHeight-2:23px;--f-lineHeight-3:24px;--f-lineHeight-4:25px;--f-lineHeight-5:24px;--f-lineHeight-6:27px;--f-lineHeight-7:32px;--f-lineHeight-8:35px;--f-lineHeight-9:40px;--f-lineHeight-10:53px;--f-lineHeight-11:66px;--f-lineHeight-12:73px;--f-lineHeight-13:84px;--f-lineHeight-14:106px;--f-lineHeight-15:130px;--f-lineHeight-16:152px;--f-lineHeight-true:25px;--f-weight-1:400;--f-weight-2:400;--f-weight-3:400;--f-weight-4:400;--f-weight-5:400;--f-weight-6:400;--f-weight-7:700;--f-weight-8:700;--f-weight-9:700;--f-weight-10:700;--f-weight-11:700;--f-weight-12:700;--f-weight-13:700;--f-weight-14:700;--f-weight-15:700;--f-weight-16:700;--f-weight-true:700;--f-letterSpacing-1:2px;--f-letterSpacing-2:2px;--f-letterSpacing-3:2px;--f-letterSpacing-4:2px;--f-letterSpacing-5:2px;--f-letterSpacing-6:1px;--f-letterSpacing-7:0px;--f-letterSpacing-8:0px;--f-letterSpacing-9:-1px;--f-letterSpacing-10:-1.5px;--f-letterSpacing-11:-1.5px;--f-letterSpacing-12:-2px;--f-letterSpacing-13:-2px;--f-letterSpacing-14:-3px;--f-letterSpacing-15:-4px;--f-letterSpacing-16:-4px;--f-letterSpacing-true:-4px;--f-size-1:11px;--f-size-2:12px;--f-size-3:13px;--f-size-4:14px;--f-size-5:13px;--f-size-6:15px;--f-size-7:20px;--f-size-8:23px;--f-size-9:32px;--f-size-10:44px;--f-size-11:55px;--f-size-12:62px;--f-size-13:72px;--f-size-14:92px;--f-size-15:114px;--f-size-16:134px;--f-size-true:14px;--f-transform-1:uppercase;--f-transform-2:uppercase;--f-transform-3:uppercase;--f-transform-4:uppercase;--f-transform-5:uppercase;--f-transform-6:uppercase;--f-transform-7:none;--f-transform-8:none;--f-transform-9:none;--f-transform-10:none;--f-transform-11:none;--f-transform-12:none;--f-transform-13:none;--f-transform-14:none;--f-transform-15:none;--f-transform-16:none;--f-transform-true:none} -:root .font_body, :root .t_lang-body-default .font_body {--f-family:Inter, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--f-lineHeight-1:16px;--f-lineHeight-2:21px;--f-lineHeight-3:22px;--f-lineHeight-4:23px;--f-lineHeight-5:26px;--f-lineHeight-6:28px;--f-lineHeight-7:30px;--f-lineHeight-8:33px;--f-lineHeight-9:41px;--f-lineHeight-10:59px;--f-lineHeight-11:69px;--f-lineHeight-12:76px;--f-lineHeight-13:87px;--f-lineHeight-14:109px;--f-lineHeight-15:133px;--f-lineHeight-16:155px;--f-lineHeight-true:23px;--f-weight-1:400;--f-weight-2:400;--f-weight-3:400;--f-weight-4:400;--f-weight-5:400;--f-weight-6:400;--f-weight-7:600;--f-weight-8:600;--f-weight-9:600;--f-weight-10:600;--f-weight-11:600;--f-weight-12:600;--f-weight-13:600;--f-weight-14:600;--f-weight-15:600;--f-weight-16:600;--f-weight-true:600;--f-letterSpacing-1:0px;--f-letterSpacing-2:0px;--f-letterSpacing-3:0px;--f-letterSpacing-4:0px;--f-letterSpacing-5:0px;--f-letterSpacing-6:0px;--f-letterSpacing-7:0px;--f-letterSpacing-8:0px;--f-letterSpacing-9:0px;--f-letterSpacing-10:0px;--f-letterSpacing-11:0px;--f-letterSpacing-12:0px;--f-letterSpacing-13:0px;--f-letterSpacing-14:0px;--f-letterSpacing-15:0px;--f-letterSpacing-16:0px;--f-letterSpacing-true:0px;--f-size-1:11px;--f-size-2:12px;--f-size-3:13px;--f-size-4:14px;--f-size-5:16px;--f-size-6:18px;--f-size-7:20px;--f-size-8:23px;--f-size-9:30px;--f-size-10:46px;--f-size-11:55px;--f-size-12:62px;--f-size-13:72px;--f-size-14:92px;--f-size-15:114px;--f-size-16:134px;--f-size-true:14px} -:root .font_mono, :root .t_lang-mono-default .font_mono {--f-family:"ui-monospace", "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--f-size-1:11px;--f-size-2:12px;--f-size-3:13px;--f-size-4:14px;--f-size-5:16px;--f-size-6:18px;--f-size-7:20px;--f-size-8:22px;--f-size-9:30px;--f-size-10:42px;--f-size-11:52px;--f-size-12:62px;--f-size-13:72px;--f-size-14:92px;--f-size-15:114px;--f-size-16:124px;--f-lineHeight-1:16.5px;--f-lineHeight-2:18px;--f-lineHeight-3:19.5px;--f-lineHeight-4:21px;--f-lineHeight-5:24px;--f-lineHeight-6:27px;--f-lineHeight-7:30px;--f-lineHeight-8:33px;--f-lineHeight-9:45px;--f-lineHeight-10:63px;--f-lineHeight-11:78px;--f-lineHeight-12:93px;--f-lineHeight-13:108px;--f-lineHeight-14:138px;--f-lineHeight-15:171px;--f-lineHeight-16:186px;--f-weight-1:500;--f-weight-2:500;--f-weight-3:500;--f-weight-4:500;--f-weight-5:500;--f-weight-6:500;--f-weight-7:500;--f-weight-8:500;--f-weight-9:500;--f-weight-10:500;--f-weight-11:500;--f-weight-12:500;--f-weight-13:500;--f-weight-14:500;--f-weight-15:500;--f-weight-16:500;--f-letterSpacing-1:0px;--f-letterSpacing-2:0px;--f-letterSpacing-3:0px;--f-letterSpacing-4:0px;--f-letterSpacing-5:0px;--f-letterSpacing-6:0px;--f-letterSpacing-7:0px;--f-letterSpacing-8:0px;--f-letterSpacing-9:0px;--f-letterSpacing-10:0px;--f-letterSpacing-11:0px;--f-letterSpacing-12:0px;--f-letterSpacing-13:0px;--f-letterSpacing-14:0px;--f-letterSpacing-15:0px;--f-letterSpacing-16:0px} -:root .font_silkscreen, :root .t_lang-silkscreen-default .font_silkscreen {--f-family:Silkscreen, Fira Code, Monaco, Consolas, Ubuntu Mono, monospace;--f-size-1:11px;--f-size-2:12px;--f-size-3:13px;--f-size-4:14px;--f-size-5:15px;--f-size-6:16px;--f-size-7:18px;--f-size-8:21px;--f-size-9:28px;--f-size-10:42px;--f-size-11:52px;--f-size-12:62px;--f-size-13:72px;--f-size-14:92px;--f-size-15:114px;--f-size-16:124px;--f-lineHeight-1:19px;--f-lineHeight-2:20px;--f-lineHeight-3:22px;--f-lineHeight-4:23px;--f-lineHeight-5:24px;--f-lineHeight-6:25px;--f-lineHeight-7:28px;--f-lineHeight-8:31px;--f-lineHeight-9:40px;--f-lineHeight-10:56px;--f-lineHeight-11:68px;--f-lineHeight-12:80px;--f-lineHeight-13:92px;--f-lineHeight-14:116px;--f-lineHeight-15:143px;--f-lineHeight-16:155px;--f-weight-1:300;--f-weight-2:300;--f-weight-3:300;--f-weight-4:300;--f-weight-5:300;--f-weight-6:300;--f-weight-7:300;--f-weight-8:300;--f-weight-9:300;--f-weight-10:300;--f-weight-11:300;--f-weight-12:300;--f-weight-13:300;--f-weight-14:300;--f-weight-15:300;--f-weight-16:300;--f-letterSpacing-1:1px;--f-letterSpacing-2:1px;--f-letterSpacing-3:1px;--f-letterSpacing-4:1px;--f-letterSpacing-5:3px;--f-letterSpacing-6:3px;--f-letterSpacing-7:3px;--f-letterSpacing-8:3px;--f-letterSpacing-9:-2px;--f-letterSpacing-10:-3px;--f-letterSpacing-11:-3px;--f-letterSpacing-12:-4px;--f-letterSpacing-13:-4px;--f-letterSpacing-14:-4px;--f-letterSpacing-15:-4px;--f-letterSpacing-16:-4px} -:root.t_light, :root.t_light {--accentBackground:var(--blue4Light);--accentColor:var(--blue4Dark);--background0:var(--white0);--background025:var(--white025);--background05:var(--white05);--background075:var(--white075);--color1:var(--black12);--color2:var(--white2);--color3:var(--white3);--color4:var(--white4);--color5:var(--white5);--color6:var(--white6);--color7:var(--white7);--color8:var(--white8);--color9:var(--gray9Light);--color10:var(--white10);--color11:var(--white11);--color12:var(--gray12Light);--color0:var(--black0);--color025:var(--black025);--color05:var(--black05);--color075:var(--black075);--background:var(--black12);--backgroundHover:var(--white075);--backgroundPress:var(--white2);--backgroundFocus:var(--white2);--borderColor:var(--white4);--borderColorHover:var(--white3);--borderColorPress:var(--white5);--borderColorFocus:var(--white4);--color:var(--gray12Light);--colorHover:var(--white11);--colorPress:var(--gray12Light);--colorFocus:var(--white11);--colorTransparent:var(--black0);--placeholderColor:var(--gray9Light);--outlineColor:var(--black025);--blue1:var(--blue1Light);--blue2:var(--blue2Light);--blue3:var(--blue3Light);--blue4:var(--blue4Light);--blue5:var(--blue5Light);--blue6:var(--blue6Light);--blue7:var(--blue7Light);--blue8:var(--blue8Light);--blue9:var(--blue9Dark);--blue10:var(--blue10Light);--blue11:var(--blue11Light);--blue12:var(--blue12Light);--gray1:var(--gray1Light);--gray2:var(--gray2Light);--gray3:var(--gray3Light);--gray4:var(--gray12Dark);--gray5:var(--gray5Light);--gray6:var(--gray6Light);--gray7:var(--gray7Light);--gray8:var(--gray8Light);--gray9:var(--gray9Light);--gray10:var(--gray10Light);--gray11:var(--gray11Light);--gray12:var(--gray12Light);--green1:var(--green1Light);--green2:var(--green2Light);--green3:var(--green3Light);--green4:var(--green4Light);--green5:var(--green5Light);--green6:var(--green6Light);--green7:var(--green7Light);--green8:var(--green8Light);--green9:var(--green9Dark);--green10:var(--green10Light);--green11:var(--green11Light);--green12:var(--green12Light);--orange1:var(--orange1Light);--orange2:var(--orange2Light);--orange3:var(--orange3Light);--orange4:var(--orange4Light);--orange5:var(--orange5Light);--orange6:var(--orange6Light);--orange7:var(--orange7Light);--orange8:var(--orange8Light);--orange9:var(--orange9Dark);--orange10:var(--orange10Light);--orange11:var(--orange11Light);--orange12:var(--orange12Light);--pink1:var(--pink1Light);--pink2:var(--pink2Light);--pink3:var(--pink3Light);--pink4:var(--pink4Light);--pink5:var(--pink5Light);--pink6:var(--pink6Light);--pink7:var(--pink7Light);--pink8:var(--pink8Light);--pink9:var(--pink9Dark);--pink10:var(--pink10Light);--pink11:var(--pink11Light);--pink12:var(--pink12Light);--purple1:var(--purple1Light);--purple2:var(--purple2Light);--purple3:var(--purple3Light);--purple4:var(--purple4Light);--purple5:var(--purple5Light);--purple6:var(--purple6Light);--purple7:var(--purple7Light);--purple8:var(--purple8Light);--purple9:var(--purple9Dark);--purple10:var(--purple10Light);--purple11:var(--purple11Light);--purple12:var(--purple12Light);--red1:var(--red1Light);--red2:var(--red2Light);--red3:var(--red3Light);--red4:var(--red4Light);--red5:var(--red5Light);--red6:var(--red6Light);--red7:var(--red7Light);--red8:var(--red8Light);--red9:var(--red9Dark);--red10:var(--red10Light);--red11:var(--red11Light);--red12:var(--red12Light);--yellow1:var(--yellow1Light);--yellow2:var(--yellow2Light);--yellow3:var(--yellow3Light);--yellow4:var(--yellow4Light);--yellow5:var(--yellow5Light);--yellow6:var(--yellow6Light);--yellow7:var(--yellow7Light);--yellow8:var(--yellow8Light);--yellow9:var(--yellow9Dark);--yellow10:var(--yellow10Light);--yellow11:var(--yellow11Light);--yellow12:var(--yellow12Light);--shadowColor:rgba(0,0,0,0.085);--shadowColorHover:rgba(0,0,0,0.085);--shadowColorPress:rgba(0,0,0,0.04);--shadowColorFocus:rgba(0,0,0,0.04);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - :root {--accentBackground:var(--blue4Light);--accentColor:var(--blue4Dark);--background0:var(--white0);--background025:var(--white025);--background05:var(--white05);--background075:var(--white075);--color1:var(--black12);--color2:var(--white2);--color3:var(--white3);--color4:var(--white4);--color5:var(--white5);--color6:var(--white6);--color7:var(--white7);--color8:var(--white8);--color9:var(--gray9Light);--color10:var(--white10);--color11:var(--white11);--color12:var(--gray12Light);--color0:var(--black0);--color025:var(--black025);--color05:var(--black05);--color075:var(--black075);--background:var(--black12);--backgroundHover:var(--white075);--backgroundPress:var(--white2);--backgroundFocus:var(--white2);--borderColor:var(--white4);--borderColorHover:var(--white3);--borderColorPress:var(--white5);--borderColorFocus:var(--white4);--color:var(--gray12Light);--colorHover:var(--white11);--colorPress:var(--gray12Light);--colorFocus:var(--white11);--colorTransparent:var(--black0);--placeholderColor:var(--gray9Light);--outlineColor:var(--black025);--blue1:var(--blue1Light);--blue2:var(--blue2Light);--blue3:var(--blue3Light);--blue4:var(--blue4Light);--blue5:var(--blue5Light);--blue6:var(--blue6Light);--blue7:var(--blue7Light);--blue8:var(--blue8Light);--blue9:var(--blue9Dark);--blue10:var(--blue10Light);--blue11:var(--blue11Light);--blue12:var(--blue12Light);--gray1:var(--gray1Light);--gray2:var(--gray2Light);--gray3:var(--gray3Light);--gray4:var(--gray12Dark);--gray5:var(--gray5Light);--gray6:var(--gray6Light);--gray7:var(--gray7Light);--gray8:var(--gray8Light);--gray9:var(--gray9Light);--gray10:var(--gray10Light);--gray11:var(--gray11Light);--gray12:var(--gray12Light);--green1:var(--green1Light);--green2:var(--green2Light);--green3:var(--green3Light);--green4:var(--green4Light);--green5:var(--green5Light);--green6:var(--green6Light);--green7:var(--green7Light);--green8:var(--green8Light);--green9:var(--green9Dark);--green10:var(--green10Light);--green11:var(--green11Light);--green12:var(--green12Light);--orange1:var(--orange1Light);--orange2:var(--orange2Light);--orange3:var(--orange3Light);--orange4:var(--orange4Light);--orange5:var(--orange5Light);--orange6:var(--orange6Light);--orange7:var(--orange7Light);--orange8:var(--orange8Light);--orange9:var(--orange9Dark);--orange10:var(--orange10Light);--orange11:var(--orange11Light);--orange12:var(--orange12Light);--pink1:var(--pink1Light);--pink2:var(--pink2Light);--pink3:var(--pink3Light);--pink4:var(--pink4Light);--pink5:var(--pink5Light);--pink6:var(--pink6Light);--pink7:var(--pink7Light);--pink8:var(--pink8Light);--pink9:var(--pink9Dark);--pink10:var(--pink10Light);--pink11:var(--pink11Light);--pink12:var(--pink12Light);--purple1:var(--purple1Light);--purple2:var(--purple2Light);--purple3:var(--purple3Light);--purple4:var(--purple4Light);--purple5:var(--purple5Light);--purple6:var(--purple6Light);--purple7:var(--purple7Light);--purple8:var(--purple8Light);--purple9:var(--purple9Dark);--purple10:var(--purple10Light);--purple11:var(--purple11Light);--purple12:var(--purple12Light);--red1:var(--red1Light);--red2:var(--red2Light);--red3:var(--red3Light);--red4:var(--red4Light);--red5:var(--red5Light);--red6:var(--red6Light);--red7:var(--red7Light);--red8:var(--red8Light);--red9:var(--red9Dark);--red10:var(--red10Light);--red11:var(--red11Light);--red12:var(--red12Light);--yellow1:var(--yellow1Light);--yellow2:var(--yellow2Light);--yellow3:var(--yellow3Light);--yellow4:var(--yellow4Light);--yellow5:var(--yellow5Light);--yellow6:var(--yellow6Light);--yellow7:var(--yellow7Light);--yellow8:var(--yellow8Light);--yellow9:var(--yellow9Dark);--yellow10:var(--yellow10Light);--yellow11:var(--yellow11Light);--yellow12:var(--yellow12Light);--shadowColor:rgba(0,0,0,0.085);--shadowColorHover:rgba(0,0,0,0.085);--shadowColorPress:rgba(0,0,0,0.04);--shadowColorFocus:rgba(0,0,0,0.04);} - } -.t_light ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark, :root.t_dark {--accentBackground:var(--blue4Dark);--accentColor:var(--blue4Light);--background0:var(--black0);--background025:var(--black025);--background05:var(--black05);--background075:var(--black075);--color1:var(--black1);--color2:var(--black2);--color3:var(--black3);--color4:var(--black4);--color5:var(--black5);--color6:var(--black6);--color7:var(--black7);--color8:var(--black8);--color9:var(--black9);--color10:var(--black10);--color11:var(--black11);--color12:var(--black12);--color0:var(--white0);--color025:var(--white025);--color05:var(--white05);--color075:var(--white075);--background:var(--black1);--backgroundHover:var(--black2);--backgroundPress:var(--black075);--backgroundFocus:var(--black075);--borderColor:var(--black4);--borderColorHover:var(--black5);--borderColorPress:var(--black3);--borderColorFocus:var(--black4);--color:var(--black12);--colorHover:var(--black11);--colorPress:var(--black12);--colorFocus:var(--black11);--colorTransparent:var(--white0);--placeholderColor:var(--black9);--outlineColor:var(--white025);--blue1:var(--blue1Dark);--blue2:var(--blue2Dark);--blue3:var(--blue3Dark);--blue4:var(--blue4Dark);--blue5:var(--blue5Dark);--blue6:var(--blue6Dark);--blue7:var(--blue7Dark);--blue8:var(--blue8Dark);--blue9:var(--blue9Dark);--blue10:var(--blue10Dark);--blue11:var(--blue11Dark);--blue12:var(--blue12Dark);--gray1:var(--gray1Dark);--gray2:var(--gray2Dark);--gray3:var(--gray3Dark);--gray4:var(--gray4Dark);--gray5:var(--gray5Dark);--gray6:var(--gray6Dark);--gray7:var(--gray7Dark);--gray8:var(--gray8Dark);--gray9:var(--gray9Dark);--gray10:var(--gray10Dark);--gray11:var(--gray11Dark);--gray12:var(--gray12Dark);--green1:var(--green1Dark);--green2:var(--green2Dark);--green3:var(--green3Dark);--green4:var(--green4Dark);--green5:var(--green5Dark);--green6:var(--green6Dark);--green7:var(--green7Dark);--green8:var(--green8Dark);--green9:var(--green9Dark);--green10:var(--green10Dark);--green11:var(--green11Dark);--green12:var(--green12Dark);--orange1:var(--orange1Dark);--orange2:var(--orange2Dark);--orange3:var(--orange3Dark);--orange4:var(--orange4Dark);--orange5:var(--orange5Dark);--orange6:var(--orange6Dark);--orange7:var(--orange7Dark);--orange8:var(--orange8Dark);--orange9:var(--orange9Dark);--orange10:var(--orange10Dark);--orange11:var(--orange11Dark);--orange12:var(--orange12Dark);--pink1:var(--pink1Dark);--pink2:var(--pink2Dark);--pink3:var(--pink3Dark);--pink4:var(--pink4Dark);--pink5:var(--pink5Dark);--pink6:var(--pink6Dark);--pink7:var(--pink7Dark);--pink8:var(--pink8Dark);--pink9:var(--pink9Dark);--pink10:var(--pink10Dark);--pink11:var(--pink11Dark);--pink12:var(--pink12Dark);--purple1:var(--purple1Dark);--purple2:var(--purple2Dark);--purple3:var(--purple3Dark);--purple4:var(--purple4Dark);--purple5:var(--purple5Dark);--purple6:var(--purple6Dark);--purple7:var(--purple7Dark);--purple8:var(--purple8Dark);--purple9:var(--purple9Dark);--purple10:var(--purple10Dark);--purple11:var(--purple11Dark);--purple12:var(--purple12Dark);--red1:var(--red1Dark);--red2:var(--red2Dark);--red3:var(--red3Dark);--red4:var(--red4Dark);--red5:var(--red5Dark);--red6:var(--red6Dark);--red7:var(--red7Dark);--red8:var(--red8Dark);--red9:var(--red9Dark);--red10:var(--red10Dark);--red11:var(--red11Dark);--red12:var(--red12Dark);--yellow1:var(--yellow1Dark);--yellow2:var(--yellow2Dark);--yellow3:var(--yellow3Dark);--yellow4:var(--yellow4Dark);--yellow5:var(--yellow5Dark);--yellow6:var(--yellow6Dark);--yellow7:var(--yellow7Dark);--yellow8:var(--yellow8Dark);--yellow9:var(--yellow9Dark);--yellow10:var(--yellow10Dark);--yellow11:var(--yellow11Dark);--yellow12:var(--yellow12Dark);--shadowColor:rgba(0,0,0,0.3);--shadowColorHover:rgba(0,0,0,0.3);--shadowColorPress:rgba(0,0,0,0.2);--shadowColorFocus:rgba(0,0,0,0.2);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - :root {--accentBackground:var(--blue4Dark);--accentColor:var(--blue4Light);--background0:var(--black0);--background025:var(--black025);--background05:var(--black05);--background075:var(--black075);--color1:var(--black1);--color2:var(--black2);--color3:var(--black3);--color4:var(--black4);--color5:var(--black5);--color6:var(--black6);--color7:var(--black7);--color8:var(--black8);--color9:var(--black9);--color10:var(--black10);--color11:var(--black11);--color12:var(--black12);--color0:var(--white0);--color025:var(--white025);--color05:var(--white05);--color075:var(--white075);--background:var(--black1);--backgroundHover:var(--black2);--backgroundPress:var(--black075);--backgroundFocus:var(--black075);--borderColor:var(--black4);--borderColorHover:var(--black5);--borderColorPress:var(--black3);--borderColorFocus:var(--black4);--color:var(--black12);--colorHover:var(--black11);--colorPress:var(--black12);--colorFocus:var(--black11);--colorTransparent:var(--white0);--placeholderColor:var(--black9);--outlineColor:var(--white025);--blue1:var(--blue1Dark);--blue2:var(--blue2Dark);--blue3:var(--blue3Dark);--blue4:var(--blue4Dark);--blue5:var(--blue5Dark);--blue6:var(--blue6Dark);--blue7:var(--blue7Dark);--blue8:var(--blue8Dark);--blue9:var(--blue9Dark);--blue10:var(--blue10Dark);--blue11:var(--blue11Dark);--blue12:var(--blue12Dark);--gray1:var(--gray1Dark);--gray2:var(--gray2Dark);--gray3:var(--gray3Dark);--gray4:var(--gray4Dark);--gray5:var(--gray5Dark);--gray6:var(--gray6Dark);--gray7:var(--gray7Dark);--gray8:var(--gray8Dark);--gray9:var(--gray9Dark);--gray10:var(--gray10Dark);--gray11:var(--gray11Dark);--gray12:var(--gray12Dark);--green1:var(--green1Dark);--green2:var(--green2Dark);--green3:var(--green3Dark);--green4:var(--green4Dark);--green5:var(--green5Dark);--green6:var(--green6Dark);--green7:var(--green7Dark);--green8:var(--green8Dark);--green9:var(--green9Dark);--green10:var(--green10Dark);--green11:var(--green11Dark);--green12:var(--green12Dark);--orange1:var(--orange1Dark);--orange2:var(--orange2Dark);--orange3:var(--orange3Dark);--orange4:var(--orange4Dark);--orange5:var(--orange5Dark);--orange6:var(--orange6Dark);--orange7:var(--orange7Dark);--orange8:var(--orange8Dark);--orange9:var(--orange9Dark);--orange10:var(--orange10Dark);--orange11:var(--orange11Dark);--orange12:var(--orange12Dark);--pink1:var(--pink1Dark);--pink2:var(--pink2Dark);--pink3:var(--pink3Dark);--pink4:var(--pink4Dark);--pink5:var(--pink5Dark);--pink6:var(--pink6Dark);--pink7:var(--pink7Dark);--pink8:var(--pink8Dark);--pink9:var(--pink9Dark);--pink10:var(--pink10Dark);--pink11:var(--pink11Dark);--pink12:var(--pink12Dark);--purple1:var(--purple1Dark);--purple2:var(--purple2Dark);--purple3:var(--purple3Dark);--purple4:var(--purple4Dark);--purple5:var(--purple5Dark);--purple6:var(--purple6Dark);--purple7:var(--purple7Dark);--purple8:var(--purple8Dark);--purple9:var(--purple9Dark);--purple10:var(--purple10Dark);--purple11:var(--purple11Dark);--purple12:var(--purple12Dark);--red1:var(--red1Dark);--red2:var(--red2Dark);--red3:var(--red3Dark);--red4:var(--red4Dark);--red5:var(--red5Dark);--red6:var(--red6Dark);--red7:var(--red7Dark);--red8:var(--red8Dark);--red9:var(--red9Dark);--red10:var(--red10Dark);--red11:var(--red11Dark);--red12:var(--red12Dark);--yellow1:var(--yellow1Dark);--yellow2:var(--yellow2Dark);--yellow3:var(--yellow3Dark);--yellow4:var(--yellow4Dark);--yellow5:var(--yellow5Dark);--yellow6:var(--yellow6Dark);--yellow7:var(--yellow7Dark);--yellow8:var(--yellow8Dark);--yellow9:var(--yellow9Dark);--yellow10:var(--yellow10Dark);--yellow11:var(--yellow11Dark);--yellow12:var(--yellow12Dark);--shadowColor:rgba(0,0,0,0.3);--shadowColorHover:rgba(0,0,0,0.3);--shadowColorPress:rgba(0,0,0,0.2);--shadowColorFocus:rgba(0,0,0,0.2);} - } -.t_dark ::selection{background:var(--color5);color:var(--color11)} -:root.t_light .t_orange {--accentBackground:var(--pink1Light);--accentColor:var(--pink12Light);--background0:hsla(24, 70.0%, 99.0%, 0);--background025:hsla(24, 70.0%, 99.0%, 0.25);--background05:hsla(24, 70.0%, 99.0%, 0.5);--background075:hsla(24, 70.0%, 99.0%, 0.75);--color1:var(--orange1Light);--color2:var(--orange2Light);--color3:var(--orange3Light);--color4:var(--orange4Light);--color5:var(--orange5Light);--color6:var(--orange6Light);--color7:var(--orange7Light);--color8:var(--orange8Light);--color9:var(--orange9Dark);--color10:var(--orange10Light);--color11:var(--orange11Light);--color12:var(--orange12Light);--color0:hsla(24, 94.0%, 50.0%, 0);--color025:hsla(24, 94.0%, 50.0%, 0.25);--color05:hsla(24, 94.0%, 50.0%, 0.5);--color075:hsla(24, 94.0%, 50.0%, 0.75);--background:var(--orange1Light);--backgroundHover:hsla(24, 70.0%, 99.0%, 0.75);--backgroundPress:var(--orange2Light);--backgroundFocus:var(--orange2Light);--borderColor:var(--orange4Light);--borderColorHover:var(--orange3Light);--borderColorPress:var(--orange5Light);--borderColorFocus:var(--orange4Light);--color:var(--orange12Light);--colorHover:var(--orange11Light);--colorPress:var(--orange12Light);--colorFocus:var(--orange11Light);--colorTransparent:hsla(24, 94.0%, 50.0%, 0);--placeholderColor:var(--orange9Dark);--outlineColor:hsla(24, 94.0%, 50.0%, 0.25);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_orange {--accentBackground:var(--pink1Light);--accentColor:var(--pink12Light);--background0:hsla(24, 70.0%, 99.0%, 0);--background025:hsla(24, 70.0%, 99.0%, 0.25);--background05:hsla(24, 70.0%, 99.0%, 0.5);--background075:hsla(24, 70.0%, 99.0%, 0.75);--color1:var(--orange1Light);--color2:var(--orange2Light);--color3:var(--orange3Light);--color4:var(--orange4Light);--color5:var(--orange5Light);--color6:var(--orange6Light);--color7:var(--orange7Light);--color8:var(--orange8Light);--color9:var(--orange9Dark);--color10:var(--orange10Light);--color11:var(--orange11Light);--color12:var(--orange12Light);--color0:hsla(24, 94.0%, 50.0%, 0);--color025:hsla(24, 94.0%, 50.0%, 0.25);--color05:hsla(24, 94.0%, 50.0%, 0.5);--color075:hsla(24, 94.0%, 50.0%, 0.75);--background:var(--orange1Light);--backgroundHover:hsla(24, 70.0%, 99.0%, 0.75);--backgroundPress:var(--orange2Light);--backgroundFocus:var(--orange2Light);--borderColor:var(--orange4Light);--borderColorHover:var(--orange3Light);--borderColorPress:var(--orange5Light);--borderColorFocus:var(--orange4Light);--color:var(--orange12Light);--colorHover:var(--orange11Light);--colorPress:var(--orange12Light);--colorFocus:var(--orange11Light);--colorTransparent:hsla(24, 94.0%, 50.0%, 0);--placeholderColor:var(--orange9Dark);--outlineColor:hsla(24, 94.0%, 50.0%, 0.25);} - } -.t_light_orange ::selection{background:var(--color5);color:var(--color11)} -:root.t_light .t_yellow {--accentBackground:var(--blue1Light);--accentColor:var(--blue12Light);--background0:hsla(60, 54.0%, 98.5%, 0);--background025:hsla(60, 54.0%, 98.5%, 0.25);--background05:hsla(60, 54.0%, 98.5%, 0.5);--background075:hsla(60, 54.0%, 98.5%, 0.75);--color1:var(--yellow1Light);--color2:var(--yellow2Light);--color3:var(--yellow3Light);--color4:var(--yellow4Light);--color5:var(--yellow5Light);--color6:var(--yellow6Light);--color7:var(--yellow7Light);--color8:var(--yellow8Light);--color9:var(--yellow9Dark);--color10:var(--yellow10Light);--color11:var(--yellow11Light);--color12:var(--yellow12Light);--color0:hsla(53, 92.0%, 50.0%, 0);--color025:hsla(53, 92.0%, 50.0%, 0.25);--color05:hsla(53, 92.0%, 50.0%, 0.5);--color075:hsla(53, 92.0%, 50.0%, 0.75);--background:var(--yellow1Light);--backgroundHover:hsla(60, 54.0%, 98.5%, 0.75);--backgroundPress:var(--yellow2Light);--backgroundFocus:var(--yellow2Light);--borderColor:var(--yellow4Light);--borderColorHover:var(--yellow3Light);--borderColorPress:var(--yellow5Light);--borderColorFocus:var(--yellow4Light);--color:var(--yellow12Light);--colorHover:var(--yellow11Light);--colorPress:var(--yellow12Light);--colorFocus:var(--yellow11Light);--colorTransparent:hsla(53, 92.0%, 50.0%, 0);--placeholderColor:var(--yellow9Dark);--outlineColor:hsla(53, 92.0%, 50.0%, 0.25);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_yellow {--accentBackground:var(--blue1Light);--accentColor:var(--blue12Light);--background0:hsla(60, 54.0%, 98.5%, 0);--background025:hsla(60, 54.0%, 98.5%, 0.25);--background05:hsla(60, 54.0%, 98.5%, 0.5);--background075:hsla(60, 54.0%, 98.5%, 0.75);--color1:var(--yellow1Light);--color2:var(--yellow2Light);--color3:var(--yellow3Light);--color4:var(--yellow4Light);--color5:var(--yellow5Light);--color6:var(--yellow6Light);--color7:var(--yellow7Light);--color8:var(--yellow8Light);--color9:var(--yellow9Dark);--color10:var(--yellow10Light);--color11:var(--yellow11Light);--color12:var(--yellow12Light);--color0:hsla(53, 92.0%, 50.0%, 0);--color025:hsla(53, 92.0%, 50.0%, 0.25);--color05:hsla(53, 92.0%, 50.0%, 0.5);--color075:hsla(53, 92.0%, 50.0%, 0.75);--background:var(--yellow1Light);--backgroundHover:hsla(60, 54.0%, 98.5%, 0.75);--backgroundPress:var(--yellow2Light);--backgroundFocus:var(--yellow2Light);--borderColor:var(--yellow4Light);--borderColorHover:var(--yellow3Light);--borderColorPress:var(--yellow5Light);--borderColorFocus:var(--yellow4Light);--color:var(--yellow12Light);--colorHover:var(--yellow11Light);--colorPress:var(--yellow12Light);--colorFocus:var(--yellow11Light);--colorTransparent:hsla(53, 92.0%, 50.0%, 0);--placeholderColor:var(--yellow9Dark);--outlineColor:hsla(53, 92.0%, 50.0%, 0.25);} - } -.t_light_yellow ::selection{background:var(--color5);color:var(--color11)} -:root.t_light .t_green {--accentBackground:var(--orange1Light);--accentColor:var(--orange12Light);--background0:hsla(136, 50.0%, 98.9%, 0);--background025:hsla(136, 50.0%, 98.9%, 0.25);--background05:hsla(136, 50.0%, 98.9%, 0.5);--background075:hsla(136, 50.0%, 98.9%, 0.75);--color1:var(--green1Light);--color2:var(--green2Light);--color3:var(--green3Light);--color4:var(--green4Light);--color5:var(--green5Light);--color6:var(--green6Light);--color7:var(--green7Light);--color8:var(--green8Light);--color9:var(--green9Dark);--color10:var(--green10Light);--color11:var(--green11Light);--color12:var(--green12Light);--color0:hsla(151, 55.0%, 41.5%, 0);--color025:hsla(151, 55.0%, 41.5%, 0.25);--color05:hsla(151, 55.0%, 41.5%, 0.5);--color075:hsla(151, 55.0%, 41.5%, 0.75);--background:var(--green1Light);--backgroundHover:hsla(136, 50.0%, 98.9%, 0.75);--backgroundPress:var(--green2Light);--backgroundFocus:var(--green2Light);--borderColor:var(--green4Light);--borderColorHover:var(--green3Light);--borderColorPress:var(--green5Light);--borderColorFocus:var(--green4Light);--color:var(--green12Light);--colorHover:var(--green11Light);--colorPress:var(--green12Light);--colorFocus:var(--green11Light);--colorTransparent:hsla(151, 55.0%, 41.5%, 0);--placeholderColor:var(--green9Dark);--outlineColor:hsla(151, 55.0%, 41.5%, 0.25);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_green {--accentBackground:var(--orange1Light);--accentColor:var(--orange12Light);--background0:hsla(136, 50.0%, 98.9%, 0);--background025:hsla(136, 50.0%, 98.9%, 0.25);--background05:hsla(136, 50.0%, 98.9%, 0.5);--background075:hsla(136, 50.0%, 98.9%, 0.75);--color1:var(--green1Light);--color2:var(--green2Light);--color3:var(--green3Light);--color4:var(--green4Light);--color5:var(--green5Light);--color6:var(--green6Light);--color7:var(--green7Light);--color8:var(--green8Light);--color9:var(--green9Dark);--color10:var(--green10Light);--color11:var(--green11Light);--color12:var(--green12Light);--color0:hsla(151, 55.0%, 41.5%, 0);--color025:hsla(151, 55.0%, 41.5%, 0.25);--color05:hsla(151, 55.0%, 41.5%, 0.5);--color075:hsla(151, 55.0%, 41.5%, 0.75);--background:var(--green1Light);--backgroundHover:hsla(136, 50.0%, 98.9%, 0.75);--backgroundPress:var(--green2Light);--backgroundFocus:var(--green2Light);--borderColor:var(--green4Light);--borderColorHover:var(--green3Light);--borderColorPress:var(--green5Light);--borderColorFocus:var(--green4Light);--color:var(--green12Light);--colorHover:var(--green11Light);--colorPress:var(--green12Light);--colorFocus:var(--green11Light);--colorTransparent:hsla(151, 55.0%, 41.5%, 0);--placeholderColor:var(--green9Dark);--outlineColor:hsla(151, 55.0%, 41.5%, 0.25);} - } -.t_light_green ::selection{background:var(--color5);color:var(--color11)} -:root.t_light .t_blue {--accentBackground:var(--gray1Light);--accentColor:var(--gray12Light);--background0:hsla(206, 100%, 99.2%, 0);--background025:hsla(206, 100%, 99.2%, 0.25);--background05:hsla(206, 100%, 99.2%, 0.5);--background075:hsla(206, 100%, 99.2%, 0.75);--color1:var(--blue1Light);--color2:var(--blue2Light);--color3:var(--blue3Light);--color4:var(--blue4Light);--color5:var(--blue5Light);--color6:var(--blue6Light);--color7:var(--blue7Light);--color8:var(--blue8Light);--color9:var(--blue9Dark);--color10:var(--blue10Light);--color11:var(--blue11Light);--color12:var(--blue12Light);--color0:hsla(206, 100%, 50.0%, 0);--color025:hsla(206, 100%, 50.0%, 0.25);--color05:hsla(206, 100%, 50.0%, 0.5);--color075:hsla(206, 100%, 50.0%, 0.75);--background:var(--blue1Light);--backgroundHover:hsla(206, 100%, 99.2%, 0.75);--backgroundPress:var(--blue2Light);--backgroundFocus:var(--blue2Light);--borderColor:var(--blue4Light);--borderColorHover:var(--blue3Light);--borderColorPress:var(--blue5Light);--borderColorFocus:var(--blue4Light);--color:var(--blue12Light);--colorHover:var(--blue11Light);--colorPress:var(--blue12Light);--colorFocus:var(--blue11Light);--colorTransparent:hsla(206, 100%, 50.0%, 0);--placeholderColor:var(--blue9Dark);--outlineColor:hsla(206, 100%, 50.0%, 0.25);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_blue {--accentBackground:var(--gray1Light);--accentColor:var(--gray12Light);--background0:hsla(206, 100%, 99.2%, 0);--background025:hsla(206, 100%, 99.2%, 0.25);--background05:hsla(206, 100%, 99.2%, 0.5);--background075:hsla(206, 100%, 99.2%, 0.75);--color1:var(--blue1Light);--color2:var(--blue2Light);--color3:var(--blue3Light);--color4:var(--blue4Light);--color5:var(--blue5Light);--color6:var(--blue6Light);--color7:var(--blue7Light);--color8:var(--blue8Light);--color9:var(--blue9Dark);--color10:var(--blue10Light);--color11:var(--blue11Light);--color12:var(--blue12Light);--color0:hsla(206, 100%, 50.0%, 0);--color025:hsla(206, 100%, 50.0%, 0.25);--color05:hsla(206, 100%, 50.0%, 0.5);--color075:hsla(206, 100%, 50.0%, 0.75);--background:var(--blue1Light);--backgroundHover:hsla(206, 100%, 99.2%, 0.75);--backgroundPress:var(--blue2Light);--backgroundFocus:var(--blue2Light);--borderColor:var(--blue4Light);--borderColorHover:var(--blue3Light);--borderColorPress:var(--blue5Light);--borderColorFocus:var(--blue4Light);--color:var(--blue12Light);--colorHover:var(--blue11Light);--colorPress:var(--blue12Light);--colorFocus:var(--blue11Light);--colorTransparent:hsla(206, 100%, 50.0%, 0);--placeholderColor:var(--blue9Dark);--outlineColor:hsla(206, 100%, 50.0%, 0.25);} - } -.t_light_blue ::selection{background:var(--color5);color:var(--color11)} -:root.t_light .t_purple {--accentBackground:var(--red1Light);--accentColor:var(--red12Light);--background0:hsla(280, 65.0%, 99.4%, 0);--background025:hsla(280, 65.0%, 99.4%, 0.25);--background05:hsla(280, 65.0%, 99.4%, 0.5);--background075:hsla(280, 65.0%, 99.4%, 0.75);--color1:var(--purple1Light);--color2:var(--purple2Light);--color3:var(--purple3Light);--color4:var(--purple4Light);--color5:var(--purple5Light);--color6:var(--purple6Light);--color7:var(--purple7Light);--color8:var(--purple8Light);--color9:var(--purple9Dark);--color10:var(--purple10Light);--color11:var(--purple11Light);--color12:var(--purple12Light);--color0:hsla(272, 51.0%, 54.0%, 0);--color025:hsla(272, 51.0%, 54.0%, 0.25);--color05:hsla(272, 51.0%, 54.0%, 0.5);--color075:hsla(272, 51.0%, 54.0%, 0.75);--background:var(--purple1Light);--backgroundHover:hsla(280, 65.0%, 99.4%, 0.75);--backgroundPress:var(--purple2Light);--backgroundFocus:var(--purple2Light);--borderColor:var(--purple4Light);--borderColorHover:var(--purple3Light);--borderColorPress:var(--purple5Light);--borderColorFocus:var(--purple4Light);--color:var(--purple12Light);--colorHover:var(--purple11Light);--colorPress:var(--purple12Light);--colorFocus:var(--purple11Light);--colorTransparent:hsla(272, 51.0%, 54.0%, 0);--placeholderColor:var(--purple9Dark);--outlineColor:hsla(272, 51.0%, 54.0%, 0.25);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_purple {--accentBackground:var(--red1Light);--accentColor:var(--red12Light);--background0:hsla(280, 65.0%, 99.4%, 0);--background025:hsla(280, 65.0%, 99.4%, 0.25);--background05:hsla(280, 65.0%, 99.4%, 0.5);--background075:hsla(280, 65.0%, 99.4%, 0.75);--color1:var(--purple1Light);--color2:var(--purple2Light);--color3:var(--purple3Light);--color4:var(--purple4Light);--color5:var(--purple5Light);--color6:var(--purple6Light);--color7:var(--purple7Light);--color8:var(--purple8Light);--color9:var(--purple9Dark);--color10:var(--purple10Light);--color11:var(--purple11Light);--color12:var(--purple12Light);--color0:hsla(272, 51.0%, 54.0%, 0);--color025:hsla(272, 51.0%, 54.0%, 0.25);--color05:hsla(272, 51.0%, 54.0%, 0.5);--color075:hsla(272, 51.0%, 54.0%, 0.75);--background:var(--purple1Light);--backgroundHover:hsla(280, 65.0%, 99.4%, 0.75);--backgroundPress:var(--purple2Light);--backgroundFocus:var(--purple2Light);--borderColor:var(--purple4Light);--borderColorHover:var(--purple3Light);--borderColorPress:var(--purple5Light);--borderColorFocus:var(--purple4Light);--color:var(--purple12Light);--colorHover:var(--purple11Light);--colorPress:var(--purple12Light);--colorFocus:var(--purple11Light);--colorTransparent:hsla(272, 51.0%, 54.0%, 0);--placeholderColor:var(--purple9Dark);--outlineColor:hsla(272, 51.0%, 54.0%, 0.25);} - } -.t_light_purple ::selection{background:var(--color5);color:var(--color11)} -:root.t_light .t_pink {--accentBackground:var(--purple1Light);--accentColor:var(--purple12Light);--background0:hsla(322, 100%, 99.4%, 0);--background025:hsla(322, 100%, 99.4%, 0.25);--background05:hsla(322, 100%, 99.4%, 0.5);--background075:hsla(322, 100%, 99.4%, 0.75);--color1:var(--pink1Light);--color2:var(--pink2Light);--color3:var(--pink3Light);--color4:var(--pink4Light);--color5:var(--pink5Light);--color6:var(--pink6Light);--color7:var(--pink7Light);--color8:var(--pink8Light);--color9:var(--pink9Dark);--color10:var(--pink10Light);--color11:var(--pink11Light);--color12:var(--pink12Light);--color0:hsla(322, 65.0%, 54.5%, 0);--color025:hsla(322, 65.0%, 54.5%, 0.25);--color05:hsla(322, 65.0%, 54.5%, 0.5);--color075:hsla(322, 65.0%, 54.5%, 0.75);--background:var(--pink1Light);--backgroundHover:hsla(322, 100%, 99.4%, 0.75);--backgroundPress:var(--pink2Light);--backgroundFocus:var(--pink2Light);--borderColor:var(--pink4Light);--borderColorHover:var(--pink3Light);--borderColorPress:var(--pink5Light);--borderColorFocus:var(--pink4Light);--color:var(--pink12Light);--colorHover:var(--pink11Light);--colorPress:var(--pink12Light);--colorFocus:var(--pink11Light);--colorTransparent:hsla(322, 65.0%, 54.5%, 0);--placeholderColor:var(--pink9Dark);--outlineColor:hsla(322, 65.0%, 54.5%, 0.25);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_pink {--accentBackground:var(--purple1Light);--accentColor:var(--purple12Light);--background0:hsla(322, 100%, 99.4%, 0);--background025:hsla(322, 100%, 99.4%, 0.25);--background05:hsla(322, 100%, 99.4%, 0.5);--background075:hsla(322, 100%, 99.4%, 0.75);--color1:var(--pink1Light);--color2:var(--pink2Light);--color3:var(--pink3Light);--color4:var(--pink4Light);--color5:var(--pink5Light);--color6:var(--pink6Light);--color7:var(--pink7Light);--color8:var(--pink8Light);--color9:var(--pink9Dark);--color10:var(--pink10Light);--color11:var(--pink11Light);--color12:var(--pink12Light);--color0:hsla(322, 65.0%, 54.5%, 0);--color025:hsla(322, 65.0%, 54.5%, 0.25);--color05:hsla(322, 65.0%, 54.5%, 0.5);--color075:hsla(322, 65.0%, 54.5%, 0.75);--background:var(--pink1Light);--backgroundHover:hsla(322, 100%, 99.4%, 0.75);--backgroundPress:var(--pink2Light);--backgroundFocus:var(--pink2Light);--borderColor:var(--pink4Light);--borderColorHover:var(--pink3Light);--borderColorPress:var(--pink5Light);--borderColorFocus:var(--pink4Light);--color:var(--pink12Light);--colorHover:var(--pink11Light);--colorPress:var(--pink12Light);--colorFocus:var(--pink11Light);--colorTransparent:hsla(322, 65.0%, 54.5%, 0);--placeholderColor:var(--pink9Dark);--outlineColor:hsla(322, 65.0%, 54.5%, 0.25);} - } -.t_light_pink ::selection{background:var(--color5);color:var(--color11)} -:root.t_light .t_red {--accentBackground:var(--yellow1Light);--accentColor:var(--yellow12Light);--background0:hsla(359, 100%, 99.4%, 0);--background025:hsla(359, 100%, 99.4%, 0.25);--background05:hsla(359, 100%, 99.4%, 0.5);--background075:hsla(359, 100%, 99.4%, 0.75);--color1:var(--red1Light);--color2:var(--red2Light);--color3:var(--red3Light);--color4:var(--red4Light);--color5:var(--red5Light);--color6:var(--red6Light);--color7:var(--red7Light);--color8:var(--red8Light);--color9:var(--red9Dark);--color10:var(--red10Light);--color11:var(--red11Light);--color12:var(--red12Light);--color0:hsla(358, 75.0%, 59.0%, 0);--color025:hsla(358, 75.0%, 59.0%, 0.25);--color05:hsla(358, 75.0%, 59.0%, 0.5);--color075:hsla(358, 75.0%, 59.0%, 0.75);--background:var(--red1Light);--backgroundHover:hsla(359, 100%, 99.4%, 0.75);--backgroundPress:var(--red2Light);--backgroundFocus:var(--red2Light);--borderColor:var(--red4Light);--borderColorHover:var(--red3Light);--borderColorPress:var(--red5Light);--borderColorFocus:var(--red4Light);--color:var(--red12Light);--colorHover:var(--red11Light);--colorPress:var(--red12Light);--colorFocus:var(--red11Light);--colorTransparent:hsla(358, 75.0%, 59.0%, 0);--placeholderColor:var(--red9Dark);--outlineColor:hsla(358, 75.0%, 59.0%, 0.25);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_red {--accentBackground:var(--yellow1Light);--accentColor:var(--yellow12Light);--background0:hsla(359, 100%, 99.4%, 0);--background025:hsla(359, 100%, 99.4%, 0.25);--background05:hsla(359, 100%, 99.4%, 0.5);--background075:hsla(359, 100%, 99.4%, 0.75);--color1:var(--red1Light);--color2:var(--red2Light);--color3:var(--red3Light);--color4:var(--red4Light);--color5:var(--red5Light);--color6:var(--red6Light);--color7:var(--red7Light);--color8:var(--red8Light);--color9:var(--red9Dark);--color10:var(--red10Light);--color11:var(--red11Light);--color12:var(--red12Light);--color0:hsla(358, 75.0%, 59.0%, 0);--color025:hsla(358, 75.0%, 59.0%, 0.25);--color05:hsla(358, 75.0%, 59.0%, 0.5);--color075:hsla(358, 75.0%, 59.0%, 0.75);--background:var(--red1Light);--backgroundHover:hsla(359, 100%, 99.4%, 0.75);--backgroundPress:var(--red2Light);--backgroundFocus:var(--red2Light);--borderColor:var(--red4Light);--borderColorHover:var(--red3Light);--borderColorPress:var(--red5Light);--borderColorFocus:var(--red4Light);--color:var(--red12Light);--colorHover:var(--red11Light);--colorPress:var(--red12Light);--colorFocus:var(--red11Light);--colorTransparent:hsla(358, 75.0%, 59.0%, 0);--placeholderColor:var(--red9Dark);--outlineColor:hsla(358, 75.0%, 59.0%, 0.25);} - } -.t_light_red ::selection{background:var(--color5);color:var(--color11)} -:root.t_light .t_gray {--accentBackground:var(--green1Light);--accentColor:var(--green12Light);--background0:hsla(0, 0%, 99.0%, 0);--background025:hsla(0, 0%, 99.0%, 0.25);--background05:hsla(0, 0%, 99.0%, 0.5);--background075:hsla(0, 0%, 99.0%, 0.75);--color1:var(--gray1Light);--color2:var(--gray2Light);--color3:var(--gray3Light);--color4:var(--gray12Dark);--color5:var(--gray5Light);--color6:var(--gray6Light);--color7:var(--gray7Light);--color8:var(--gray8Light);--color9:var(--gray9Light);--color10:var(--gray10Light);--color11:var(--gray11Light);--color12:var(--gray12Light);--color0:hsla(0, 0%, 56.1%, 0);--color025:hsla(0, 0%, 56.1%, 0.25);--color05:hsla(0, 0%, 56.1%, 0.5);--color075:hsla(0, 0%, 56.1%, 0.75);--background:var(--gray1Light);--backgroundHover:hsla(0, 0%, 99.0%, 0.75);--backgroundPress:var(--gray2Light);--backgroundFocus:var(--gray2Light);--borderColor:var(--gray12Dark);--borderColorHover:var(--gray3Light);--borderColorPress:var(--gray5Light);--borderColorFocus:var(--gray12Dark);--color:var(--gray12Light);--colorHover:var(--gray11Light);--colorPress:var(--gray12Light);--colorFocus:var(--gray11Light);--colorTransparent:hsla(0, 0%, 56.1%, 0);--placeholderColor:var(--gray9Light);--outlineColor:hsla(0, 0%, 56.1%, 0.25);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_gray {--accentBackground:var(--green1Light);--accentColor:var(--green12Light);--background0:hsla(0, 0%, 99.0%, 0);--background025:hsla(0, 0%, 99.0%, 0.25);--background05:hsla(0, 0%, 99.0%, 0.5);--background075:hsla(0, 0%, 99.0%, 0.75);--color1:var(--gray1Light);--color2:var(--gray2Light);--color3:var(--gray3Light);--color4:var(--gray12Dark);--color5:var(--gray5Light);--color6:var(--gray6Light);--color7:var(--gray7Light);--color8:var(--gray8Light);--color9:var(--gray9Light);--color10:var(--gray10Light);--color11:var(--gray11Light);--color12:var(--gray12Light);--color0:hsla(0, 0%, 56.1%, 0);--color025:hsla(0, 0%, 56.1%, 0.25);--color05:hsla(0, 0%, 56.1%, 0.5);--color075:hsla(0, 0%, 56.1%, 0.75);--background:var(--gray1Light);--backgroundHover:hsla(0, 0%, 99.0%, 0.75);--backgroundPress:var(--gray2Light);--backgroundFocus:var(--gray2Light);--borderColor:var(--gray12Dark);--borderColorHover:var(--gray3Light);--borderColorPress:var(--gray5Light);--borderColorFocus:var(--gray12Dark);--color:var(--gray12Light);--colorHover:var(--gray11Light);--colorPress:var(--gray12Light);--colorFocus:var(--gray11Light);--colorTransparent:hsla(0, 0%, 56.1%, 0);--placeholderColor:var(--gray9Light);--outlineColor:hsla(0, 0%, 56.1%, 0.25);} - } -.t_light_gray ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_orange {--accentBackground:var(--pink1Light);--accentColor:var(--pink12Light);--background0:hsla(30, 70.0%, 7.2%, 0);--background025:hsla(30, 70.0%, 7.2%, 0.25);--background05:hsla(30, 70.0%, 7.2%, 0.5);--background075:hsla(30, 70.0%, 7.2%, 0.75);--color1:var(--orange1Dark);--color2:var(--orange2Dark);--color3:var(--orange3Dark);--color4:var(--orange4Dark);--color5:var(--orange5Dark);--color6:var(--orange6Dark);--color7:var(--orange7Dark);--color8:var(--orange8Dark);--color9:var(--orange9Dark);--color10:var(--orange10Dark);--color11:var(--orange11Dark);--color12:var(--orange12Dark);--color0:hsla(24, 94.0%, 50.0%, 0);--color025:hsla(24, 94.0%, 50.0%, 0.25);--color05:hsla(24, 94.0%, 50.0%, 0.5);--color075:hsla(24, 94.0%, 50.0%, 0.75);--background:var(--orange1Dark);--backgroundHover:var(--orange2Dark);--backgroundPress:hsla(30, 70.0%, 7.2%, 0.75);--backgroundFocus:hsla(30, 70.0%, 7.2%, 0.75);--borderColor:var(--orange4Dark);--borderColorHover:var(--orange5Dark);--borderColorPress:var(--orange3Dark);--borderColorFocus:var(--orange4Dark);--color:var(--orange12Dark);--colorHover:var(--orange11Dark);--colorPress:var(--orange12Dark);--colorFocus:var(--orange11Dark);--colorTransparent:hsla(24, 94.0%, 50.0%, 0);--placeholderColor:var(--orange9Dark);--outlineColor:hsla(24, 94.0%, 50.0%, 0.25);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_orange {--accentBackground:var(--pink1Light);--accentColor:var(--pink12Light);--background0:hsla(30, 70.0%, 7.2%, 0);--background025:hsla(30, 70.0%, 7.2%, 0.25);--background05:hsla(30, 70.0%, 7.2%, 0.5);--background075:hsla(30, 70.0%, 7.2%, 0.75);--color1:var(--orange1Dark);--color2:var(--orange2Dark);--color3:var(--orange3Dark);--color4:var(--orange4Dark);--color5:var(--orange5Dark);--color6:var(--orange6Dark);--color7:var(--orange7Dark);--color8:var(--orange8Dark);--color9:var(--orange9Dark);--color10:var(--orange10Dark);--color11:var(--orange11Dark);--color12:var(--orange12Dark);--color0:hsla(24, 94.0%, 50.0%, 0);--color025:hsla(24, 94.0%, 50.0%, 0.25);--color05:hsla(24, 94.0%, 50.0%, 0.5);--color075:hsla(24, 94.0%, 50.0%, 0.75);--background:var(--orange1Dark);--backgroundHover:var(--orange2Dark);--backgroundPress:hsla(30, 70.0%, 7.2%, 0.75);--backgroundFocus:hsla(30, 70.0%, 7.2%, 0.75);--borderColor:var(--orange4Dark);--borderColorHover:var(--orange5Dark);--borderColorPress:var(--orange3Dark);--borderColorFocus:var(--orange4Dark);--color:var(--orange12Dark);--colorHover:var(--orange11Dark);--colorPress:var(--orange12Dark);--colorFocus:var(--orange11Dark);--colorTransparent:hsla(24, 94.0%, 50.0%, 0);--placeholderColor:var(--orange9Dark);--outlineColor:hsla(24, 94.0%, 50.0%, 0.25);} - } -.t_dark_orange ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_yellow {--accentBackground:var(--blue1Light);--accentColor:var(--blue12Light);--background0:hsla(45, 100%, 5.5%, 0);--background025:hsla(45, 100%, 5.5%, 0.25);--background05:hsla(45, 100%, 5.5%, 0.5);--background075:hsla(45, 100%, 5.5%, 0.75);--color1:var(--yellow1Dark);--color2:var(--yellow2Dark);--color3:var(--yellow3Dark);--color4:var(--yellow4Dark);--color5:var(--yellow5Dark);--color6:var(--yellow6Dark);--color7:var(--yellow7Dark);--color8:var(--yellow8Dark);--color9:var(--yellow9Dark);--color10:var(--yellow10Dark);--color11:var(--yellow11Dark);--color12:var(--yellow12Dark);--color0:hsla(53, 92.0%, 50.0%, 0);--color025:hsla(53, 92.0%, 50.0%, 0.25);--color05:hsla(53, 92.0%, 50.0%, 0.5);--color075:hsla(53, 92.0%, 50.0%, 0.75);--background:var(--yellow1Dark);--backgroundHover:var(--yellow2Dark);--backgroundPress:hsla(45, 100%, 5.5%, 0.75);--backgroundFocus:hsla(45, 100%, 5.5%, 0.75);--borderColor:var(--yellow4Dark);--borderColorHover:var(--yellow5Dark);--borderColorPress:var(--yellow3Dark);--borderColorFocus:var(--yellow4Dark);--color:var(--yellow12Dark);--colorHover:var(--yellow11Dark);--colorPress:var(--yellow12Dark);--colorFocus:var(--yellow11Dark);--colorTransparent:hsla(53, 92.0%, 50.0%, 0);--placeholderColor:var(--yellow9Dark);--outlineColor:hsla(53, 92.0%, 50.0%, 0.25);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_yellow {--accentBackground:var(--blue1Light);--accentColor:var(--blue12Light);--background0:hsla(45, 100%, 5.5%, 0);--background025:hsla(45, 100%, 5.5%, 0.25);--background05:hsla(45, 100%, 5.5%, 0.5);--background075:hsla(45, 100%, 5.5%, 0.75);--color1:var(--yellow1Dark);--color2:var(--yellow2Dark);--color3:var(--yellow3Dark);--color4:var(--yellow4Dark);--color5:var(--yellow5Dark);--color6:var(--yellow6Dark);--color7:var(--yellow7Dark);--color8:var(--yellow8Dark);--color9:var(--yellow9Dark);--color10:var(--yellow10Dark);--color11:var(--yellow11Dark);--color12:var(--yellow12Dark);--color0:hsla(53, 92.0%, 50.0%, 0);--color025:hsla(53, 92.0%, 50.0%, 0.25);--color05:hsla(53, 92.0%, 50.0%, 0.5);--color075:hsla(53, 92.0%, 50.0%, 0.75);--background:var(--yellow1Dark);--backgroundHover:var(--yellow2Dark);--backgroundPress:hsla(45, 100%, 5.5%, 0.75);--backgroundFocus:hsla(45, 100%, 5.5%, 0.75);--borderColor:var(--yellow4Dark);--borderColorHover:var(--yellow5Dark);--borderColorPress:var(--yellow3Dark);--borderColorFocus:var(--yellow4Dark);--color:var(--yellow12Dark);--colorHover:var(--yellow11Dark);--colorPress:var(--yellow12Dark);--colorFocus:var(--yellow11Dark);--colorTransparent:hsla(53, 92.0%, 50.0%, 0);--placeholderColor:var(--yellow9Dark);--outlineColor:hsla(53, 92.0%, 50.0%, 0.25);} - } -.t_dark_yellow ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_green {--accentBackground:var(--orange1Light);--accentColor:var(--orange12Light);--background0:hsla(146, 30.0%, 7.4%, 0);--background025:hsla(146, 30.0%, 7.4%, 0.25);--background05:hsla(146, 30.0%, 7.4%, 0.5);--background075:hsla(146, 30.0%, 7.4%, 0.75);--color1:var(--green1Dark);--color2:var(--green2Dark);--color3:var(--green3Dark);--color4:var(--green4Dark);--color5:var(--green5Dark);--color6:var(--green6Dark);--color7:var(--green7Dark);--color8:var(--green8Dark);--color9:var(--green9Dark);--color10:var(--green10Dark);--color11:var(--green11Dark);--color12:var(--green12Dark);--color0:hsla(151, 55.0%, 41.5%, 0);--color025:hsla(151, 55.0%, 41.5%, 0.25);--color05:hsla(151, 55.0%, 41.5%, 0.5);--color075:hsla(151, 55.0%, 41.5%, 0.75);--background:var(--green1Dark);--backgroundHover:var(--green2Dark);--backgroundPress:hsla(146, 30.0%, 7.4%, 0.75);--backgroundFocus:hsla(146, 30.0%, 7.4%, 0.75);--borderColor:var(--green4Dark);--borderColorHover:var(--green5Dark);--borderColorPress:var(--green3Dark);--borderColorFocus:var(--green4Dark);--color:var(--green12Dark);--colorHover:var(--green11Dark);--colorPress:var(--green12Dark);--colorFocus:var(--green11Dark);--colorTransparent:hsla(151, 55.0%, 41.5%, 0);--placeholderColor:var(--green9Dark);--outlineColor:hsla(151, 55.0%, 41.5%, 0.25);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_green {--accentBackground:var(--orange1Light);--accentColor:var(--orange12Light);--background0:hsla(146, 30.0%, 7.4%, 0);--background025:hsla(146, 30.0%, 7.4%, 0.25);--background05:hsla(146, 30.0%, 7.4%, 0.5);--background075:hsla(146, 30.0%, 7.4%, 0.75);--color1:var(--green1Dark);--color2:var(--green2Dark);--color3:var(--green3Dark);--color4:var(--green4Dark);--color5:var(--green5Dark);--color6:var(--green6Dark);--color7:var(--green7Dark);--color8:var(--green8Dark);--color9:var(--green9Dark);--color10:var(--green10Dark);--color11:var(--green11Dark);--color12:var(--green12Dark);--color0:hsla(151, 55.0%, 41.5%, 0);--color025:hsla(151, 55.0%, 41.5%, 0.25);--color05:hsla(151, 55.0%, 41.5%, 0.5);--color075:hsla(151, 55.0%, 41.5%, 0.75);--background:var(--green1Dark);--backgroundHover:var(--green2Dark);--backgroundPress:hsla(146, 30.0%, 7.4%, 0.75);--backgroundFocus:hsla(146, 30.0%, 7.4%, 0.75);--borderColor:var(--green4Dark);--borderColorHover:var(--green5Dark);--borderColorPress:var(--green3Dark);--borderColorFocus:var(--green4Dark);--color:var(--green12Dark);--colorHover:var(--green11Dark);--colorPress:var(--green12Dark);--colorFocus:var(--green11Dark);--colorTransparent:hsla(151, 55.0%, 41.5%, 0);--placeholderColor:var(--green9Dark);--outlineColor:hsla(151, 55.0%, 41.5%, 0.25);} - } -.t_dark_green ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_blue {--accentBackground:var(--gray1Light);--accentColor:var(--gray12Light);--background0:hsla(212, 35.0%, 9.2%, 0);--background025:hsla(212, 35.0%, 9.2%, 0.25);--background05:hsla(212, 35.0%, 9.2%, 0.5);--background075:hsla(212, 35.0%, 9.2%, 0.75);--color1:var(--blue1Dark);--color2:var(--blue2Dark);--color3:var(--blue3Dark);--color4:var(--blue4Dark);--color5:var(--blue5Dark);--color6:var(--blue6Dark);--color7:var(--blue7Dark);--color8:var(--blue8Dark);--color9:var(--blue9Dark);--color10:var(--blue10Dark);--color11:var(--blue11Dark);--color12:var(--blue12Dark);--color0:hsla(206, 100%, 50.0%, 0);--color025:hsla(206, 100%, 50.0%, 0.25);--color05:hsla(206, 100%, 50.0%, 0.5);--color075:hsla(206, 100%, 50.0%, 0.75);--background:var(--blue1Dark);--backgroundHover:var(--blue2Dark);--backgroundPress:hsla(212, 35.0%, 9.2%, 0.75);--backgroundFocus:hsla(212, 35.0%, 9.2%, 0.75);--borderColor:var(--blue4Dark);--borderColorHover:var(--blue5Dark);--borderColorPress:var(--blue3Dark);--borderColorFocus:var(--blue4Dark);--color:var(--blue12Dark);--colorHover:var(--blue11Dark);--colorPress:var(--blue12Dark);--colorFocus:var(--blue11Dark);--colorTransparent:hsla(206, 100%, 50.0%, 0);--placeholderColor:var(--blue9Dark);--outlineColor:hsla(206, 100%, 50.0%, 0.25);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_blue {--accentBackground:var(--gray1Light);--accentColor:var(--gray12Light);--background0:hsla(212, 35.0%, 9.2%, 0);--background025:hsla(212, 35.0%, 9.2%, 0.25);--background05:hsla(212, 35.0%, 9.2%, 0.5);--background075:hsla(212, 35.0%, 9.2%, 0.75);--color1:var(--blue1Dark);--color2:var(--blue2Dark);--color3:var(--blue3Dark);--color4:var(--blue4Dark);--color5:var(--blue5Dark);--color6:var(--blue6Dark);--color7:var(--blue7Dark);--color8:var(--blue8Dark);--color9:var(--blue9Dark);--color10:var(--blue10Dark);--color11:var(--blue11Dark);--color12:var(--blue12Dark);--color0:hsla(206, 100%, 50.0%, 0);--color025:hsla(206, 100%, 50.0%, 0.25);--color05:hsla(206, 100%, 50.0%, 0.5);--color075:hsla(206, 100%, 50.0%, 0.75);--background:var(--blue1Dark);--backgroundHover:var(--blue2Dark);--backgroundPress:hsla(212, 35.0%, 9.2%, 0.75);--backgroundFocus:hsla(212, 35.0%, 9.2%, 0.75);--borderColor:var(--blue4Dark);--borderColorHover:var(--blue5Dark);--borderColorPress:var(--blue3Dark);--borderColorFocus:var(--blue4Dark);--color:var(--blue12Dark);--colorHover:var(--blue11Dark);--colorPress:var(--blue12Dark);--colorFocus:var(--blue11Dark);--colorTransparent:hsla(206, 100%, 50.0%, 0);--placeholderColor:var(--blue9Dark);--outlineColor:hsla(206, 100%, 50.0%, 0.25);} - } -.t_dark_blue ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_purple {--accentBackground:var(--red1Light);--accentColor:var(--red12Light);--background0:hsla(284, 20.0%, 9.6%, 0);--background025:hsla(284, 20.0%, 9.6%, 0.25);--background05:hsla(284, 20.0%, 9.6%, 0.5);--background075:hsla(284, 20.0%, 9.6%, 0.75);--color1:var(--purple1Dark);--color2:var(--purple2Dark);--color3:var(--purple3Dark);--color4:var(--purple4Dark);--color5:var(--purple5Dark);--color6:var(--purple6Dark);--color7:var(--purple7Dark);--color8:var(--purple8Dark);--color9:var(--purple9Dark);--color10:var(--purple10Dark);--color11:var(--purple11Dark);--color12:var(--purple12Dark);--color0:hsla(272, 51.0%, 54.0%, 0);--color025:hsla(272, 51.0%, 54.0%, 0.25);--color05:hsla(272, 51.0%, 54.0%, 0.5);--color075:hsla(272, 51.0%, 54.0%, 0.75);--background:var(--purple1Dark);--backgroundHover:var(--purple2Dark);--backgroundPress:hsla(284, 20.0%, 9.6%, 0.75);--backgroundFocus:hsla(284, 20.0%, 9.6%, 0.75);--borderColor:var(--purple4Dark);--borderColorHover:var(--purple5Dark);--borderColorPress:var(--purple3Dark);--borderColorFocus:var(--purple4Dark);--color:var(--purple12Dark);--colorHover:var(--purple11Dark);--colorPress:var(--purple12Dark);--colorFocus:var(--purple11Dark);--colorTransparent:hsla(272, 51.0%, 54.0%, 0);--placeholderColor:var(--purple9Dark);--outlineColor:hsla(272, 51.0%, 54.0%, 0.25);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_purple {--accentBackground:var(--red1Light);--accentColor:var(--red12Light);--background0:hsla(284, 20.0%, 9.6%, 0);--background025:hsla(284, 20.0%, 9.6%, 0.25);--background05:hsla(284, 20.0%, 9.6%, 0.5);--background075:hsla(284, 20.0%, 9.6%, 0.75);--color1:var(--purple1Dark);--color2:var(--purple2Dark);--color3:var(--purple3Dark);--color4:var(--purple4Dark);--color5:var(--purple5Dark);--color6:var(--purple6Dark);--color7:var(--purple7Dark);--color8:var(--purple8Dark);--color9:var(--purple9Dark);--color10:var(--purple10Dark);--color11:var(--purple11Dark);--color12:var(--purple12Dark);--color0:hsla(272, 51.0%, 54.0%, 0);--color025:hsla(272, 51.0%, 54.0%, 0.25);--color05:hsla(272, 51.0%, 54.0%, 0.5);--color075:hsla(272, 51.0%, 54.0%, 0.75);--background:var(--purple1Dark);--backgroundHover:var(--purple2Dark);--backgroundPress:hsla(284, 20.0%, 9.6%, 0.75);--backgroundFocus:hsla(284, 20.0%, 9.6%, 0.75);--borderColor:var(--purple4Dark);--borderColorHover:var(--purple5Dark);--borderColorPress:var(--purple3Dark);--borderColorFocus:var(--purple4Dark);--color:var(--purple12Dark);--colorHover:var(--purple11Dark);--colorPress:var(--purple12Dark);--colorFocus:var(--purple11Dark);--colorTransparent:hsla(272, 51.0%, 54.0%, 0);--placeholderColor:var(--purple9Dark);--outlineColor:hsla(272, 51.0%, 54.0%, 0.25);} - } -.t_dark_purple ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_pink {--accentBackground:var(--purple1Light);--accentColor:var(--purple12Light);--background0:hsla(318, 25.0%, 9.6%, 0);--background025:hsla(318, 25.0%, 9.6%, 0.25);--background05:hsla(318, 25.0%, 9.6%, 0.5);--background075:hsla(318, 25.0%, 9.6%, 0.75);--color1:var(--pink1Dark);--color2:var(--pink2Dark);--color3:var(--pink3Dark);--color4:var(--pink4Dark);--color5:var(--pink5Dark);--color6:var(--pink6Dark);--color7:var(--pink7Dark);--color8:var(--pink8Dark);--color9:var(--pink9Dark);--color10:var(--pink10Dark);--color11:var(--pink11Dark);--color12:var(--pink12Dark);--color0:hsla(322, 65.0%, 54.5%, 0);--color025:hsla(322, 65.0%, 54.5%, 0.25);--color05:hsla(322, 65.0%, 54.5%, 0.5);--color075:hsla(322, 65.0%, 54.5%, 0.75);--background:var(--pink1Dark);--backgroundHover:var(--pink2Dark);--backgroundPress:hsla(318, 25.0%, 9.6%, 0.75);--backgroundFocus:hsla(318, 25.0%, 9.6%, 0.75);--borderColor:var(--pink4Dark);--borderColorHover:var(--pink5Dark);--borderColorPress:var(--pink3Dark);--borderColorFocus:var(--pink4Dark);--color:var(--pink12Dark);--colorHover:var(--pink11Dark);--colorPress:var(--pink12Dark);--colorFocus:var(--pink11Dark);--colorTransparent:hsla(322, 65.0%, 54.5%, 0);--placeholderColor:var(--pink9Dark);--outlineColor:hsla(322, 65.0%, 54.5%, 0.25);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_pink {--accentBackground:var(--purple1Light);--accentColor:var(--purple12Light);--background0:hsla(318, 25.0%, 9.6%, 0);--background025:hsla(318, 25.0%, 9.6%, 0.25);--background05:hsla(318, 25.0%, 9.6%, 0.5);--background075:hsla(318, 25.0%, 9.6%, 0.75);--color1:var(--pink1Dark);--color2:var(--pink2Dark);--color3:var(--pink3Dark);--color4:var(--pink4Dark);--color5:var(--pink5Dark);--color6:var(--pink6Dark);--color7:var(--pink7Dark);--color8:var(--pink8Dark);--color9:var(--pink9Dark);--color10:var(--pink10Dark);--color11:var(--pink11Dark);--color12:var(--pink12Dark);--color0:hsla(322, 65.0%, 54.5%, 0);--color025:hsla(322, 65.0%, 54.5%, 0.25);--color05:hsla(322, 65.0%, 54.5%, 0.5);--color075:hsla(322, 65.0%, 54.5%, 0.75);--background:var(--pink1Dark);--backgroundHover:var(--pink2Dark);--backgroundPress:hsla(318, 25.0%, 9.6%, 0.75);--backgroundFocus:hsla(318, 25.0%, 9.6%, 0.75);--borderColor:var(--pink4Dark);--borderColorHover:var(--pink5Dark);--borderColorPress:var(--pink3Dark);--borderColorFocus:var(--pink4Dark);--color:var(--pink12Dark);--colorHover:var(--pink11Dark);--colorPress:var(--pink12Dark);--colorFocus:var(--pink11Dark);--colorTransparent:hsla(322, 65.0%, 54.5%, 0);--placeholderColor:var(--pink9Dark);--outlineColor:hsla(322, 65.0%, 54.5%, 0.25);} - } -.t_dark_pink ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_red {--accentBackground:var(--yellow1Light);--accentColor:var(--yellow12Light);--background0:hsla(353, 23.0%, 9.8%, 0);--background025:hsla(353, 23.0%, 9.8%, 0.25);--background05:hsla(353, 23.0%, 9.8%, 0.5);--background075:hsla(353, 23.0%, 9.8%, 0.75);--color1:var(--red1Dark);--color2:var(--red2Dark);--color3:var(--red3Dark);--color4:var(--red4Dark);--color5:var(--red5Dark);--color6:var(--red6Dark);--color7:var(--red7Dark);--color8:var(--red8Dark);--color9:var(--red9Dark);--color10:var(--red10Dark);--color11:var(--red11Dark);--color12:var(--red12Dark);--color0:hsla(358, 75.0%, 59.0%, 0);--color025:hsla(358, 75.0%, 59.0%, 0.25);--color05:hsla(358, 75.0%, 59.0%, 0.5);--color075:hsla(358, 75.0%, 59.0%, 0.75);--background:var(--red1Dark);--backgroundHover:var(--red2Dark);--backgroundPress:hsla(353, 23.0%, 9.8%, 0.75);--backgroundFocus:hsla(353, 23.0%, 9.8%, 0.75);--borderColor:var(--red4Dark);--borderColorHover:var(--red5Dark);--borderColorPress:var(--red3Dark);--borderColorFocus:var(--red4Dark);--color:var(--red12Dark);--colorHover:var(--red11Dark);--colorPress:var(--red12Dark);--colorFocus:var(--red11Dark);--colorTransparent:hsla(358, 75.0%, 59.0%, 0);--placeholderColor:var(--red9Dark);--outlineColor:hsla(358, 75.0%, 59.0%, 0.25);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_red {--accentBackground:var(--yellow1Light);--accentColor:var(--yellow12Light);--background0:hsla(353, 23.0%, 9.8%, 0);--background025:hsla(353, 23.0%, 9.8%, 0.25);--background05:hsla(353, 23.0%, 9.8%, 0.5);--background075:hsla(353, 23.0%, 9.8%, 0.75);--color1:var(--red1Dark);--color2:var(--red2Dark);--color3:var(--red3Dark);--color4:var(--red4Dark);--color5:var(--red5Dark);--color6:var(--red6Dark);--color7:var(--red7Dark);--color8:var(--red8Dark);--color9:var(--red9Dark);--color10:var(--red10Dark);--color11:var(--red11Dark);--color12:var(--red12Dark);--color0:hsla(358, 75.0%, 59.0%, 0);--color025:hsla(358, 75.0%, 59.0%, 0.25);--color05:hsla(358, 75.0%, 59.0%, 0.5);--color075:hsla(358, 75.0%, 59.0%, 0.75);--background:var(--red1Dark);--backgroundHover:var(--red2Dark);--backgroundPress:hsla(353, 23.0%, 9.8%, 0.75);--backgroundFocus:hsla(353, 23.0%, 9.8%, 0.75);--borderColor:var(--red4Dark);--borderColorHover:var(--red5Dark);--borderColorPress:var(--red3Dark);--borderColorFocus:var(--red4Dark);--color:var(--red12Dark);--colorHover:var(--red11Dark);--colorPress:var(--red12Dark);--colorFocus:var(--red11Dark);--colorTransparent:hsla(358, 75.0%, 59.0%, 0);--placeholderColor:var(--red9Dark);--outlineColor:hsla(358, 75.0%, 59.0%, 0.25);} - } -.t_dark_red ::selection{background:var(--color5);color:var(--color11)} -:root.t_dark .t_gray {--accentBackground:var(--green1Light);--accentColor:var(--green12Light);--background0:hsla(0, 0%, 8.5%, 0);--background025:hsla(0, 0%, 8.5%, 0.25);--background05:hsla(0, 0%, 8.5%, 0.5);--background075:hsla(0, 0%, 8.5%, 0.75);--color1:var(--gray1Dark);--color2:var(--gray2Dark);--color3:var(--gray3Dark);--color4:var(--gray4Dark);--color5:var(--gray5Dark);--color6:var(--gray6Dark);--color7:var(--gray7Dark);--color8:var(--gray8Dark);--color9:var(--gray9Dark);--color10:var(--gray10Dark);--color11:var(--gray11Dark);--color12:var(--gray12Dark);--color0:hsla(0, 0%, 43.9%, 0);--color025:hsla(0, 0%, 43.9%, 0.25);--color05:hsla(0, 0%, 43.9%, 0.5);--color075:hsla(0, 0%, 43.9%, 0.75);--background:var(--gray1Dark);--backgroundHover:var(--gray2Dark);--backgroundPress:hsla(0, 0%, 8.5%, 0.75);--backgroundFocus:hsla(0, 0%, 8.5%, 0.75);--borderColor:var(--gray4Dark);--borderColorHover:var(--gray5Dark);--borderColorPress:var(--gray3Dark);--borderColorFocus:var(--gray4Dark);--color:var(--gray12Dark);--colorHover:var(--gray11Dark);--colorPress:var(--gray12Dark);--colorFocus:var(--gray11Dark);--colorTransparent:hsla(0, 0%, 43.9%, 0);--placeholderColor:var(--gray9Dark);--outlineColor:hsla(0, 0%, 43.9%, 0.25);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_gray {--accentBackground:var(--green1Light);--accentColor:var(--green12Light);--background0:hsla(0, 0%, 8.5%, 0);--background025:hsla(0, 0%, 8.5%, 0.25);--background05:hsla(0, 0%, 8.5%, 0.5);--background075:hsla(0, 0%, 8.5%, 0.75);--color1:var(--gray1Dark);--color2:var(--gray2Dark);--color3:var(--gray3Dark);--color4:var(--gray4Dark);--color5:var(--gray5Dark);--color6:var(--gray6Dark);--color7:var(--gray7Dark);--color8:var(--gray8Dark);--color9:var(--gray9Dark);--color10:var(--gray10Dark);--color11:var(--gray11Dark);--color12:var(--gray12Dark);--color0:hsla(0, 0%, 43.9%, 0);--color025:hsla(0, 0%, 43.9%, 0.25);--color05:hsla(0, 0%, 43.9%, 0.5);--color075:hsla(0, 0%, 43.9%, 0.75);--background:var(--gray1Dark);--backgroundHover:var(--gray2Dark);--backgroundPress:hsla(0, 0%, 8.5%, 0.75);--backgroundFocus:hsla(0, 0%, 8.5%, 0.75);--borderColor:var(--gray4Dark);--borderColorHover:var(--gray5Dark);--borderColorPress:var(--gray3Dark);--borderColorFocus:var(--gray4Dark);--color:var(--gray12Dark);--colorHover:var(--gray11Dark);--colorPress:var(--gray12Dark);--colorFocus:var(--gray11Dark);--colorTransparent:hsla(0, 0%, 43.9%, 0);--placeholderColor:var(--gray9Dark);--outlineColor:hsla(0, 0%, 43.9%, 0.25);} - } -.t_dark_gray ::selection{background:var(--color5);color:var(--color11)} -:root.t_light .t_alt1 {--color:var(--white11);--colorHover:var(--white10);--colorPress:var(--white11);--colorFocus:var(--white10);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_alt1 {--color:var(--white11);--colorHover:var(--white10);--colorPress:var(--white11);--colorFocus:var(--white10);} - } -:root.t_light .t_alt2 {--color:var(--white10);--colorHover:var(--gray9Light);--colorPress:var(--white10);--colorFocus:var(--gray9Light);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_alt2 {--color:var(--white10);--colorHover:var(--gray9Light);--colorPress:var(--white10);--colorFocus:var(--gray9Light);} - } -:root.t_light .t_active, :root.t_light .t_active_SliderTrackActive, :root.t_light .t_Button, :root.t_light .t_SliderTrackActive, :root.t_light .t_surface3 {--background:var(--white4);--backgroundHover:var(--white3);--backgroundPress:var(--white5);--backgroundFocus:var(--white5);--borderColor:var(--white7);--borderColorHover:var(--white6);--borderColorFocus:var(--white7);--borderColorPress:var(--white8);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_active, .t_active_SliderTrackActive, .t_Button, .t_SliderTrackActive, .t_surface3 {--background:var(--white4);--backgroundHover:var(--white3);--backgroundPress:var(--white5);--backgroundFocus:var(--white5);--borderColor:var(--white7);--borderColorHover:var(--white6);--borderColorFocus:var(--white7);--borderColorPress:var(--white8);} - } -:root.t_light .t_active_ListItem, :root.t_light .t_active_Progress, :root.t_light .t_active_SliderTrack, :root.t_light .t_active_TooltipArrow, :root.t_light .t_Card, :root.t_light .t_Input, :root.t_light .t_ListItem, :root.t_light .t_Progress, :root.t_light .t_SelectTrigger, :root.t_light .t_SliderTrack, :root.t_light .t_surface1, :root.t_light .t_TextArea, :root.t_light .t_TooltipArrow {--background:var(--white2);--backgroundHover:var(--black12);--backgroundPress:var(--white3);--backgroundFocus:var(--white3);--borderColor:var(--white5);--borderColorHover:var(--white4);--borderColorFocus:var(--white5);--borderColorPress:var(--white6);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_active_ListItem, .t_active_Progress, .t_active_SliderTrack, .t_active_TooltipArrow, .t_Card, .t_Input, .t_ListItem, .t_Progress, .t_SelectTrigger, .t_SliderTrack, .t_surface1, .t_TextArea, .t_TooltipArrow {--background:var(--white2);--backgroundHover:var(--black12);--backgroundPress:var(--white3);--backgroundFocus:var(--white3);--borderColor:var(--white5);--borderColorHover:var(--white4);--borderColorFocus:var(--white5);--borderColorPress:var(--white6);} - } -:root.t_light .t_Checkbox, :root.t_light .t_RadioGroupItem, :root.t_light .t_surface2, :root.t_light .t_Switch, :root.t_light .t_TooltipContent {--background:var(--white3);--backgroundHover:var(--white2);--backgroundPress:var(--white4);--backgroundFocus:var(--white4);--borderColor:var(--white6);--borderColorHover:var(--white5);--borderColorFocus:var(--white6);--borderColorPress:var(--white7);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_Checkbox, .t_RadioGroupItem, .t_surface2, .t_Switch, .t_TooltipContent {--background:var(--white3);--backgroundHover:var(--white2);--backgroundPress:var(--white4);--backgroundFocus:var(--white4);--borderColor:var(--white6);--borderColorHover:var(--white5);--borderColorFocus:var(--white6);--borderColorPress:var(--white7);} - } -:root.t_light .t_active_Button, :root.t_light .t_active_Card, :root.t_light .t_active_Checkbox, :root.t_light .t_active_Input, :root.t_light .t_active_RadioGroupItem, :root.t_light .t_active_SelectTrigger, :root.t_light .t_active_Switch, :root.t_light .t_active_TextArea, :root.t_light .t_active_TooltipContent, :root.t_light .t_surface4 {--background:var(--white6);--backgroundHover:var(--white6);--backgroundPress:var(--white7);--backgroundFocus:var(--white7);--borderColor:var(--white6);--borderColorHover:var(--white6);--borderColorFocus:var(--white7);--borderColorPress:var(--white7);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_active_Button, .t_active_Card, .t_active_Checkbox, .t_active_Input, .t_active_RadioGroupItem, .t_active_SelectTrigger, .t_active_Switch, .t_active_TextArea, .t_active_TooltipContent, .t_surface4 {--background:var(--white6);--backgroundHover:var(--white6);--backgroundPress:var(--white7);--backgroundFocus:var(--white7);--borderColor:var(--white6);--borderColorHover:var(--white6);--borderColorFocus:var(--white7);--borderColorPress:var(--white7);} - } -:root.t_dark .t_alt1 {--color:var(--black11);--colorHover:var(--black10);--colorPress:var(--black11);--colorFocus:var(--black10);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_alt1 {--color:var(--black11);--colorHover:var(--black10);--colorPress:var(--black11);--colorFocus:var(--black10);} - } -:root.t_dark .t_alt2 {--color:var(--black10);--colorHover:var(--black9);--colorPress:var(--black10);--colorFocus:var(--black9);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_alt2 {--color:var(--black10);--colorHover:var(--black9);--colorPress:var(--black10);--colorFocus:var(--black9);} - } -:root.t_dark .t_active, :root.t_dark .t_active_SliderTrackActive, :root.t_dark .t_Button, :root.t_dark .t_SliderTrackActive, :root.t_dark .t_surface3 {--background:var(--black4);--backgroundHover:var(--black5);--backgroundPress:var(--black3);--backgroundFocus:var(--black3);--borderColor:var(--black7);--borderColorHover:var(--black8);--borderColorFocus:var(--black7);--borderColorPress:var(--black6);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_active, .t_active_SliderTrackActive, .t_Button, .t_SliderTrackActive, .t_surface3 {--background:var(--black4);--backgroundHover:var(--black5);--backgroundPress:var(--black3);--backgroundFocus:var(--black3);--borderColor:var(--black7);--borderColorHover:var(--black8);--borderColorFocus:var(--black7);--borderColorPress:var(--black6);} - } -:root.t_dark .t_active_ListItem, :root.t_dark .t_active_Progress, :root.t_dark .t_active_SliderTrack, :root.t_dark .t_active_TooltipArrow, :root.t_dark .t_Card, :root.t_dark .t_Input, :root.t_dark .t_ListItem, :root.t_dark .t_Progress, :root.t_dark .t_SelectTrigger, :root.t_dark .t_SliderTrack, :root.t_dark .t_surface1, :root.t_dark .t_TextArea, :root.t_dark .t_TooltipArrow {--background:var(--black2);--backgroundHover:var(--black3);--backgroundPress:var(--black1);--backgroundFocus:var(--black1);--borderColor:var(--black5);--borderColorHover:var(--black6);--borderColorFocus:var(--black5);--borderColorPress:var(--black4);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_active_ListItem, .t_active_Progress, .t_active_SliderTrack, .t_active_TooltipArrow, .t_Card, .t_Input, .t_ListItem, .t_Progress, .t_SelectTrigger, .t_SliderTrack, .t_surface1, .t_TextArea, .t_TooltipArrow {--background:var(--black2);--backgroundHover:var(--black3);--backgroundPress:var(--black1);--backgroundFocus:var(--black1);--borderColor:var(--black5);--borderColorHover:var(--black6);--borderColorFocus:var(--black5);--borderColorPress:var(--black4);} - } -:root.t_dark .t_Checkbox, :root.t_dark .t_RadioGroupItem, :root.t_dark .t_surface2, :root.t_dark .t_Switch, :root.t_dark .t_TooltipContent {--background:var(--black3);--backgroundHover:var(--black4);--backgroundPress:var(--black2);--backgroundFocus:var(--black2);--borderColor:var(--black6);--borderColorHover:var(--black7);--borderColorFocus:var(--black6);--borderColorPress:var(--black5);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_Checkbox, .t_RadioGroupItem, .t_surface2, .t_Switch, .t_TooltipContent {--background:var(--black3);--backgroundHover:var(--black4);--backgroundPress:var(--black2);--backgroundFocus:var(--black2);--borderColor:var(--black6);--borderColorHover:var(--black7);--borderColorFocus:var(--black6);--borderColorPress:var(--black5);} - } -:root.t_dark .t_active_Button, :root.t_dark .t_active_Card, :root.t_dark .t_active_Checkbox, :root.t_dark .t_active_Input, :root.t_dark .t_active_RadioGroupItem, :root.t_dark .t_active_SelectTrigger, :root.t_dark .t_active_Switch, :root.t_dark .t_active_TextArea, :root.t_dark .t_active_TooltipContent, :root.t_dark .t_surface4 {--background:var(--black6);--backgroundHover:var(--black6);--backgroundPress:var(--black5);--backgroundFocus:var(--black5);--borderColor:var(--black6);--borderColorHover:var(--black6);--borderColorFocus:var(--black5);--borderColorPress:var(--black5);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_active_Button, .t_active_Card, .t_active_Checkbox, .t_active_Input, .t_active_RadioGroupItem, .t_active_SelectTrigger, .t_active_Switch, .t_active_TextArea, .t_active_TooltipContent, .t_surface4 {--background:var(--black6);--backgroundHover:var(--black6);--backgroundPress:var(--black5);--backgroundFocus:var(--black5);--borderColor:var(--black6);--borderColorHover:var(--black6);--borderColorFocus:var(--black5);--borderColorPress:var(--black5);} - } -:root.t_light .t_orange_alt1 {--color:var(--orange11Light);--colorHover:var(--orange10Light);--colorPress:var(--orange11Light);--colorFocus:var(--orange10Light);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_orange_alt1 {--color:var(--orange11Light);--colorHover:var(--orange10Light);--colorPress:var(--orange11Light);--colorFocus:var(--orange10Light);} - } -:root.t_light .t_orange_alt2 {--color:var(--orange10Light);--colorHover:var(--orange9Dark);--colorPress:var(--orange10Light);--colorFocus:var(--orange9Dark);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_orange_alt2 {--color:var(--orange10Light);--colorHover:var(--orange9Dark);--colorPress:var(--orange10Light);--colorFocus:var(--orange9Dark);} - } -:root.t_light .t_orange_active, :root.t_light .t_orange_active_SliderTrackActive, :root.t_light .t_orange_Button, :root.t_light .t_orange_SliderTrackActive, :root.t_light .t_orange_surface3 {--background:var(--orange4Light);--backgroundHover:var(--orange3Light);--backgroundPress:var(--orange5Light);--backgroundFocus:var(--orange5Light);--borderColor:var(--orange7Light);--borderColorHover:var(--orange6Light);--borderColorFocus:var(--orange7Light);--borderColorPress:var(--orange8Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_orange_active, .t_orange_active_SliderTrackActive, .t_orange_Button, .t_orange_SliderTrackActive, .t_orange_surface3 {--background:var(--orange4Light);--backgroundHover:var(--orange3Light);--backgroundPress:var(--orange5Light);--backgroundFocus:var(--orange5Light);--borderColor:var(--orange7Light);--borderColorHover:var(--orange6Light);--borderColorFocus:var(--orange7Light);--borderColorPress:var(--orange8Light);} - } -:root.t_light .t_orange_active_ListItem, :root.t_light .t_orange_active_Progress, :root.t_light .t_orange_active_SliderTrack, :root.t_light .t_orange_active_TooltipArrow, :root.t_light .t_orange_Card, :root.t_light .t_orange_Input, :root.t_light .t_orange_ListItem, :root.t_light .t_orange_Progress, :root.t_light .t_orange_SelectTrigger, :root.t_light .t_orange_SliderTrack, :root.t_light .t_orange_surface1, :root.t_light .t_orange_TextArea, :root.t_light .t_orange_TooltipArrow {--background:var(--orange2Light);--backgroundHover:var(--orange1Light);--backgroundPress:var(--orange3Light);--backgroundFocus:var(--orange3Light);--borderColor:var(--orange5Light);--borderColorHover:var(--orange4Light);--borderColorFocus:var(--orange5Light);--borderColorPress:var(--orange6Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_orange_active_ListItem, .t_orange_active_Progress, .t_orange_active_SliderTrack, .t_orange_active_TooltipArrow, .t_orange_Card, .t_orange_Input, .t_orange_ListItem, .t_orange_Progress, .t_orange_SelectTrigger, .t_orange_SliderTrack, .t_orange_surface1, .t_orange_TextArea, .t_orange_TooltipArrow {--background:var(--orange2Light);--backgroundHover:var(--orange1Light);--backgroundPress:var(--orange3Light);--backgroundFocus:var(--orange3Light);--borderColor:var(--orange5Light);--borderColorHover:var(--orange4Light);--borderColorFocus:var(--orange5Light);--borderColorPress:var(--orange6Light);} - } -:root.t_light .t_orange_Checkbox, :root.t_light .t_orange_RadioGroupItem, :root.t_light .t_orange_surface2, :root.t_light .t_orange_Switch, :root.t_light .t_orange_TooltipContent {--background:var(--orange3Light);--backgroundHover:var(--orange2Light);--backgroundPress:var(--orange4Light);--backgroundFocus:var(--orange4Light);--borderColor:var(--orange6Light);--borderColorHover:var(--orange5Light);--borderColorFocus:var(--orange6Light);--borderColorPress:var(--orange7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_orange_Checkbox, .t_orange_RadioGroupItem, .t_orange_surface2, .t_orange_Switch, .t_orange_TooltipContent {--background:var(--orange3Light);--backgroundHover:var(--orange2Light);--backgroundPress:var(--orange4Light);--backgroundFocus:var(--orange4Light);--borderColor:var(--orange6Light);--borderColorHover:var(--orange5Light);--borderColorFocus:var(--orange6Light);--borderColorPress:var(--orange7Light);} - } -:root.t_light .t_orange_active_Button, :root.t_light .t_orange_active_Card, :root.t_light .t_orange_active_Checkbox, :root.t_light .t_orange_active_Input, :root.t_light .t_orange_active_RadioGroupItem, :root.t_light .t_orange_active_SelectTrigger, :root.t_light .t_orange_active_Switch, :root.t_light .t_orange_active_TextArea, :root.t_light .t_orange_active_TooltipContent, :root.t_light .t_orange_surface4 {--background:var(--orange6Light);--backgroundHover:var(--orange6Light);--backgroundPress:var(--orange7Light);--backgroundFocus:var(--orange7Light);--borderColor:var(--orange6Light);--borderColorHover:var(--orange6Light);--borderColorFocus:var(--orange7Light);--borderColorPress:var(--orange7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_orange_active_Button, .t_orange_active_Card, .t_orange_active_Checkbox, .t_orange_active_Input, .t_orange_active_RadioGroupItem, .t_orange_active_SelectTrigger, .t_orange_active_Switch, .t_orange_active_TextArea, .t_orange_active_TooltipContent, .t_orange_surface4 {--background:var(--orange6Light);--backgroundHover:var(--orange6Light);--backgroundPress:var(--orange7Light);--backgroundFocus:var(--orange7Light);--borderColor:var(--orange6Light);--borderColorHover:var(--orange6Light);--borderColorFocus:var(--orange7Light);--borderColorPress:var(--orange7Light);} - } -:root.t_light .t_yellow_alt1 {--color:var(--yellow11Light);--colorHover:var(--yellow10Light);--colorPress:var(--yellow11Light);--colorFocus:var(--yellow10Light);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_yellow_alt1 {--color:var(--yellow11Light);--colorHover:var(--yellow10Light);--colorPress:var(--yellow11Light);--colorFocus:var(--yellow10Light);} - } -:root.t_light .t_yellow_alt2 {--color:var(--yellow10Light);--colorHover:var(--yellow9Dark);--colorPress:var(--yellow10Light);--colorFocus:var(--yellow9Dark);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_yellow_alt2 {--color:var(--yellow10Light);--colorHover:var(--yellow9Dark);--colorPress:var(--yellow10Light);--colorFocus:var(--yellow9Dark);} - } -:root.t_light .t_yellow_active, :root.t_light .t_yellow_active_SliderTrackActive, :root.t_light .t_yellow_Button, :root.t_light .t_yellow_SliderTrackActive, :root.t_light .t_yellow_surface3 {--background:var(--yellow4Light);--backgroundHover:var(--yellow3Light);--backgroundPress:var(--yellow5Light);--backgroundFocus:var(--yellow5Light);--borderColor:var(--yellow7Light);--borderColorHover:var(--yellow6Light);--borderColorFocus:var(--yellow7Light);--borderColorPress:var(--yellow8Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_yellow_active, .t_yellow_active_SliderTrackActive, .t_yellow_Button, .t_yellow_SliderTrackActive, .t_yellow_surface3 {--background:var(--yellow4Light);--backgroundHover:var(--yellow3Light);--backgroundPress:var(--yellow5Light);--backgroundFocus:var(--yellow5Light);--borderColor:var(--yellow7Light);--borderColorHover:var(--yellow6Light);--borderColorFocus:var(--yellow7Light);--borderColorPress:var(--yellow8Light);} - } -:root.t_light .t_yellow_active_ListItem, :root.t_light .t_yellow_active_Progress, :root.t_light .t_yellow_active_SliderTrack, :root.t_light .t_yellow_active_TooltipArrow, :root.t_light .t_yellow_Card, :root.t_light .t_yellow_Input, :root.t_light .t_yellow_ListItem, :root.t_light .t_yellow_Progress, :root.t_light .t_yellow_SelectTrigger, :root.t_light .t_yellow_SliderTrack, :root.t_light .t_yellow_surface1, :root.t_light .t_yellow_TextArea, :root.t_light .t_yellow_TooltipArrow {--background:var(--yellow2Light);--backgroundHover:var(--yellow1Light);--backgroundPress:var(--yellow3Light);--backgroundFocus:var(--yellow3Light);--borderColor:var(--yellow5Light);--borderColorHover:var(--yellow4Light);--borderColorFocus:var(--yellow5Light);--borderColorPress:var(--yellow6Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_yellow_active_ListItem, .t_yellow_active_Progress, .t_yellow_active_SliderTrack, .t_yellow_active_TooltipArrow, .t_yellow_Card, .t_yellow_Input, .t_yellow_ListItem, .t_yellow_Progress, .t_yellow_SelectTrigger, .t_yellow_SliderTrack, .t_yellow_surface1, .t_yellow_TextArea, .t_yellow_TooltipArrow {--background:var(--yellow2Light);--backgroundHover:var(--yellow1Light);--backgroundPress:var(--yellow3Light);--backgroundFocus:var(--yellow3Light);--borderColor:var(--yellow5Light);--borderColorHover:var(--yellow4Light);--borderColorFocus:var(--yellow5Light);--borderColorPress:var(--yellow6Light);} - } -:root.t_light .t_yellow_Checkbox, :root.t_light .t_yellow_RadioGroupItem, :root.t_light .t_yellow_surface2, :root.t_light .t_yellow_Switch, :root.t_light .t_yellow_TooltipContent {--background:var(--yellow3Light);--backgroundHover:var(--yellow2Light);--backgroundPress:var(--yellow4Light);--backgroundFocus:var(--yellow4Light);--borderColor:var(--yellow6Light);--borderColorHover:var(--yellow5Light);--borderColorFocus:var(--yellow6Light);--borderColorPress:var(--yellow7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_yellow_Checkbox, .t_yellow_RadioGroupItem, .t_yellow_surface2, .t_yellow_Switch, .t_yellow_TooltipContent {--background:var(--yellow3Light);--backgroundHover:var(--yellow2Light);--backgroundPress:var(--yellow4Light);--backgroundFocus:var(--yellow4Light);--borderColor:var(--yellow6Light);--borderColorHover:var(--yellow5Light);--borderColorFocus:var(--yellow6Light);--borderColorPress:var(--yellow7Light);} - } -:root.t_light .t_yellow_active_Button, :root.t_light .t_yellow_active_Card, :root.t_light .t_yellow_active_Checkbox, :root.t_light .t_yellow_active_Input, :root.t_light .t_yellow_active_RadioGroupItem, :root.t_light .t_yellow_active_SelectTrigger, :root.t_light .t_yellow_active_Switch, :root.t_light .t_yellow_active_TextArea, :root.t_light .t_yellow_active_TooltipContent, :root.t_light .t_yellow_surface4 {--background:var(--yellow6Light);--backgroundHover:var(--yellow6Light);--backgroundPress:var(--yellow7Light);--backgroundFocus:var(--yellow7Light);--borderColor:var(--yellow6Light);--borderColorHover:var(--yellow6Light);--borderColorFocus:var(--yellow7Light);--borderColorPress:var(--yellow7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_yellow_active_Button, .t_yellow_active_Card, .t_yellow_active_Checkbox, .t_yellow_active_Input, .t_yellow_active_RadioGroupItem, .t_yellow_active_SelectTrigger, .t_yellow_active_Switch, .t_yellow_active_TextArea, .t_yellow_active_TooltipContent, .t_yellow_surface4 {--background:var(--yellow6Light);--backgroundHover:var(--yellow6Light);--backgroundPress:var(--yellow7Light);--backgroundFocus:var(--yellow7Light);--borderColor:var(--yellow6Light);--borderColorHover:var(--yellow6Light);--borderColorFocus:var(--yellow7Light);--borderColorPress:var(--yellow7Light);} - } -:root.t_light .t_green_alt1 {--color:var(--green11Light);--colorHover:var(--green10Light);--colorPress:var(--green11Light);--colorFocus:var(--green10Light);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_green_alt1 {--color:var(--green11Light);--colorHover:var(--green10Light);--colorPress:var(--green11Light);--colorFocus:var(--green10Light);} - } -:root.t_light .t_green_alt2 {--color:var(--green10Light);--colorHover:var(--green9Dark);--colorPress:var(--green10Light);--colorFocus:var(--green9Dark);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_green_alt2 {--color:var(--green10Light);--colorHover:var(--green9Dark);--colorPress:var(--green10Light);--colorFocus:var(--green9Dark);} - } -:root.t_light .t_green_active, :root.t_light .t_green_active_SliderTrackActive, :root.t_light .t_green_Button, :root.t_light .t_green_SliderTrackActive, :root.t_light .t_green_surface3 {--background:var(--green4Light);--backgroundHover:var(--green3Light);--backgroundPress:var(--green5Light);--backgroundFocus:var(--green5Light);--borderColor:var(--green7Light);--borderColorHover:var(--green6Light);--borderColorFocus:var(--green7Light);--borderColorPress:var(--green8Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_green_active, .t_green_active_SliderTrackActive, .t_green_Button, .t_green_SliderTrackActive, .t_green_surface3 {--background:var(--green4Light);--backgroundHover:var(--green3Light);--backgroundPress:var(--green5Light);--backgroundFocus:var(--green5Light);--borderColor:var(--green7Light);--borderColorHover:var(--green6Light);--borderColorFocus:var(--green7Light);--borderColorPress:var(--green8Light);} - } -:root.t_light .t_green_active_ListItem, :root.t_light .t_green_active_Progress, :root.t_light .t_green_active_SliderTrack, :root.t_light .t_green_active_TooltipArrow, :root.t_light .t_green_Card, :root.t_light .t_green_Input, :root.t_light .t_green_ListItem, :root.t_light .t_green_Progress, :root.t_light .t_green_SelectTrigger, :root.t_light .t_green_SliderTrack, :root.t_light .t_green_surface1, :root.t_light .t_green_TextArea, :root.t_light .t_green_TooltipArrow {--background:var(--green2Light);--backgroundHover:var(--green1Light);--backgroundPress:var(--green3Light);--backgroundFocus:var(--green3Light);--borderColor:var(--green5Light);--borderColorHover:var(--green4Light);--borderColorFocus:var(--green5Light);--borderColorPress:var(--green6Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_green_active_ListItem, .t_green_active_Progress, .t_green_active_SliderTrack, .t_green_active_TooltipArrow, .t_green_Card, .t_green_Input, .t_green_ListItem, .t_green_Progress, .t_green_SelectTrigger, .t_green_SliderTrack, .t_green_surface1, .t_green_TextArea, .t_green_TooltipArrow {--background:var(--green2Light);--backgroundHover:var(--green1Light);--backgroundPress:var(--green3Light);--backgroundFocus:var(--green3Light);--borderColor:var(--green5Light);--borderColorHover:var(--green4Light);--borderColorFocus:var(--green5Light);--borderColorPress:var(--green6Light);} - } -:root.t_light .t_green_Checkbox, :root.t_light .t_green_RadioGroupItem, :root.t_light .t_green_surface2, :root.t_light .t_green_Switch, :root.t_light .t_green_TooltipContent {--background:var(--green3Light);--backgroundHover:var(--green2Light);--backgroundPress:var(--green4Light);--backgroundFocus:var(--green4Light);--borderColor:var(--green6Light);--borderColorHover:var(--green5Light);--borderColorFocus:var(--green6Light);--borderColorPress:var(--green7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_green_Checkbox, .t_green_RadioGroupItem, .t_green_surface2, .t_green_Switch, .t_green_TooltipContent {--background:var(--green3Light);--backgroundHover:var(--green2Light);--backgroundPress:var(--green4Light);--backgroundFocus:var(--green4Light);--borderColor:var(--green6Light);--borderColorHover:var(--green5Light);--borderColorFocus:var(--green6Light);--borderColorPress:var(--green7Light);} - } -:root.t_light .t_green_active_Button, :root.t_light .t_green_active_Card, :root.t_light .t_green_active_Checkbox, :root.t_light .t_green_active_Input, :root.t_light .t_green_active_RadioGroupItem, :root.t_light .t_green_active_SelectTrigger, :root.t_light .t_green_active_Switch, :root.t_light .t_green_active_TextArea, :root.t_light .t_green_active_TooltipContent, :root.t_light .t_green_surface4 {--background:var(--green6Light);--backgroundHover:var(--green6Light);--backgroundPress:var(--green7Light);--backgroundFocus:var(--green7Light);--borderColor:var(--green6Light);--borderColorHover:var(--green6Light);--borderColorFocus:var(--green7Light);--borderColorPress:var(--green7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_green_active_Button, .t_green_active_Card, .t_green_active_Checkbox, .t_green_active_Input, .t_green_active_RadioGroupItem, .t_green_active_SelectTrigger, .t_green_active_Switch, .t_green_active_TextArea, .t_green_active_TooltipContent, .t_green_surface4 {--background:var(--green6Light);--backgroundHover:var(--green6Light);--backgroundPress:var(--green7Light);--backgroundFocus:var(--green7Light);--borderColor:var(--green6Light);--borderColorHover:var(--green6Light);--borderColorFocus:var(--green7Light);--borderColorPress:var(--green7Light);} - } -:root.t_light .t_blue_alt1 {--color:var(--blue11Light);--colorHover:var(--blue10Light);--colorPress:var(--blue11Light);--colorFocus:var(--blue10Light);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_blue_alt1 {--color:var(--blue11Light);--colorHover:var(--blue10Light);--colorPress:var(--blue11Light);--colorFocus:var(--blue10Light);} - } -:root.t_light .t_blue_alt2 {--color:var(--blue10Light);--colorHover:var(--blue9Dark);--colorPress:var(--blue10Light);--colorFocus:var(--blue9Dark);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_blue_alt2 {--color:var(--blue10Light);--colorHover:var(--blue9Dark);--colorPress:var(--blue10Light);--colorFocus:var(--blue9Dark);} - } -:root.t_light .t_blue_active, :root.t_light .t_blue_active_SliderTrackActive, :root.t_light .t_blue_Button, :root.t_light .t_blue_SliderTrackActive, :root.t_light .t_blue_surface3 {--background:var(--blue4Light);--backgroundHover:var(--blue3Light);--backgroundPress:var(--blue5Light);--backgroundFocus:var(--blue5Light);--borderColor:var(--blue7Light);--borderColorHover:var(--blue6Light);--borderColorFocus:var(--blue7Light);--borderColorPress:var(--blue8Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_blue_active, .t_blue_active_SliderTrackActive, .t_blue_Button, .t_blue_SliderTrackActive, .t_blue_surface3 {--background:var(--blue4Light);--backgroundHover:var(--blue3Light);--backgroundPress:var(--blue5Light);--backgroundFocus:var(--blue5Light);--borderColor:var(--blue7Light);--borderColorHover:var(--blue6Light);--borderColorFocus:var(--blue7Light);--borderColorPress:var(--blue8Light);} - } -:root.t_light .t_blue_active_ListItem, :root.t_light .t_blue_active_Progress, :root.t_light .t_blue_active_SliderTrack, :root.t_light .t_blue_active_TooltipArrow, :root.t_light .t_blue_Card, :root.t_light .t_blue_Input, :root.t_light .t_blue_ListItem, :root.t_light .t_blue_Progress, :root.t_light .t_blue_SelectTrigger, :root.t_light .t_blue_SliderTrack, :root.t_light .t_blue_surface1, :root.t_light .t_blue_TextArea, :root.t_light .t_blue_TooltipArrow {--background:var(--blue2Light);--backgroundHover:var(--blue1Light);--backgroundPress:var(--blue3Light);--backgroundFocus:var(--blue3Light);--borderColor:var(--blue5Light);--borderColorHover:var(--blue4Light);--borderColorFocus:var(--blue5Light);--borderColorPress:var(--blue6Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_blue_active_ListItem, .t_blue_active_Progress, .t_blue_active_SliderTrack, .t_blue_active_TooltipArrow, .t_blue_Card, .t_blue_Input, .t_blue_ListItem, .t_blue_Progress, .t_blue_SelectTrigger, .t_blue_SliderTrack, .t_blue_surface1, .t_blue_TextArea, .t_blue_TooltipArrow {--background:var(--blue2Light);--backgroundHover:var(--blue1Light);--backgroundPress:var(--blue3Light);--backgroundFocus:var(--blue3Light);--borderColor:var(--blue5Light);--borderColorHover:var(--blue4Light);--borderColorFocus:var(--blue5Light);--borderColorPress:var(--blue6Light);} - } -:root.t_light .t_blue_Checkbox, :root.t_light .t_blue_RadioGroupItem, :root.t_light .t_blue_surface2, :root.t_light .t_blue_Switch, :root.t_light .t_blue_TooltipContent {--background:var(--blue3Light);--backgroundHover:var(--blue2Light);--backgroundPress:var(--blue4Light);--backgroundFocus:var(--blue4Light);--borderColor:var(--blue6Light);--borderColorHover:var(--blue5Light);--borderColorFocus:var(--blue6Light);--borderColorPress:var(--blue7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_blue_Checkbox, .t_blue_RadioGroupItem, .t_blue_surface2, .t_blue_Switch, .t_blue_TooltipContent {--background:var(--blue3Light);--backgroundHover:var(--blue2Light);--backgroundPress:var(--blue4Light);--backgroundFocus:var(--blue4Light);--borderColor:var(--blue6Light);--borderColorHover:var(--blue5Light);--borderColorFocus:var(--blue6Light);--borderColorPress:var(--blue7Light);} - } -:root.t_light .t_blue_active_Button, :root.t_light .t_blue_active_Card, :root.t_light .t_blue_active_Checkbox, :root.t_light .t_blue_active_Input, :root.t_light .t_blue_active_RadioGroupItem, :root.t_light .t_blue_active_SelectTrigger, :root.t_light .t_blue_active_Switch, :root.t_light .t_blue_active_TextArea, :root.t_light .t_blue_active_TooltipContent, :root.t_light .t_blue_surface4 {--background:var(--blue6Light);--backgroundHover:var(--blue6Light);--backgroundPress:var(--blue7Light);--backgroundFocus:var(--blue7Light);--borderColor:var(--blue6Light);--borderColorHover:var(--blue6Light);--borderColorFocus:var(--blue7Light);--borderColorPress:var(--blue7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_blue_active_Button, .t_blue_active_Card, .t_blue_active_Checkbox, .t_blue_active_Input, .t_blue_active_RadioGroupItem, .t_blue_active_SelectTrigger, .t_blue_active_Switch, .t_blue_active_TextArea, .t_blue_active_TooltipContent, .t_blue_surface4 {--background:var(--blue6Light);--backgroundHover:var(--blue6Light);--backgroundPress:var(--blue7Light);--backgroundFocus:var(--blue7Light);--borderColor:var(--blue6Light);--borderColorHover:var(--blue6Light);--borderColorFocus:var(--blue7Light);--borderColorPress:var(--blue7Light);} - } -:root.t_light .t_purple_alt1 {--color:var(--purple11Light);--colorHover:var(--purple10Light);--colorPress:var(--purple11Light);--colorFocus:var(--purple10Light);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_purple_alt1 {--color:var(--purple11Light);--colorHover:var(--purple10Light);--colorPress:var(--purple11Light);--colorFocus:var(--purple10Light);} - } -:root.t_light .t_purple_alt2 {--color:var(--purple10Light);--colorHover:var(--purple9Dark);--colorPress:var(--purple10Light);--colorFocus:var(--purple9Dark);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_purple_alt2 {--color:var(--purple10Light);--colorHover:var(--purple9Dark);--colorPress:var(--purple10Light);--colorFocus:var(--purple9Dark);} - } -:root.t_light .t_purple_active, :root.t_light .t_purple_active_SliderTrackActive, :root.t_light .t_purple_Button, :root.t_light .t_purple_SliderTrackActive, :root.t_light .t_purple_surface3 {--background:var(--purple4Light);--backgroundHover:var(--purple3Light);--backgroundPress:var(--purple5Light);--backgroundFocus:var(--purple5Light);--borderColor:var(--purple7Light);--borderColorHover:var(--purple6Light);--borderColorFocus:var(--purple7Light);--borderColorPress:var(--purple8Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_purple_active, .t_purple_active_SliderTrackActive, .t_purple_Button, .t_purple_SliderTrackActive, .t_purple_surface3 {--background:var(--purple4Light);--backgroundHover:var(--purple3Light);--backgroundPress:var(--purple5Light);--backgroundFocus:var(--purple5Light);--borderColor:var(--purple7Light);--borderColorHover:var(--purple6Light);--borderColorFocus:var(--purple7Light);--borderColorPress:var(--purple8Light);} - } -:root.t_light .t_purple_active_ListItem, :root.t_light .t_purple_active_Progress, :root.t_light .t_purple_active_SliderTrack, :root.t_light .t_purple_active_TooltipArrow, :root.t_light .t_purple_Card, :root.t_light .t_purple_Input, :root.t_light .t_purple_ListItem, :root.t_light .t_purple_Progress, :root.t_light .t_purple_SelectTrigger, :root.t_light .t_purple_SliderTrack, :root.t_light .t_purple_surface1, :root.t_light .t_purple_TextArea, :root.t_light .t_purple_TooltipArrow {--background:var(--purple2Light);--backgroundHover:var(--purple1Light);--backgroundPress:var(--purple3Light);--backgroundFocus:var(--purple3Light);--borderColor:var(--purple5Light);--borderColorHover:var(--purple4Light);--borderColorFocus:var(--purple5Light);--borderColorPress:var(--purple6Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_purple_active_ListItem, .t_purple_active_Progress, .t_purple_active_SliderTrack, .t_purple_active_TooltipArrow, .t_purple_Card, .t_purple_Input, .t_purple_ListItem, .t_purple_Progress, .t_purple_SelectTrigger, .t_purple_SliderTrack, .t_purple_surface1, .t_purple_TextArea, .t_purple_TooltipArrow {--background:var(--purple2Light);--backgroundHover:var(--purple1Light);--backgroundPress:var(--purple3Light);--backgroundFocus:var(--purple3Light);--borderColor:var(--purple5Light);--borderColorHover:var(--purple4Light);--borderColorFocus:var(--purple5Light);--borderColorPress:var(--purple6Light);} - } -:root.t_light .t_purple_Checkbox, :root.t_light .t_purple_RadioGroupItem, :root.t_light .t_purple_surface2, :root.t_light .t_purple_Switch, :root.t_light .t_purple_TooltipContent {--background:var(--purple3Light);--backgroundHover:var(--purple2Light);--backgroundPress:var(--purple4Light);--backgroundFocus:var(--purple4Light);--borderColor:var(--purple6Light);--borderColorHover:var(--purple5Light);--borderColorFocus:var(--purple6Light);--borderColorPress:var(--purple7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_purple_Checkbox, .t_purple_RadioGroupItem, .t_purple_surface2, .t_purple_Switch, .t_purple_TooltipContent {--background:var(--purple3Light);--backgroundHover:var(--purple2Light);--backgroundPress:var(--purple4Light);--backgroundFocus:var(--purple4Light);--borderColor:var(--purple6Light);--borderColorHover:var(--purple5Light);--borderColorFocus:var(--purple6Light);--borderColorPress:var(--purple7Light);} - } -:root.t_light .t_purple_active_Button, :root.t_light .t_purple_active_Card, :root.t_light .t_purple_active_Checkbox, :root.t_light .t_purple_active_Input, :root.t_light .t_purple_active_RadioGroupItem, :root.t_light .t_purple_active_SelectTrigger, :root.t_light .t_purple_active_Switch, :root.t_light .t_purple_active_TextArea, :root.t_light .t_purple_active_TooltipContent, :root.t_light .t_purple_surface4 {--background:var(--purple6Light);--backgroundHover:var(--purple6Light);--backgroundPress:var(--purple7Light);--backgroundFocus:var(--purple7Light);--borderColor:var(--purple6Light);--borderColorHover:var(--purple6Light);--borderColorFocus:var(--purple7Light);--borderColorPress:var(--purple7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_purple_active_Button, .t_purple_active_Card, .t_purple_active_Checkbox, .t_purple_active_Input, .t_purple_active_RadioGroupItem, .t_purple_active_SelectTrigger, .t_purple_active_Switch, .t_purple_active_TextArea, .t_purple_active_TooltipContent, .t_purple_surface4 {--background:var(--purple6Light);--backgroundHover:var(--purple6Light);--backgroundPress:var(--purple7Light);--backgroundFocus:var(--purple7Light);--borderColor:var(--purple6Light);--borderColorHover:var(--purple6Light);--borderColorFocus:var(--purple7Light);--borderColorPress:var(--purple7Light);} - } -:root.t_light .t_pink_alt1 {--color:var(--pink11Light);--colorHover:var(--pink10Light);--colorPress:var(--pink11Light);--colorFocus:var(--pink10Light);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_pink_alt1 {--color:var(--pink11Light);--colorHover:var(--pink10Light);--colorPress:var(--pink11Light);--colorFocus:var(--pink10Light);} - } -:root.t_light .t_pink_alt2 {--color:var(--pink10Light);--colorHover:var(--pink9Dark);--colorPress:var(--pink10Light);--colorFocus:var(--pink9Dark);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_pink_alt2 {--color:var(--pink10Light);--colorHover:var(--pink9Dark);--colorPress:var(--pink10Light);--colorFocus:var(--pink9Dark);} - } -:root.t_light .t_pink_active, :root.t_light .t_pink_active_SliderTrackActive, :root.t_light .t_pink_Button, :root.t_light .t_pink_SliderTrackActive, :root.t_light .t_pink_surface3 {--background:var(--pink4Light);--backgroundHover:var(--pink3Light);--backgroundPress:var(--pink5Light);--backgroundFocus:var(--pink5Light);--borderColor:var(--pink7Light);--borderColorHover:var(--pink6Light);--borderColorFocus:var(--pink7Light);--borderColorPress:var(--pink8Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_pink_active, .t_pink_active_SliderTrackActive, .t_pink_Button, .t_pink_SliderTrackActive, .t_pink_surface3 {--background:var(--pink4Light);--backgroundHover:var(--pink3Light);--backgroundPress:var(--pink5Light);--backgroundFocus:var(--pink5Light);--borderColor:var(--pink7Light);--borderColorHover:var(--pink6Light);--borderColorFocus:var(--pink7Light);--borderColorPress:var(--pink8Light);} - } -:root.t_light .t_pink_active_ListItem, :root.t_light .t_pink_active_Progress, :root.t_light .t_pink_active_SliderTrack, :root.t_light .t_pink_active_TooltipArrow, :root.t_light .t_pink_Card, :root.t_light .t_pink_Input, :root.t_light .t_pink_ListItem, :root.t_light .t_pink_Progress, :root.t_light .t_pink_SelectTrigger, :root.t_light .t_pink_SliderTrack, :root.t_light .t_pink_surface1, :root.t_light .t_pink_TextArea, :root.t_light .t_pink_TooltipArrow {--background:var(--pink2Light);--backgroundHover:var(--pink1Light);--backgroundPress:var(--pink3Light);--backgroundFocus:var(--pink3Light);--borderColor:var(--pink5Light);--borderColorHover:var(--pink4Light);--borderColorFocus:var(--pink5Light);--borderColorPress:var(--pink6Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_pink_active_ListItem, .t_pink_active_Progress, .t_pink_active_SliderTrack, .t_pink_active_TooltipArrow, .t_pink_Card, .t_pink_Input, .t_pink_ListItem, .t_pink_Progress, .t_pink_SelectTrigger, .t_pink_SliderTrack, .t_pink_surface1, .t_pink_TextArea, .t_pink_TooltipArrow {--background:var(--pink2Light);--backgroundHover:var(--pink1Light);--backgroundPress:var(--pink3Light);--backgroundFocus:var(--pink3Light);--borderColor:var(--pink5Light);--borderColorHover:var(--pink4Light);--borderColorFocus:var(--pink5Light);--borderColorPress:var(--pink6Light);} - } -:root.t_light .t_pink_Checkbox, :root.t_light .t_pink_RadioGroupItem, :root.t_light .t_pink_surface2, :root.t_light .t_pink_Switch, :root.t_light .t_pink_TooltipContent {--background:var(--pink3Light);--backgroundHover:var(--pink2Light);--backgroundPress:var(--pink4Light);--backgroundFocus:var(--pink4Light);--borderColor:var(--pink6Light);--borderColorHover:var(--pink5Light);--borderColorFocus:var(--pink6Light);--borderColorPress:var(--pink7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_pink_Checkbox, .t_pink_RadioGroupItem, .t_pink_surface2, .t_pink_Switch, .t_pink_TooltipContent {--background:var(--pink3Light);--backgroundHover:var(--pink2Light);--backgroundPress:var(--pink4Light);--backgroundFocus:var(--pink4Light);--borderColor:var(--pink6Light);--borderColorHover:var(--pink5Light);--borderColorFocus:var(--pink6Light);--borderColorPress:var(--pink7Light);} - } -:root.t_light .t_pink_active_Button, :root.t_light .t_pink_active_Card, :root.t_light .t_pink_active_Checkbox, :root.t_light .t_pink_active_Input, :root.t_light .t_pink_active_RadioGroupItem, :root.t_light .t_pink_active_SelectTrigger, :root.t_light .t_pink_active_Switch, :root.t_light .t_pink_active_TextArea, :root.t_light .t_pink_active_TooltipContent, :root.t_light .t_pink_surface4 {--background:var(--pink6Light);--backgroundHover:var(--pink6Light);--backgroundPress:var(--pink7Light);--backgroundFocus:var(--pink7Light);--borderColor:var(--pink6Light);--borderColorHover:var(--pink6Light);--borderColorFocus:var(--pink7Light);--borderColorPress:var(--pink7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_pink_active_Button, .t_pink_active_Card, .t_pink_active_Checkbox, .t_pink_active_Input, .t_pink_active_RadioGroupItem, .t_pink_active_SelectTrigger, .t_pink_active_Switch, .t_pink_active_TextArea, .t_pink_active_TooltipContent, .t_pink_surface4 {--background:var(--pink6Light);--backgroundHover:var(--pink6Light);--backgroundPress:var(--pink7Light);--backgroundFocus:var(--pink7Light);--borderColor:var(--pink6Light);--borderColorHover:var(--pink6Light);--borderColorFocus:var(--pink7Light);--borderColorPress:var(--pink7Light);} - } -:root.t_light .t_red_alt1 {--color:var(--red11Light);--colorHover:var(--red10Light);--colorPress:var(--red11Light);--colorFocus:var(--red10Light);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_red_alt1 {--color:var(--red11Light);--colorHover:var(--red10Light);--colorPress:var(--red11Light);--colorFocus:var(--red10Light);} - } -:root.t_light .t_red_alt2 {--color:var(--red10Light);--colorHover:var(--red9Dark);--colorPress:var(--red10Light);--colorFocus:var(--red9Dark);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_red_alt2 {--color:var(--red10Light);--colorHover:var(--red9Dark);--colorPress:var(--red10Light);--colorFocus:var(--red9Dark);} - } -:root.t_light .t_red_active, :root.t_light .t_red_active_SliderTrackActive, :root.t_light .t_red_Button, :root.t_light .t_red_SliderTrackActive, :root.t_light .t_red_surface3 {--background:var(--red4Light);--backgroundHover:var(--red3Light);--backgroundPress:var(--red5Light);--backgroundFocus:var(--red5Light);--borderColor:var(--red7Light);--borderColorHover:var(--red6Light);--borderColorFocus:var(--red7Light);--borderColorPress:var(--red8Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_red_active, .t_red_active_SliderTrackActive, .t_red_Button, .t_red_SliderTrackActive, .t_red_surface3 {--background:var(--red4Light);--backgroundHover:var(--red3Light);--backgroundPress:var(--red5Light);--backgroundFocus:var(--red5Light);--borderColor:var(--red7Light);--borderColorHover:var(--red6Light);--borderColorFocus:var(--red7Light);--borderColorPress:var(--red8Light);} - } -:root.t_light .t_red_active_ListItem, :root.t_light .t_red_active_Progress, :root.t_light .t_red_active_SliderTrack, :root.t_light .t_red_active_TooltipArrow, :root.t_light .t_red_Card, :root.t_light .t_red_Input, :root.t_light .t_red_ListItem, :root.t_light .t_red_Progress, :root.t_light .t_red_SelectTrigger, :root.t_light .t_red_SliderTrack, :root.t_light .t_red_surface1, :root.t_light .t_red_TextArea, :root.t_light .t_red_TooltipArrow {--background:var(--red2Light);--backgroundHover:var(--red1Light);--backgroundPress:var(--red3Light);--backgroundFocus:var(--red3Light);--borderColor:var(--red5Light);--borderColorHover:var(--red4Light);--borderColorFocus:var(--red5Light);--borderColorPress:var(--red6Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_red_active_ListItem, .t_red_active_Progress, .t_red_active_SliderTrack, .t_red_active_TooltipArrow, .t_red_Card, .t_red_Input, .t_red_ListItem, .t_red_Progress, .t_red_SelectTrigger, .t_red_SliderTrack, .t_red_surface1, .t_red_TextArea, .t_red_TooltipArrow {--background:var(--red2Light);--backgroundHover:var(--red1Light);--backgroundPress:var(--red3Light);--backgroundFocus:var(--red3Light);--borderColor:var(--red5Light);--borderColorHover:var(--red4Light);--borderColorFocus:var(--red5Light);--borderColorPress:var(--red6Light);} - } -:root.t_light .t_red_Checkbox, :root.t_light .t_red_RadioGroupItem, :root.t_light .t_red_surface2, :root.t_light .t_red_Switch, :root.t_light .t_red_TooltipContent {--background:var(--red3Light);--backgroundHover:var(--red2Light);--backgroundPress:var(--red4Light);--backgroundFocus:var(--red4Light);--borderColor:var(--red6Light);--borderColorHover:var(--red5Light);--borderColorFocus:var(--red6Light);--borderColorPress:var(--red7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_red_Checkbox, .t_red_RadioGroupItem, .t_red_surface2, .t_red_Switch, .t_red_TooltipContent {--background:var(--red3Light);--backgroundHover:var(--red2Light);--backgroundPress:var(--red4Light);--backgroundFocus:var(--red4Light);--borderColor:var(--red6Light);--borderColorHover:var(--red5Light);--borderColorFocus:var(--red6Light);--borderColorPress:var(--red7Light);} - } -:root.t_light .t_red_active_Button, :root.t_light .t_red_active_Card, :root.t_light .t_red_active_Checkbox, :root.t_light .t_red_active_Input, :root.t_light .t_red_active_RadioGroupItem, :root.t_light .t_red_active_SelectTrigger, :root.t_light .t_red_active_Switch, :root.t_light .t_red_active_TextArea, :root.t_light .t_red_active_TooltipContent, :root.t_light .t_red_surface4 {--background:var(--red6Light);--backgroundHover:var(--red6Light);--backgroundPress:var(--red7Light);--backgroundFocus:var(--red7Light);--borderColor:var(--red6Light);--borderColorHover:var(--red6Light);--borderColorFocus:var(--red7Light);--borderColorPress:var(--red7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_red_active_Button, .t_red_active_Card, .t_red_active_Checkbox, .t_red_active_Input, .t_red_active_RadioGroupItem, .t_red_active_SelectTrigger, .t_red_active_Switch, .t_red_active_TextArea, .t_red_active_TooltipContent, .t_red_surface4 {--background:var(--red6Light);--backgroundHover:var(--red6Light);--backgroundPress:var(--red7Light);--backgroundFocus:var(--red7Light);--borderColor:var(--red6Light);--borderColorHover:var(--red6Light);--borderColorFocus:var(--red7Light);--borderColorPress:var(--red7Light);} - } -:root.t_light .t_gray_alt1 {--color:var(--gray11Light);--colorHover:var(--gray10Light);--colorPress:var(--gray11Light);--colorFocus:var(--gray10Light);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_gray_alt1 {--color:var(--gray11Light);--colorHover:var(--gray10Light);--colorPress:var(--gray11Light);--colorFocus:var(--gray10Light);} - } -:root.t_light .t_gray_alt2 {--color:var(--gray10Light);--colorHover:var(--gray9Light);--colorPress:var(--gray10Light);--colorFocus:var(--gray9Light);} -@media(prefers-color-scheme:light){ - body{color:var(--color)} - .t_gray_alt2 {--color:var(--gray10Light);--colorHover:var(--gray9Light);--colorPress:var(--gray10Light);--colorFocus:var(--gray9Light);} - } -:root.t_light .t_gray_active, :root.t_light .t_gray_active_SliderTrackActive, :root.t_light .t_gray_Button, :root.t_light .t_gray_SliderTrackActive, :root.t_light .t_gray_surface3 {--background:var(--gray12Dark);--backgroundHover:var(--gray3Light);--backgroundPress:var(--gray5Light);--backgroundFocus:var(--gray5Light);--borderColor:var(--gray7Light);--borderColorHover:var(--gray6Light);--borderColorFocus:var(--gray7Light);--borderColorPress:var(--gray8Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_gray_active, .t_gray_active_SliderTrackActive, .t_gray_Button, .t_gray_SliderTrackActive, .t_gray_surface3 {--background:var(--gray12Dark);--backgroundHover:var(--gray3Light);--backgroundPress:var(--gray5Light);--backgroundFocus:var(--gray5Light);--borderColor:var(--gray7Light);--borderColorHover:var(--gray6Light);--borderColorFocus:var(--gray7Light);--borderColorPress:var(--gray8Light);} - } -:root.t_light .t_gray_active_ListItem, :root.t_light .t_gray_active_Progress, :root.t_light .t_gray_active_SliderTrack, :root.t_light .t_gray_active_TooltipArrow, :root.t_light .t_gray_Card, :root.t_light .t_gray_Input, :root.t_light .t_gray_ListItem, :root.t_light .t_gray_Progress, :root.t_light .t_gray_SelectTrigger, :root.t_light .t_gray_SliderTrack, :root.t_light .t_gray_surface1, :root.t_light .t_gray_TextArea, :root.t_light .t_gray_TooltipArrow {--background:var(--gray2Light);--backgroundHover:var(--gray1Light);--backgroundPress:var(--gray3Light);--backgroundFocus:var(--gray3Light);--borderColor:var(--gray5Light);--borderColorHover:var(--gray12Dark);--borderColorFocus:var(--gray5Light);--borderColorPress:var(--gray6Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_gray_active_ListItem, .t_gray_active_Progress, .t_gray_active_SliderTrack, .t_gray_active_TooltipArrow, .t_gray_Card, .t_gray_Input, .t_gray_ListItem, .t_gray_Progress, .t_gray_SelectTrigger, .t_gray_SliderTrack, .t_gray_surface1, .t_gray_TextArea, .t_gray_TooltipArrow {--background:var(--gray2Light);--backgroundHover:var(--gray1Light);--backgroundPress:var(--gray3Light);--backgroundFocus:var(--gray3Light);--borderColor:var(--gray5Light);--borderColorHover:var(--gray12Dark);--borderColorFocus:var(--gray5Light);--borderColorPress:var(--gray6Light);} - } -:root.t_light .t_gray_Checkbox, :root.t_light .t_gray_RadioGroupItem, :root.t_light .t_gray_surface2, :root.t_light .t_gray_Switch, :root.t_light .t_gray_TooltipContent {--background:var(--gray3Light);--backgroundHover:var(--gray2Light);--backgroundPress:var(--gray12Dark);--backgroundFocus:var(--gray12Dark);--borderColor:var(--gray6Light);--borderColorHover:var(--gray5Light);--borderColorFocus:var(--gray6Light);--borderColorPress:var(--gray7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_gray_Checkbox, .t_gray_RadioGroupItem, .t_gray_surface2, .t_gray_Switch, .t_gray_TooltipContent {--background:var(--gray3Light);--backgroundHover:var(--gray2Light);--backgroundPress:var(--gray12Dark);--backgroundFocus:var(--gray12Dark);--borderColor:var(--gray6Light);--borderColorHover:var(--gray5Light);--borderColorFocus:var(--gray6Light);--borderColorPress:var(--gray7Light);} - } -:root.t_light .t_gray_active_Button, :root.t_light .t_gray_active_Card, :root.t_light .t_gray_active_Checkbox, :root.t_light .t_gray_active_Input, :root.t_light .t_gray_active_RadioGroupItem, :root.t_light .t_gray_active_SelectTrigger, :root.t_light .t_gray_active_Switch, :root.t_light .t_gray_active_TextArea, :root.t_light .t_gray_active_TooltipContent, :root.t_light .t_gray_surface4 {--background:var(--gray6Light);--backgroundHover:var(--gray6Light);--backgroundPress:var(--gray7Light);--backgroundFocus:var(--gray7Light);--borderColor:var(--gray6Light);--borderColorHover:var(--gray6Light);--borderColorFocus:var(--gray7Light);--borderColorPress:var(--gray7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_gray_active_Button, .t_gray_active_Card, .t_gray_active_Checkbox, .t_gray_active_Input, .t_gray_active_RadioGroupItem, .t_gray_active_SelectTrigger, .t_gray_active_Switch, .t_gray_active_TextArea, .t_gray_active_TooltipContent, .t_gray_surface4 {--background:var(--gray6Light);--backgroundHover:var(--gray6Light);--backgroundPress:var(--gray7Light);--backgroundFocus:var(--gray7Light);--borderColor:var(--gray6Light);--borderColorHover:var(--gray6Light);--borderColorFocus:var(--gray7Light);--borderColorPress:var(--gray7Light);} - } -:root.t_dark .t_orange_alt1 {--color:var(--orange11Dark);--colorHover:var(--orange10Dark);--colorPress:var(--orange11Dark);--colorFocus:var(--orange10Dark);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_orange_alt1 {--color:var(--orange11Dark);--colorHover:var(--orange10Dark);--colorPress:var(--orange11Dark);--colorFocus:var(--orange10Dark);} - } -:root.t_dark .t_orange_alt2 {--color:var(--orange10Dark);--colorHover:var(--orange9Dark);--colorPress:var(--orange10Dark);--colorFocus:var(--orange9Dark);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_orange_alt2 {--color:var(--orange10Dark);--colorHover:var(--orange9Dark);--colorPress:var(--orange10Dark);--colorFocus:var(--orange9Dark);} - } -:root.t_dark .t_orange_active, :root.t_dark .t_orange_active_SliderTrackActive, :root.t_dark .t_orange_Button, :root.t_dark .t_orange_SliderTrackActive, :root.t_dark .t_orange_surface3 {--background:var(--orange4Dark);--backgroundHover:var(--orange5Dark);--backgroundPress:var(--orange3Dark);--backgroundFocus:var(--orange3Dark);--borderColor:var(--orange7Dark);--borderColorHover:var(--orange8Dark);--borderColorFocus:var(--orange7Dark);--borderColorPress:var(--orange6Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_orange_active, .t_orange_active_SliderTrackActive, .t_orange_Button, .t_orange_SliderTrackActive, .t_orange_surface3 {--background:var(--orange4Dark);--backgroundHover:var(--orange5Dark);--backgroundPress:var(--orange3Dark);--backgroundFocus:var(--orange3Dark);--borderColor:var(--orange7Dark);--borderColorHover:var(--orange8Dark);--borderColorFocus:var(--orange7Dark);--borderColorPress:var(--orange6Dark);} - } -:root.t_dark .t_orange_active_ListItem, :root.t_dark .t_orange_active_Progress, :root.t_dark .t_orange_active_SliderTrack, :root.t_dark .t_orange_active_TooltipArrow, :root.t_dark .t_orange_Card, :root.t_dark .t_orange_Input, :root.t_dark .t_orange_ListItem, :root.t_dark .t_orange_Progress, :root.t_dark .t_orange_SelectTrigger, :root.t_dark .t_orange_SliderTrack, :root.t_dark .t_orange_surface1, :root.t_dark .t_orange_TextArea, :root.t_dark .t_orange_TooltipArrow {--background:var(--orange2Dark);--backgroundHover:var(--orange3Dark);--backgroundPress:var(--orange1Dark);--backgroundFocus:var(--orange1Dark);--borderColor:var(--orange5Dark);--borderColorHover:var(--orange6Dark);--borderColorFocus:var(--orange5Dark);--borderColorPress:var(--orange4Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_orange_active_ListItem, .t_orange_active_Progress, .t_orange_active_SliderTrack, .t_orange_active_TooltipArrow, .t_orange_Card, .t_orange_Input, .t_orange_ListItem, .t_orange_Progress, .t_orange_SelectTrigger, .t_orange_SliderTrack, .t_orange_surface1, .t_orange_TextArea, .t_orange_TooltipArrow {--background:var(--orange2Dark);--backgroundHover:var(--orange3Dark);--backgroundPress:var(--orange1Dark);--backgroundFocus:var(--orange1Dark);--borderColor:var(--orange5Dark);--borderColorHover:var(--orange6Dark);--borderColorFocus:var(--orange5Dark);--borderColorPress:var(--orange4Dark);} - } -:root.t_dark .t_orange_Checkbox, :root.t_dark .t_orange_RadioGroupItem, :root.t_dark .t_orange_surface2, :root.t_dark .t_orange_Switch, :root.t_dark .t_orange_TooltipContent {--background:var(--orange3Dark);--backgroundHover:var(--orange4Dark);--backgroundPress:var(--orange2Dark);--backgroundFocus:var(--orange2Dark);--borderColor:var(--orange6Dark);--borderColorHover:var(--orange7Dark);--borderColorFocus:var(--orange6Dark);--borderColorPress:var(--orange5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_orange_Checkbox, .t_orange_RadioGroupItem, .t_orange_surface2, .t_orange_Switch, .t_orange_TooltipContent {--background:var(--orange3Dark);--backgroundHover:var(--orange4Dark);--backgroundPress:var(--orange2Dark);--backgroundFocus:var(--orange2Dark);--borderColor:var(--orange6Dark);--borderColorHover:var(--orange7Dark);--borderColorFocus:var(--orange6Dark);--borderColorPress:var(--orange5Dark);} - } -:root.t_dark .t_orange_active_Button, :root.t_dark .t_orange_active_Card, :root.t_dark .t_orange_active_Checkbox, :root.t_dark .t_orange_active_Input, :root.t_dark .t_orange_active_RadioGroupItem, :root.t_dark .t_orange_active_SelectTrigger, :root.t_dark .t_orange_active_Switch, :root.t_dark .t_orange_active_TextArea, :root.t_dark .t_orange_active_TooltipContent, :root.t_dark .t_orange_surface4 {--background:var(--orange6Dark);--backgroundHover:var(--orange6Dark);--backgroundPress:var(--orange5Dark);--backgroundFocus:var(--orange5Dark);--borderColor:var(--orange6Dark);--borderColorHover:var(--orange6Dark);--borderColorFocus:var(--orange5Dark);--borderColorPress:var(--orange5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_orange_active_Button, .t_orange_active_Card, .t_orange_active_Checkbox, .t_orange_active_Input, .t_orange_active_RadioGroupItem, .t_orange_active_SelectTrigger, .t_orange_active_Switch, .t_orange_active_TextArea, .t_orange_active_TooltipContent, .t_orange_surface4 {--background:var(--orange6Dark);--backgroundHover:var(--orange6Dark);--backgroundPress:var(--orange5Dark);--backgroundFocus:var(--orange5Dark);--borderColor:var(--orange6Dark);--borderColorHover:var(--orange6Dark);--borderColorFocus:var(--orange5Dark);--borderColorPress:var(--orange5Dark);} - } -:root.t_dark .t_yellow_alt1 {--color:var(--yellow11Dark);--colorHover:var(--yellow10Dark);--colorPress:var(--yellow11Dark);--colorFocus:var(--yellow10Dark);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_yellow_alt1 {--color:var(--yellow11Dark);--colorHover:var(--yellow10Dark);--colorPress:var(--yellow11Dark);--colorFocus:var(--yellow10Dark);} - } -:root.t_dark .t_yellow_alt2 {--color:var(--yellow10Dark);--colorHover:var(--yellow9Dark);--colorPress:var(--yellow10Dark);--colorFocus:var(--yellow9Dark);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_yellow_alt2 {--color:var(--yellow10Dark);--colorHover:var(--yellow9Dark);--colorPress:var(--yellow10Dark);--colorFocus:var(--yellow9Dark);} - } -:root.t_dark .t_yellow_active, :root.t_dark .t_yellow_active_SliderTrackActive, :root.t_dark .t_yellow_Button, :root.t_dark .t_yellow_SliderTrackActive, :root.t_dark .t_yellow_surface3 {--background:var(--yellow4Dark);--backgroundHover:var(--yellow5Dark);--backgroundPress:var(--yellow3Dark);--backgroundFocus:var(--yellow3Dark);--borderColor:var(--yellow7Dark);--borderColorHover:var(--yellow8Dark);--borderColorFocus:var(--yellow7Dark);--borderColorPress:var(--yellow6Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_yellow_active, .t_yellow_active_SliderTrackActive, .t_yellow_Button, .t_yellow_SliderTrackActive, .t_yellow_surface3 {--background:var(--yellow4Dark);--backgroundHover:var(--yellow5Dark);--backgroundPress:var(--yellow3Dark);--backgroundFocus:var(--yellow3Dark);--borderColor:var(--yellow7Dark);--borderColorHover:var(--yellow8Dark);--borderColorFocus:var(--yellow7Dark);--borderColorPress:var(--yellow6Dark);} - } -:root.t_dark .t_yellow_active_ListItem, :root.t_dark .t_yellow_active_Progress, :root.t_dark .t_yellow_active_SliderTrack, :root.t_dark .t_yellow_active_TooltipArrow, :root.t_dark .t_yellow_Card, :root.t_dark .t_yellow_Input, :root.t_dark .t_yellow_ListItem, :root.t_dark .t_yellow_Progress, :root.t_dark .t_yellow_SelectTrigger, :root.t_dark .t_yellow_SliderTrack, :root.t_dark .t_yellow_surface1, :root.t_dark .t_yellow_TextArea, :root.t_dark .t_yellow_TooltipArrow {--background:var(--yellow2Dark);--backgroundHover:var(--yellow3Dark);--backgroundPress:var(--yellow1Dark);--backgroundFocus:var(--yellow1Dark);--borderColor:var(--yellow5Dark);--borderColorHover:var(--yellow6Dark);--borderColorFocus:var(--yellow5Dark);--borderColorPress:var(--yellow4Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_yellow_active_ListItem, .t_yellow_active_Progress, .t_yellow_active_SliderTrack, .t_yellow_active_TooltipArrow, .t_yellow_Card, .t_yellow_Input, .t_yellow_ListItem, .t_yellow_Progress, .t_yellow_SelectTrigger, .t_yellow_SliderTrack, .t_yellow_surface1, .t_yellow_TextArea, .t_yellow_TooltipArrow {--background:var(--yellow2Dark);--backgroundHover:var(--yellow3Dark);--backgroundPress:var(--yellow1Dark);--backgroundFocus:var(--yellow1Dark);--borderColor:var(--yellow5Dark);--borderColorHover:var(--yellow6Dark);--borderColorFocus:var(--yellow5Dark);--borderColorPress:var(--yellow4Dark);} - } -:root.t_dark .t_yellow_Checkbox, :root.t_dark .t_yellow_RadioGroupItem, :root.t_dark .t_yellow_surface2, :root.t_dark .t_yellow_Switch, :root.t_dark .t_yellow_TooltipContent {--background:var(--yellow3Dark);--backgroundHover:var(--yellow4Dark);--backgroundPress:var(--yellow2Dark);--backgroundFocus:var(--yellow2Dark);--borderColor:var(--yellow6Dark);--borderColorHover:var(--yellow7Dark);--borderColorFocus:var(--yellow6Dark);--borderColorPress:var(--yellow5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_yellow_Checkbox, .t_yellow_RadioGroupItem, .t_yellow_surface2, .t_yellow_Switch, .t_yellow_TooltipContent {--background:var(--yellow3Dark);--backgroundHover:var(--yellow4Dark);--backgroundPress:var(--yellow2Dark);--backgroundFocus:var(--yellow2Dark);--borderColor:var(--yellow6Dark);--borderColorHover:var(--yellow7Dark);--borderColorFocus:var(--yellow6Dark);--borderColorPress:var(--yellow5Dark);} - } -:root.t_dark .t_yellow_active_Button, :root.t_dark .t_yellow_active_Card, :root.t_dark .t_yellow_active_Checkbox, :root.t_dark .t_yellow_active_Input, :root.t_dark .t_yellow_active_RadioGroupItem, :root.t_dark .t_yellow_active_SelectTrigger, :root.t_dark .t_yellow_active_Switch, :root.t_dark .t_yellow_active_TextArea, :root.t_dark .t_yellow_active_TooltipContent, :root.t_dark .t_yellow_surface4 {--background:var(--yellow6Dark);--backgroundHover:var(--yellow6Dark);--backgroundPress:var(--yellow5Dark);--backgroundFocus:var(--yellow5Dark);--borderColor:var(--yellow6Dark);--borderColorHover:var(--yellow6Dark);--borderColorFocus:var(--yellow5Dark);--borderColorPress:var(--yellow5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_yellow_active_Button, .t_yellow_active_Card, .t_yellow_active_Checkbox, .t_yellow_active_Input, .t_yellow_active_RadioGroupItem, .t_yellow_active_SelectTrigger, .t_yellow_active_Switch, .t_yellow_active_TextArea, .t_yellow_active_TooltipContent, .t_yellow_surface4 {--background:var(--yellow6Dark);--backgroundHover:var(--yellow6Dark);--backgroundPress:var(--yellow5Dark);--backgroundFocus:var(--yellow5Dark);--borderColor:var(--yellow6Dark);--borderColorHover:var(--yellow6Dark);--borderColorFocus:var(--yellow5Dark);--borderColorPress:var(--yellow5Dark);} - } -:root.t_dark .t_green_alt1 {--color:var(--green11Dark);--colorHover:var(--green10Dark);--colorPress:var(--green11Dark);--colorFocus:var(--green10Dark);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_green_alt1 {--color:var(--green11Dark);--colorHover:var(--green10Dark);--colorPress:var(--green11Dark);--colorFocus:var(--green10Dark);} - } -:root.t_dark .t_green_alt2 {--color:var(--green10Dark);--colorHover:var(--green9Dark);--colorPress:var(--green10Dark);--colorFocus:var(--green9Dark);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_green_alt2 {--color:var(--green10Dark);--colorHover:var(--green9Dark);--colorPress:var(--green10Dark);--colorFocus:var(--green9Dark);} - } -:root.t_dark .t_green_active, :root.t_dark .t_green_active_SliderTrackActive, :root.t_dark .t_green_Button, :root.t_dark .t_green_SliderTrackActive, :root.t_dark .t_green_surface3 {--background:var(--green4Dark);--backgroundHover:var(--green5Dark);--backgroundPress:var(--green3Dark);--backgroundFocus:var(--green3Dark);--borderColor:var(--green7Dark);--borderColorHover:var(--green8Dark);--borderColorFocus:var(--green7Dark);--borderColorPress:var(--green6Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_green_active, .t_green_active_SliderTrackActive, .t_green_Button, .t_green_SliderTrackActive, .t_green_surface3 {--background:var(--green4Dark);--backgroundHover:var(--green5Dark);--backgroundPress:var(--green3Dark);--backgroundFocus:var(--green3Dark);--borderColor:var(--green7Dark);--borderColorHover:var(--green8Dark);--borderColorFocus:var(--green7Dark);--borderColorPress:var(--green6Dark);} - } -:root.t_dark .t_green_active_ListItem, :root.t_dark .t_green_active_Progress, :root.t_dark .t_green_active_SliderTrack, :root.t_dark .t_green_active_TooltipArrow, :root.t_dark .t_green_Card, :root.t_dark .t_green_Input, :root.t_dark .t_green_ListItem, :root.t_dark .t_green_Progress, :root.t_dark .t_green_SelectTrigger, :root.t_dark .t_green_SliderTrack, :root.t_dark .t_green_surface1, :root.t_dark .t_green_TextArea, :root.t_dark .t_green_TooltipArrow {--background:var(--green2Dark);--backgroundHover:var(--green3Dark);--backgroundPress:var(--green1Dark);--backgroundFocus:var(--green1Dark);--borderColor:var(--green5Dark);--borderColorHover:var(--green6Dark);--borderColorFocus:var(--green5Dark);--borderColorPress:var(--green4Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_green_active_ListItem, .t_green_active_Progress, .t_green_active_SliderTrack, .t_green_active_TooltipArrow, .t_green_Card, .t_green_Input, .t_green_ListItem, .t_green_Progress, .t_green_SelectTrigger, .t_green_SliderTrack, .t_green_surface1, .t_green_TextArea, .t_green_TooltipArrow {--background:var(--green2Dark);--backgroundHover:var(--green3Dark);--backgroundPress:var(--green1Dark);--backgroundFocus:var(--green1Dark);--borderColor:var(--green5Dark);--borderColorHover:var(--green6Dark);--borderColorFocus:var(--green5Dark);--borderColorPress:var(--green4Dark);} - } -:root.t_dark .t_green_Checkbox, :root.t_dark .t_green_RadioGroupItem, :root.t_dark .t_green_surface2, :root.t_dark .t_green_Switch, :root.t_dark .t_green_TooltipContent {--background:var(--green3Dark);--backgroundHover:var(--green4Dark);--backgroundPress:var(--green2Dark);--backgroundFocus:var(--green2Dark);--borderColor:var(--green6Dark);--borderColorHover:var(--green7Dark);--borderColorFocus:var(--green6Dark);--borderColorPress:var(--green5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_green_Checkbox, .t_green_RadioGroupItem, .t_green_surface2, .t_green_Switch, .t_green_TooltipContent {--background:var(--green3Dark);--backgroundHover:var(--green4Dark);--backgroundPress:var(--green2Dark);--backgroundFocus:var(--green2Dark);--borderColor:var(--green6Dark);--borderColorHover:var(--green7Dark);--borderColorFocus:var(--green6Dark);--borderColorPress:var(--green5Dark);} - } -:root.t_dark .t_green_active_Button, :root.t_dark .t_green_active_Card, :root.t_dark .t_green_active_Checkbox, :root.t_dark .t_green_active_Input, :root.t_dark .t_green_active_RadioGroupItem, :root.t_dark .t_green_active_SelectTrigger, :root.t_dark .t_green_active_Switch, :root.t_dark .t_green_active_TextArea, :root.t_dark .t_green_active_TooltipContent, :root.t_dark .t_green_surface4 {--background:var(--green6Dark);--backgroundHover:var(--green6Dark);--backgroundPress:var(--green5Dark);--backgroundFocus:var(--green5Dark);--borderColor:var(--green6Dark);--borderColorHover:var(--green6Dark);--borderColorFocus:var(--green5Dark);--borderColorPress:var(--green5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_green_active_Button, .t_green_active_Card, .t_green_active_Checkbox, .t_green_active_Input, .t_green_active_RadioGroupItem, .t_green_active_SelectTrigger, .t_green_active_Switch, .t_green_active_TextArea, .t_green_active_TooltipContent, .t_green_surface4 {--background:var(--green6Dark);--backgroundHover:var(--green6Dark);--backgroundPress:var(--green5Dark);--backgroundFocus:var(--green5Dark);--borderColor:var(--green6Dark);--borderColorHover:var(--green6Dark);--borderColorFocus:var(--green5Dark);--borderColorPress:var(--green5Dark);} - } -:root.t_dark .t_blue_alt1 {--color:var(--blue11Dark);--colorHover:var(--blue10Dark);--colorPress:var(--blue11Dark);--colorFocus:var(--blue10Dark);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_blue_alt1 {--color:var(--blue11Dark);--colorHover:var(--blue10Dark);--colorPress:var(--blue11Dark);--colorFocus:var(--blue10Dark);} - } -:root.t_dark .t_blue_alt2 {--color:var(--blue10Dark);--colorHover:var(--blue9Dark);--colorPress:var(--blue10Dark);--colorFocus:var(--blue9Dark);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_blue_alt2 {--color:var(--blue10Dark);--colorHover:var(--blue9Dark);--colorPress:var(--blue10Dark);--colorFocus:var(--blue9Dark);} - } -:root.t_dark .t_blue_active, :root.t_dark .t_blue_active_SliderTrackActive, :root.t_dark .t_blue_Button, :root.t_dark .t_blue_SliderTrackActive, :root.t_dark .t_blue_surface3 {--background:var(--blue4Dark);--backgroundHover:var(--blue5Dark);--backgroundPress:var(--blue3Dark);--backgroundFocus:var(--blue3Dark);--borderColor:var(--blue7Dark);--borderColorHover:var(--blue8Dark);--borderColorFocus:var(--blue7Dark);--borderColorPress:var(--blue6Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_blue_active, .t_blue_active_SliderTrackActive, .t_blue_Button, .t_blue_SliderTrackActive, .t_blue_surface3 {--background:var(--blue4Dark);--backgroundHover:var(--blue5Dark);--backgroundPress:var(--blue3Dark);--backgroundFocus:var(--blue3Dark);--borderColor:var(--blue7Dark);--borderColorHover:var(--blue8Dark);--borderColorFocus:var(--blue7Dark);--borderColorPress:var(--blue6Dark);} - } -:root.t_dark .t_blue_active_ListItem, :root.t_dark .t_blue_active_Progress, :root.t_dark .t_blue_active_SliderTrack, :root.t_dark .t_blue_active_TooltipArrow, :root.t_dark .t_blue_Card, :root.t_dark .t_blue_Input, :root.t_dark .t_blue_ListItem, :root.t_dark .t_blue_Progress, :root.t_dark .t_blue_SelectTrigger, :root.t_dark .t_blue_SliderTrack, :root.t_dark .t_blue_surface1, :root.t_dark .t_blue_TextArea, :root.t_dark .t_blue_TooltipArrow {--background:var(--blue2Dark);--backgroundHover:var(--blue3Dark);--backgroundPress:var(--blue1Dark);--backgroundFocus:var(--blue1Dark);--borderColor:var(--blue5Dark);--borderColorHover:var(--blue6Dark);--borderColorFocus:var(--blue5Dark);--borderColorPress:var(--blue4Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_blue_active_ListItem, .t_blue_active_Progress, .t_blue_active_SliderTrack, .t_blue_active_TooltipArrow, .t_blue_Card, .t_blue_Input, .t_blue_ListItem, .t_blue_Progress, .t_blue_SelectTrigger, .t_blue_SliderTrack, .t_blue_surface1, .t_blue_TextArea, .t_blue_TooltipArrow {--background:var(--blue2Dark);--backgroundHover:var(--blue3Dark);--backgroundPress:var(--blue1Dark);--backgroundFocus:var(--blue1Dark);--borderColor:var(--blue5Dark);--borderColorHover:var(--blue6Dark);--borderColorFocus:var(--blue5Dark);--borderColorPress:var(--blue4Dark);} - } -:root.t_dark .t_blue_Checkbox, :root.t_dark .t_blue_RadioGroupItem, :root.t_dark .t_blue_surface2, :root.t_dark .t_blue_Switch, :root.t_dark .t_blue_TooltipContent {--background:var(--blue3Dark);--backgroundHover:var(--blue4Dark);--backgroundPress:var(--blue2Dark);--backgroundFocus:var(--blue2Dark);--borderColor:var(--blue6Dark);--borderColorHover:var(--blue7Dark);--borderColorFocus:var(--blue6Dark);--borderColorPress:var(--blue5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_blue_Checkbox, .t_blue_RadioGroupItem, .t_blue_surface2, .t_blue_Switch, .t_blue_TooltipContent {--background:var(--blue3Dark);--backgroundHover:var(--blue4Dark);--backgroundPress:var(--blue2Dark);--backgroundFocus:var(--blue2Dark);--borderColor:var(--blue6Dark);--borderColorHover:var(--blue7Dark);--borderColorFocus:var(--blue6Dark);--borderColorPress:var(--blue5Dark);} - } -:root.t_dark .t_blue_active_Button, :root.t_dark .t_blue_active_Card, :root.t_dark .t_blue_active_Checkbox, :root.t_dark .t_blue_active_Input, :root.t_dark .t_blue_active_RadioGroupItem, :root.t_dark .t_blue_active_SelectTrigger, :root.t_dark .t_blue_active_Switch, :root.t_dark .t_blue_active_TextArea, :root.t_dark .t_blue_active_TooltipContent, :root.t_dark .t_blue_surface4 {--background:var(--blue6Dark);--backgroundHover:var(--blue6Dark);--backgroundPress:var(--blue5Dark);--backgroundFocus:var(--blue5Dark);--borderColor:var(--blue6Dark);--borderColorHover:var(--blue6Dark);--borderColorFocus:var(--blue5Dark);--borderColorPress:var(--blue5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_blue_active_Button, .t_blue_active_Card, .t_blue_active_Checkbox, .t_blue_active_Input, .t_blue_active_RadioGroupItem, .t_blue_active_SelectTrigger, .t_blue_active_Switch, .t_blue_active_TextArea, .t_blue_active_TooltipContent, .t_blue_surface4 {--background:var(--blue6Dark);--backgroundHover:var(--blue6Dark);--backgroundPress:var(--blue5Dark);--backgroundFocus:var(--blue5Dark);--borderColor:var(--blue6Dark);--borderColorHover:var(--blue6Dark);--borderColorFocus:var(--blue5Dark);--borderColorPress:var(--blue5Dark);} - } -:root.t_dark .t_purple_alt1 {--color:var(--purple11Dark);--colorHover:var(--purple10Dark);--colorPress:var(--purple11Dark);--colorFocus:var(--purple10Dark);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_purple_alt1 {--color:var(--purple11Dark);--colorHover:var(--purple10Dark);--colorPress:var(--purple11Dark);--colorFocus:var(--purple10Dark);} - } -:root.t_dark .t_purple_alt2 {--color:var(--purple10Dark);--colorHover:var(--purple9Dark);--colorPress:var(--purple10Dark);--colorFocus:var(--purple9Dark);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_purple_alt2 {--color:var(--purple10Dark);--colorHover:var(--purple9Dark);--colorPress:var(--purple10Dark);--colorFocus:var(--purple9Dark);} - } -:root.t_dark .t_purple_active, :root.t_dark .t_purple_active_SliderTrackActive, :root.t_dark .t_purple_Button, :root.t_dark .t_purple_SliderTrackActive, :root.t_dark .t_purple_surface3 {--background:var(--purple4Dark);--backgroundHover:var(--purple5Dark);--backgroundPress:var(--purple3Dark);--backgroundFocus:var(--purple3Dark);--borderColor:var(--purple7Dark);--borderColorHover:var(--purple8Dark);--borderColorFocus:var(--purple7Dark);--borderColorPress:var(--purple6Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_purple_active, .t_purple_active_SliderTrackActive, .t_purple_Button, .t_purple_SliderTrackActive, .t_purple_surface3 {--background:var(--purple4Dark);--backgroundHover:var(--purple5Dark);--backgroundPress:var(--purple3Dark);--backgroundFocus:var(--purple3Dark);--borderColor:var(--purple7Dark);--borderColorHover:var(--purple8Dark);--borderColorFocus:var(--purple7Dark);--borderColorPress:var(--purple6Dark);} - } -:root.t_dark .t_purple_active_ListItem, :root.t_dark .t_purple_active_Progress, :root.t_dark .t_purple_active_SliderTrack, :root.t_dark .t_purple_active_TooltipArrow, :root.t_dark .t_purple_Card, :root.t_dark .t_purple_Input, :root.t_dark .t_purple_ListItem, :root.t_dark .t_purple_Progress, :root.t_dark .t_purple_SelectTrigger, :root.t_dark .t_purple_SliderTrack, :root.t_dark .t_purple_surface1, :root.t_dark .t_purple_TextArea, :root.t_dark .t_purple_TooltipArrow {--background:var(--purple2Dark);--backgroundHover:var(--purple3Dark);--backgroundPress:var(--purple1Dark);--backgroundFocus:var(--purple1Dark);--borderColor:var(--purple5Dark);--borderColorHover:var(--purple6Dark);--borderColorFocus:var(--purple5Dark);--borderColorPress:var(--purple4Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_purple_active_ListItem, .t_purple_active_Progress, .t_purple_active_SliderTrack, .t_purple_active_TooltipArrow, .t_purple_Card, .t_purple_Input, .t_purple_ListItem, .t_purple_Progress, .t_purple_SelectTrigger, .t_purple_SliderTrack, .t_purple_surface1, .t_purple_TextArea, .t_purple_TooltipArrow {--background:var(--purple2Dark);--backgroundHover:var(--purple3Dark);--backgroundPress:var(--purple1Dark);--backgroundFocus:var(--purple1Dark);--borderColor:var(--purple5Dark);--borderColorHover:var(--purple6Dark);--borderColorFocus:var(--purple5Dark);--borderColorPress:var(--purple4Dark);} - } -:root.t_dark .t_purple_Checkbox, :root.t_dark .t_purple_RadioGroupItem, :root.t_dark .t_purple_surface2, :root.t_dark .t_purple_Switch, :root.t_dark .t_purple_TooltipContent {--background:var(--purple3Dark);--backgroundHover:var(--purple4Dark);--backgroundPress:var(--purple2Dark);--backgroundFocus:var(--purple2Dark);--borderColor:var(--purple6Dark);--borderColorHover:var(--purple7Dark);--borderColorFocus:var(--purple6Dark);--borderColorPress:var(--purple5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_purple_Checkbox, .t_purple_RadioGroupItem, .t_purple_surface2, .t_purple_Switch, .t_purple_TooltipContent {--background:var(--purple3Dark);--backgroundHover:var(--purple4Dark);--backgroundPress:var(--purple2Dark);--backgroundFocus:var(--purple2Dark);--borderColor:var(--purple6Dark);--borderColorHover:var(--purple7Dark);--borderColorFocus:var(--purple6Dark);--borderColorPress:var(--purple5Dark);} - } -:root.t_dark .t_purple_active_Button, :root.t_dark .t_purple_active_Card, :root.t_dark .t_purple_active_Checkbox, :root.t_dark .t_purple_active_Input, :root.t_dark .t_purple_active_RadioGroupItem, :root.t_dark .t_purple_active_SelectTrigger, :root.t_dark .t_purple_active_Switch, :root.t_dark .t_purple_active_TextArea, :root.t_dark .t_purple_active_TooltipContent, :root.t_dark .t_purple_surface4 {--background:var(--purple6Dark);--backgroundHover:var(--purple6Dark);--backgroundPress:var(--purple5Dark);--backgroundFocus:var(--purple5Dark);--borderColor:var(--purple6Dark);--borderColorHover:var(--purple6Dark);--borderColorFocus:var(--purple5Dark);--borderColorPress:var(--purple5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_purple_active_Button, .t_purple_active_Card, .t_purple_active_Checkbox, .t_purple_active_Input, .t_purple_active_RadioGroupItem, .t_purple_active_SelectTrigger, .t_purple_active_Switch, .t_purple_active_TextArea, .t_purple_active_TooltipContent, .t_purple_surface4 {--background:var(--purple6Dark);--backgroundHover:var(--purple6Dark);--backgroundPress:var(--purple5Dark);--backgroundFocus:var(--purple5Dark);--borderColor:var(--purple6Dark);--borderColorHover:var(--purple6Dark);--borderColorFocus:var(--purple5Dark);--borderColorPress:var(--purple5Dark);} - } -:root.t_dark .t_pink_alt1 {--color:var(--pink11Dark);--colorHover:var(--pink10Dark);--colorPress:var(--pink11Dark);--colorFocus:var(--pink10Dark);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_pink_alt1 {--color:var(--pink11Dark);--colorHover:var(--pink10Dark);--colorPress:var(--pink11Dark);--colorFocus:var(--pink10Dark);} - } -:root.t_dark .t_pink_alt2 {--color:var(--pink10Dark);--colorHover:var(--pink9Dark);--colorPress:var(--pink10Dark);--colorFocus:var(--pink9Dark);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_pink_alt2 {--color:var(--pink10Dark);--colorHover:var(--pink9Dark);--colorPress:var(--pink10Dark);--colorFocus:var(--pink9Dark);} - } -:root.t_dark .t_pink_active, :root.t_dark .t_pink_active_SliderTrackActive, :root.t_dark .t_pink_Button, :root.t_dark .t_pink_SliderTrackActive, :root.t_dark .t_pink_surface3 {--background:var(--pink4Dark);--backgroundHover:var(--pink5Dark);--backgroundPress:var(--pink3Dark);--backgroundFocus:var(--pink3Dark);--borderColor:var(--pink7Dark);--borderColorHover:var(--pink8Dark);--borderColorFocus:var(--pink7Dark);--borderColorPress:var(--pink6Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_pink_active, .t_pink_active_SliderTrackActive, .t_pink_Button, .t_pink_SliderTrackActive, .t_pink_surface3 {--background:var(--pink4Dark);--backgroundHover:var(--pink5Dark);--backgroundPress:var(--pink3Dark);--backgroundFocus:var(--pink3Dark);--borderColor:var(--pink7Dark);--borderColorHover:var(--pink8Dark);--borderColorFocus:var(--pink7Dark);--borderColorPress:var(--pink6Dark);} - } -:root.t_dark .t_pink_active_ListItem, :root.t_dark .t_pink_active_Progress, :root.t_dark .t_pink_active_SliderTrack, :root.t_dark .t_pink_active_TooltipArrow, :root.t_dark .t_pink_Card, :root.t_dark .t_pink_Input, :root.t_dark .t_pink_ListItem, :root.t_dark .t_pink_Progress, :root.t_dark .t_pink_SelectTrigger, :root.t_dark .t_pink_SliderTrack, :root.t_dark .t_pink_surface1, :root.t_dark .t_pink_TextArea, :root.t_dark .t_pink_TooltipArrow {--background:var(--pink2Dark);--backgroundHover:var(--pink3Dark);--backgroundPress:var(--pink1Dark);--backgroundFocus:var(--pink1Dark);--borderColor:var(--pink5Dark);--borderColorHover:var(--pink6Dark);--borderColorFocus:var(--pink5Dark);--borderColorPress:var(--pink4Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_pink_active_ListItem, .t_pink_active_Progress, .t_pink_active_SliderTrack, .t_pink_active_TooltipArrow, .t_pink_Card, .t_pink_Input, .t_pink_ListItem, .t_pink_Progress, .t_pink_SelectTrigger, .t_pink_SliderTrack, .t_pink_surface1, .t_pink_TextArea, .t_pink_TooltipArrow {--background:var(--pink2Dark);--backgroundHover:var(--pink3Dark);--backgroundPress:var(--pink1Dark);--backgroundFocus:var(--pink1Dark);--borderColor:var(--pink5Dark);--borderColorHover:var(--pink6Dark);--borderColorFocus:var(--pink5Dark);--borderColorPress:var(--pink4Dark);} - } -:root.t_dark .t_pink_Checkbox, :root.t_dark .t_pink_RadioGroupItem, :root.t_dark .t_pink_surface2, :root.t_dark .t_pink_Switch, :root.t_dark .t_pink_TooltipContent {--background:var(--pink3Dark);--backgroundHover:var(--pink4Dark);--backgroundPress:var(--pink2Dark);--backgroundFocus:var(--pink2Dark);--borderColor:var(--pink6Dark);--borderColorHover:var(--pink7Dark);--borderColorFocus:var(--pink6Dark);--borderColorPress:var(--pink5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_pink_Checkbox, .t_pink_RadioGroupItem, .t_pink_surface2, .t_pink_Switch, .t_pink_TooltipContent {--background:var(--pink3Dark);--backgroundHover:var(--pink4Dark);--backgroundPress:var(--pink2Dark);--backgroundFocus:var(--pink2Dark);--borderColor:var(--pink6Dark);--borderColorHover:var(--pink7Dark);--borderColorFocus:var(--pink6Dark);--borderColorPress:var(--pink5Dark);} - } -:root.t_dark .t_pink_active_Button, :root.t_dark .t_pink_active_Card, :root.t_dark .t_pink_active_Checkbox, :root.t_dark .t_pink_active_Input, :root.t_dark .t_pink_active_RadioGroupItem, :root.t_dark .t_pink_active_SelectTrigger, :root.t_dark .t_pink_active_Switch, :root.t_dark .t_pink_active_TextArea, :root.t_dark .t_pink_active_TooltipContent, :root.t_dark .t_pink_surface4 {--background:var(--pink6Dark);--backgroundHover:var(--pink6Dark);--backgroundPress:var(--pink5Dark);--backgroundFocus:var(--pink5Dark);--borderColor:var(--pink6Dark);--borderColorHover:var(--pink6Dark);--borderColorFocus:var(--pink5Dark);--borderColorPress:var(--pink5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_pink_active_Button, .t_pink_active_Card, .t_pink_active_Checkbox, .t_pink_active_Input, .t_pink_active_RadioGroupItem, .t_pink_active_SelectTrigger, .t_pink_active_Switch, .t_pink_active_TextArea, .t_pink_active_TooltipContent, .t_pink_surface4 {--background:var(--pink6Dark);--backgroundHover:var(--pink6Dark);--backgroundPress:var(--pink5Dark);--backgroundFocus:var(--pink5Dark);--borderColor:var(--pink6Dark);--borderColorHover:var(--pink6Dark);--borderColorFocus:var(--pink5Dark);--borderColorPress:var(--pink5Dark);} - } -:root.t_dark .t_red_alt1 {--color:var(--red11Dark);--colorHover:var(--red10Dark);--colorPress:var(--red11Dark);--colorFocus:var(--red10Dark);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_red_alt1 {--color:var(--red11Dark);--colorHover:var(--red10Dark);--colorPress:var(--red11Dark);--colorFocus:var(--red10Dark);} - } -:root.t_dark .t_red_alt2 {--color:var(--red10Dark);--colorHover:var(--red9Dark);--colorPress:var(--red10Dark);--colorFocus:var(--red9Dark);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_red_alt2 {--color:var(--red10Dark);--colorHover:var(--red9Dark);--colorPress:var(--red10Dark);--colorFocus:var(--red9Dark);} - } -:root.t_dark .t_red_active, :root.t_dark .t_red_active_SliderTrackActive, :root.t_dark .t_red_Button, :root.t_dark .t_red_SliderTrackActive, :root.t_dark .t_red_surface3 {--background:var(--red4Dark);--backgroundHover:var(--red5Dark);--backgroundPress:var(--red3Dark);--backgroundFocus:var(--red3Dark);--borderColor:var(--red7Dark);--borderColorHover:var(--red8Dark);--borderColorFocus:var(--red7Dark);--borderColorPress:var(--red6Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_red_active, .t_red_active_SliderTrackActive, .t_red_Button, .t_red_SliderTrackActive, .t_red_surface3 {--background:var(--red4Dark);--backgroundHover:var(--red5Dark);--backgroundPress:var(--red3Dark);--backgroundFocus:var(--red3Dark);--borderColor:var(--red7Dark);--borderColorHover:var(--red8Dark);--borderColorFocus:var(--red7Dark);--borderColorPress:var(--red6Dark);} - } -:root.t_dark .t_red_active_ListItem, :root.t_dark .t_red_active_Progress, :root.t_dark .t_red_active_SliderTrack, :root.t_dark .t_red_active_TooltipArrow, :root.t_dark .t_red_Card, :root.t_dark .t_red_Input, :root.t_dark .t_red_ListItem, :root.t_dark .t_red_Progress, :root.t_dark .t_red_SelectTrigger, :root.t_dark .t_red_SliderTrack, :root.t_dark .t_red_surface1, :root.t_dark .t_red_TextArea, :root.t_dark .t_red_TooltipArrow {--background:var(--red2Dark);--backgroundHover:var(--red3Dark);--backgroundPress:var(--red1Dark);--backgroundFocus:var(--red1Dark);--borderColor:var(--red5Dark);--borderColorHover:var(--red6Dark);--borderColorFocus:var(--red5Dark);--borderColorPress:var(--red4Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_red_active_ListItem, .t_red_active_Progress, .t_red_active_SliderTrack, .t_red_active_TooltipArrow, .t_red_Card, .t_red_Input, .t_red_ListItem, .t_red_Progress, .t_red_SelectTrigger, .t_red_SliderTrack, .t_red_surface1, .t_red_TextArea, .t_red_TooltipArrow {--background:var(--red2Dark);--backgroundHover:var(--red3Dark);--backgroundPress:var(--red1Dark);--backgroundFocus:var(--red1Dark);--borderColor:var(--red5Dark);--borderColorHover:var(--red6Dark);--borderColorFocus:var(--red5Dark);--borderColorPress:var(--red4Dark);} - } -:root.t_dark .t_red_Checkbox, :root.t_dark .t_red_RadioGroupItem, :root.t_dark .t_red_surface2, :root.t_dark .t_red_Switch, :root.t_dark .t_red_TooltipContent {--background:var(--red3Dark);--backgroundHover:var(--red4Dark);--backgroundPress:var(--red2Dark);--backgroundFocus:var(--red2Dark);--borderColor:var(--red6Dark);--borderColorHover:var(--red7Dark);--borderColorFocus:var(--red6Dark);--borderColorPress:var(--red5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_red_Checkbox, .t_red_RadioGroupItem, .t_red_surface2, .t_red_Switch, .t_red_TooltipContent {--background:var(--red3Dark);--backgroundHover:var(--red4Dark);--backgroundPress:var(--red2Dark);--backgroundFocus:var(--red2Dark);--borderColor:var(--red6Dark);--borderColorHover:var(--red7Dark);--borderColorFocus:var(--red6Dark);--borderColorPress:var(--red5Dark);} - } -:root.t_dark .t_red_active_Button, :root.t_dark .t_red_active_Card, :root.t_dark .t_red_active_Checkbox, :root.t_dark .t_red_active_Input, :root.t_dark .t_red_active_RadioGroupItem, :root.t_dark .t_red_active_SelectTrigger, :root.t_dark .t_red_active_Switch, :root.t_dark .t_red_active_TextArea, :root.t_dark .t_red_active_TooltipContent, :root.t_dark .t_red_surface4 {--background:var(--red6Dark);--backgroundHover:var(--red6Dark);--backgroundPress:var(--red5Dark);--backgroundFocus:var(--red5Dark);--borderColor:var(--red6Dark);--borderColorHover:var(--red6Dark);--borderColorFocus:var(--red5Dark);--borderColorPress:var(--red5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_red_active_Button, .t_red_active_Card, .t_red_active_Checkbox, .t_red_active_Input, .t_red_active_RadioGroupItem, .t_red_active_SelectTrigger, .t_red_active_Switch, .t_red_active_TextArea, .t_red_active_TooltipContent, .t_red_surface4 {--background:var(--red6Dark);--backgroundHover:var(--red6Dark);--backgroundPress:var(--red5Dark);--backgroundFocus:var(--red5Dark);--borderColor:var(--red6Dark);--borderColorHover:var(--red6Dark);--borderColorFocus:var(--red5Dark);--borderColorPress:var(--red5Dark);} - } -:root.t_dark .t_gray_alt1 {--color:var(--gray11Dark);--colorHover:var(--gray10Dark);--colorPress:var(--gray11Dark);--colorFocus:var(--gray10Dark);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_gray_alt1 {--color:var(--gray11Dark);--colorHover:var(--gray10Dark);--colorPress:var(--gray11Dark);--colorFocus:var(--gray10Dark);} - } -:root.t_dark .t_gray_alt2 {--color:var(--gray10Dark);--colorHover:var(--gray9Dark);--colorPress:var(--gray10Dark);--colorFocus:var(--gray9Dark);} -@media(prefers-color-scheme:dark){ - body{color:var(--color)} - .t_gray_alt2 {--color:var(--gray10Dark);--colorHover:var(--gray9Dark);--colorPress:var(--gray10Dark);--colorFocus:var(--gray9Dark);} - } -:root.t_dark .t_gray_active, :root.t_dark .t_gray_active_SliderTrackActive, :root.t_dark .t_gray_Button, :root.t_dark .t_gray_SliderTrackActive, :root.t_dark .t_gray_surface3 {--background:var(--gray4Dark);--backgroundHover:var(--gray5Dark);--backgroundPress:var(--gray3Dark);--backgroundFocus:var(--gray3Dark);--borderColor:var(--gray7Dark);--borderColorHover:var(--gray8Dark);--borderColorFocus:var(--gray7Dark);--borderColorPress:var(--gray6Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_gray_active, .t_gray_active_SliderTrackActive, .t_gray_Button, .t_gray_SliderTrackActive, .t_gray_surface3 {--background:var(--gray4Dark);--backgroundHover:var(--gray5Dark);--backgroundPress:var(--gray3Dark);--backgroundFocus:var(--gray3Dark);--borderColor:var(--gray7Dark);--borderColorHover:var(--gray8Dark);--borderColorFocus:var(--gray7Dark);--borderColorPress:var(--gray6Dark);} - } -:root.t_dark .t_gray_active_ListItem, :root.t_dark .t_gray_active_Progress, :root.t_dark .t_gray_active_SliderTrack, :root.t_dark .t_gray_active_TooltipArrow, :root.t_dark .t_gray_Card, :root.t_dark .t_gray_Input, :root.t_dark .t_gray_ListItem, :root.t_dark .t_gray_Progress, :root.t_dark .t_gray_SelectTrigger, :root.t_dark .t_gray_SliderTrack, :root.t_dark .t_gray_surface1, :root.t_dark .t_gray_TextArea, :root.t_dark .t_gray_TooltipArrow {--background:var(--gray2Dark);--backgroundHover:var(--gray3Dark);--backgroundPress:var(--gray1Dark);--backgroundFocus:var(--gray1Dark);--borderColor:var(--gray5Dark);--borderColorHover:var(--gray6Dark);--borderColorFocus:var(--gray5Dark);--borderColorPress:var(--gray4Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_gray_active_ListItem, .t_gray_active_Progress, .t_gray_active_SliderTrack, .t_gray_active_TooltipArrow, .t_gray_Card, .t_gray_Input, .t_gray_ListItem, .t_gray_Progress, .t_gray_SelectTrigger, .t_gray_SliderTrack, .t_gray_surface1, .t_gray_TextArea, .t_gray_TooltipArrow {--background:var(--gray2Dark);--backgroundHover:var(--gray3Dark);--backgroundPress:var(--gray1Dark);--backgroundFocus:var(--gray1Dark);--borderColor:var(--gray5Dark);--borderColorHover:var(--gray6Dark);--borderColorFocus:var(--gray5Dark);--borderColorPress:var(--gray4Dark);} - } -:root.t_dark .t_gray_Checkbox, :root.t_dark .t_gray_RadioGroupItem, :root.t_dark .t_gray_surface2, :root.t_dark .t_gray_Switch, :root.t_dark .t_gray_TooltipContent {--background:var(--gray3Dark);--backgroundHover:var(--gray4Dark);--backgroundPress:var(--gray2Dark);--backgroundFocus:var(--gray2Dark);--borderColor:var(--gray6Dark);--borderColorHover:var(--gray7Dark);--borderColorFocus:var(--gray6Dark);--borderColorPress:var(--gray5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_gray_Checkbox, .t_gray_RadioGroupItem, .t_gray_surface2, .t_gray_Switch, .t_gray_TooltipContent {--background:var(--gray3Dark);--backgroundHover:var(--gray4Dark);--backgroundPress:var(--gray2Dark);--backgroundFocus:var(--gray2Dark);--borderColor:var(--gray6Dark);--borderColorHover:var(--gray7Dark);--borderColorFocus:var(--gray6Dark);--borderColorPress:var(--gray5Dark);} - } -:root.t_dark .t_gray_active_Button, :root.t_dark .t_gray_active_Card, :root.t_dark .t_gray_active_Checkbox, :root.t_dark .t_gray_active_Input, :root.t_dark .t_gray_active_RadioGroupItem, :root.t_dark .t_gray_active_SelectTrigger, :root.t_dark .t_gray_active_Switch, :root.t_dark .t_gray_active_TextArea, :root.t_dark .t_gray_active_TooltipContent, :root.t_dark .t_gray_surface4 {--background:var(--gray6Dark);--backgroundHover:var(--gray6Dark);--backgroundPress:var(--gray5Dark);--backgroundFocus:var(--gray5Dark);--borderColor:var(--gray6Dark);--borderColorHover:var(--gray6Dark);--borderColorFocus:var(--gray5Dark);--borderColorPress:var(--gray5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_gray_active_Button, .t_gray_active_Card, .t_gray_active_Checkbox, .t_gray_active_Input, .t_gray_active_RadioGroupItem, .t_gray_active_SelectTrigger, .t_gray_active_Switch, .t_gray_active_TextArea, .t_gray_active_TooltipContent, .t_gray_surface4 {--background:var(--gray6Dark);--backgroundHover:var(--gray6Dark);--backgroundPress:var(--gray5Dark);--backgroundFocus:var(--gray5Dark);--borderColor:var(--gray6Dark);--borderColorHover:var(--gray6Dark);--borderColorFocus:var(--gray5Dark);--borderColorPress:var(--gray5Dark);} - } -:root.t_light .t_ProgressIndicator, :root.t_light .t_SliderThumb, :root.t_light .t_SwitchThumb, :root.t_light .t_Tooltip {--color:var(--white2);--colorHover:var(--black12);--colorPress:var(--white3);--colorFocus:var(--white3);--background:var(--gray12Light);--backgroundHover:var(--white11);--backgroundPress:var(--gray12Light);--backgroundFocus:var(--white11);--borderColor:var(--white10);--borderColorHover:var(--gray9Light);--borderColorFocus:var(--white8);--borderColorPress:var(--white7);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_ProgressIndicator, .t_SliderThumb, .t_SwitchThumb, .t_Tooltip {--color:var(--white2);--colorHover:var(--black12);--colorPress:var(--white3);--colorFocus:var(--white3);--background:var(--gray12Light);--backgroundHover:var(--white11);--backgroundPress:var(--gray12Light);--backgroundFocus:var(--white11);--borderColor:var(--white10);--borderColorHover:var(--gray9Light);--borderColorFocus:var(--white8);--borderColorPress:var(--white7);} - } -:root.t_light .t_active_DialogOverlay, :root.t_light .t_active_ModalOverlay, :root.t_light .t_active_SheetOverlay, :root.t_light .t_blue_active_DialogOverlay, :root.t_light .t_blue_active_ModalOverlay, :root.t_light .t_blue_active_SheetOverlay, :root.t_light .t_blue_DialogOverlay, :root.t_light .t_blue_ModalOverlay, :root.t_light .t_blue_SheetOverlay, :root.t_light .t_DialogOverlay, :root.t_light .t_gray_active_DialogOverlay, :root.t_light .t_gray_active_ModalOverlay, :root.t_light .t_gray_active_SheetOverlay, :root.t_light .t_gray_DialogOverlay, :root.t_light .t_gray_ModalOverlay, :root.t_light .t_gray_SheetOverlay, :root.t_light .t_green_active_DialogOverlay, :root.t_light .t_green_active_ModalOverlay, :root.t_light .t_green_active_SheetOverlay, :root.t_light .t_green_DialogOverlay, :root.t_light .t_green_ModalOverlay, :root.t_light .t_green_SheetOverlay, :root.t_light .t_ModalOverlay, :root.t_light .t_orange_active_DialogOverlay, :root.t_light .t_orange_active_ModalOverlay, :root.t_light .t_orange_active_SheetOverlay, :root.t_light .t_orange_DialogOverlay, :root.t_light .t_orange_ModalOverlay, :root.t_light .t_orange_SheetOverlay, :root.t_light .t_pink_active_DialogOverlay, :root.t_light .t_pink_active_ModalOverlay, :root.t_light .t_pink_active_SheetOverlay, :root.t_light .t_pink_DialogOverlay, :root.t_light .t_pink_ModalOverlay, :root.t_light .t_pink_SheetOverlay, :root.t_light .t_purple_active_DialogOverlay, :root.t_light .t_purple_active_ModalOverlay, :root.t_light .t_purple_active_SheetOverlay, :root.t_light .t_purple_DialogOverlay, :root.t_light .t_purple_ModalOverlay, :root.t_light .t_purple_SheetOverlay, :root.t_light .t_red_active_DialogOverlay, :root.t_light .t_red_active_ModalOverlay, :root.t_light .t_red_active_SheetOverlay, :root.t_light .t_red_DialogOverlay, :root.t_light .t_red_ModalOverlay, :root.t_light .t_red_SheetOverlay, :root.t_light .t_SheetOverlay, :root.t_light .t_yellow_active_DialogOverlay, :root.t_light .t_yellow_active_ModalOverlay, :root.t_light .t_yellow_active_SheetOverlay, :root.t_light .t_yellow_DialogOverlay, :root.t_light .t_yellow_ModalOverlay, :root.t_light .t_yellow_SheetOverlay {--background:rgba(0,0,0,0.5);} -@media(prefers-color-scheme:light){ - body{background:var(--background);} - .t_active_DialogOverlay, .t_active_ModalOverlay, .t_active_SheetOverlay, .t_blue_active_DialogOverlay, .t_blue_active_ModalOverlay, .t_blue_active_SheetOverlay, .t_blue_DialogOverlay, .t_blue_ModalOverlay, .t_blue_SheetOverlay, .t_DialogOverlay, .t_gray_active_DialogOverlay, .t_gray_active_ModalOverlay, .t_gray_active_SheetOverlay, .t_gray_DialogOverlay, .t_gray_ModalOverlay, .t_gray_SheetOverlay, .t_green_active_DialogOverlay, .t_green_active_ModalOverlay, .t_green_active_SheetOverlay, .t_green_DialogOverlay, .t_green_ModalOverlay, .t_green_SheetOverlay, .t_ModalOverlay, .t_orange_active_DialogOverlay, .t_orange_active_ModalOverlay, .t_orange_active_SheetOverlay, .t_orange_DialogOverlay, .t_orange_ModalOverlay, .t_orange_SheetOverlay, .t_pink_active_DialogOverlay, .t_pink_active_ModalOverlay, .t_pink_active_SheetOverlay, .t_pink_DialogOverlay, .t_pink_ModalOverlay, .t_pink_SheetOverlay, .t_purple_active_DialogOverlay, .t_purple_active_ModalOverlay, .t_purple_active_SheetOverlay, .t_purple_DialogOverlay, .t_purple_ModalOverlay, .t_purple_SheetOverlay, .t_red_active_DialogOverlay, .t_red_active_ModalOverlay, .t_red_active_SheetOverlay, .t_red_DialogOverlay, .t_red_ModalOverlay, .t_red_SheetOverlay, .t_SheetOverlay, .t_yellow_active_DialogOverlay, .t_yellow_active_ModalOverlay, .t_yellow_active_SheetOverlay, .t_yellow_DialogOverlay, .t_yellow_ModalOverlay, .t_yellow_SheetOverlay {--background:rgba(0,0,0,0.5);} - } -:root.t_dark .t_ProgressIndicator, :root.t_dark .t_SliderThumb, :root.t_dark .t_SwitchThumb, :root.t_dark .t_Tooltip {--color:var(--black2);--colorHover:var(--black3);--colorPress:var(--black1);--colorFocus:var(--black1);--background:var(--black12);--backgroundHover:var(--black11);--backgroundPress:var(--black12);--backgroundFocus:var(--black11);--borderColor:var(--black10);--borderColorHover:var(--black9);--borderColorFocus:var(--black8);--borderColorPress:var(--black7);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_ProgressIndicator, .t_SliderThumb, .t_SwitchThumb, .t_Tooltip {--color:var(--black2);--colorHover:var(--black3);--colorPress:var(--black1);--colorFocus:var(--black1);--background:var(--black12);--backgroundHover:var(--black11);--backgroundPress:var(--black12);--backgroundFocus:var(--black11);--borderColor:var(--black10);--borderColorHover:var(--black9);--borderColorFocus:var(--black8);--borderColorPress:var(--black7);} - } -:root.t_dark .t_active_DialogOverlay, :root.t_dark .t_active_ModalOverlay, :root.t_dark .t_active_SheetOverlay, :root.t_dark .t_blue_active_DialogOverlay, :root.t_dark .t_blue_active_ModalOverlay, :root.t_dark .t_blue_active_SheetOverlay, :root.t_dark .t_blue_DialogOverlay, :root.t_dark .t_blue_ModalOverlay, :root.t_dark .t_blue_SheetOverlay, :root.t_dark .t_DialogOverlay, :root.t_dark .t_gray_active_DialogOverlay, :root.t_dark .t_gray_active_ModalOverlay, :root.t_dark .t_gray_active_SheetOverlay, :root.t_dark .t_gray_DialogOverlay, :root.t_dark .t_gray_ModalOverlay, :root.t_dark .t_gray_SheetOverlay, :root.t_dark .t_green_active_DialogOverlay, :root.t_dark .t_green_active_ModalOverlay, :root.t_dark .t_green_active_SheetOverlay, :root.t_dark .t_green_DialogOverlay, :root.t_dark .t_green_ModalOverlay, :root.t_dark .t_green_SheetOverlay, :root.t_dark .t_ModalOverlay, :root.t_dark .t_orange_active_DialogOverlay, :root.t_dark .t_orange_active_ModalOverlay, :root.t_dark .t_orange_active_SheetOverlay, :root.t_dark .t_orange_DialogOverlay, :root.t_dark .t_orange_ModalOverlay, :root.t_dark .t_orange_SheetOverlay, :root.t_dark .t_pink_active_DialogOverlay, :root.t_dark .t_pink_active_ModalOverlay, :root.t_dark .t_pink_active_SheetOverlay, :root.t_dark .t_pink_DialogOverlay, :root.t_dark .t_pink_ModalOverlay, :root.t_dark .t_pink_SheetOverlay, :root.t_dark .t_purple_active_DialogOverlay, :root.t_dark .t_purple_active_ModalOverlay, :root.t_dark .t_purple_active_SheetOverlay, :root.t_dark .t_purple_DialogOverlay, :root.t_dark .t_purple_ModalOverlay, :root.t_dark .t_purple_SheetOverlay, :root.t_dark .t_red_active_DialogOverlay, :root.t_dark .t_red_active_ModalOverlay, :root.t_dark .t_red_active_SheetOverlay, :root.t_dark .t_red_DialogOverlay, :root.t_dark .t_red_ModalOverlay, :root.t_dark .t_red_SheetOverlay, :root.t_dark .t_SheetOverlay, :root.t_dark .t_yellow_active_DialogOverlay, :root.t_dark .t_yellow_active_ModalOverlay, :root.t_dark .t_yellow_active_SheetOverlay, :root.t_dark .t_yellow_DialogOverlay, :root.t_dark .t_yellow_ModalOverlay, :root.t_dark .t_yellow_SheetOverlay {--background:rgba(0,0,0,0.8);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);} - .t_active_DialogOverlay, .t_active_ModalOverlay, .t_active_SheetOverlay, .t_blue_active_DialogOverlay, .t_blue_active_ModalOverlay, .t_blue_active_SheetOverlay, .t_blue_DialogOverlay, .t_blue_ModalOverlay, .t_blue_SheetOverlay, .t_DialogOverlay, .t_gray_active_DialogOverlay, .t_gray_active_ModalOverlay, .t_gray_active_SheetOverlay, .t_gray_DialogOverlay, .t_gray_ModalOverlay, .t_gray_SheetOverlay, .t_green_active_DialogOverlay, .t_green_active_ModalOverlay, .t_green_active_SheetOverlay, .t_green_DialogOverlay, .t_green_ModalOverlay, .t_green_SheetOverlay, .t_ModalOverlay, .t_orange_active_DialogOverlay, .t_orange_active_ModalOverlay, .t_orange_active_SheetOverlay, .t_orange_DialogOverlay, .t_orange_ModalOverlay, .t_orange_SheetOverlay, .t_pink_active_DialogOverlay, .t_pink_active_ModalOverlay, .t_pink_active_SheetOverlay, .t_pink_DialogOverlay, .t_pink_ModalOverlay, .t_pink_SheetOverlay, .t_purple_active_DialogOverlay, .t_purple_active_ModalOverlay, .t_purple_active_SheetOverlay, .t_purple_DialogOverlay, .t_purple_ModalOverlay, .t_purple_SheetOverlay, .t_red_active_DialogOverlay, .t_red_active_ModalOverlay, .t_red_active_SheetOverlay, .t_red_DialogOverlay, .t_red_ModalOverlay, .t_red_SheetOverlay, .t_SheetOverlay, .t_yellow_active_DialogOverlay, .t_yellow_active_ModalOverlay, .t_yellow_active_SheetOverlay, .t_yellow_DialogOverlay, .t_yellow_ModalOverlay, .t_yellow_SheetOverlay {--background:rgba(0,0,0,0.8);} - } -:root.t_light .t_orange_ProgressIndicator, :root.t_light .t_orange_SliderThumb, :root.t_light .t_orange_SwitchThumb, :root.t_light .t_orange_Tooltip {--color:var(--orange2Light);--colorHover:var(--orange1Light);--colorPress:var(--orange3Light);--colorFocus:var(--orange3Light);--background:var(--orange12Light);--backgroundHover:var(--orange11Light);--backgroundPress:var(--orange12Light);--backgroundFocus:var(--orange11Light);--borderColor:var(--orange10Light);--borderColorHover:var(--orange9Dark);--borderColorFocus:var(--orange8Light);--borderColorPress:var(--orange7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_orange_ProgressIndicator, .t_orange_SliderThumb, .t_orange_SwitchThumb, .t_orange_Tooltip {--color:var(--orange2Light);--colorHover:var(--orange1Light);--colorPress:var(--orange3Light);--colorFocus:var(--orange3Light);--background:var(--orange12Light);--backgroundHover:var(--orange11Light);--backgroundPress:var(--orange12Light);--backgroundFocus:var(--orange11Light);--borderColor:var(--orange10Light);--borderColorHover:var(--orange9Dark);--borderColorFocus:var(--orange8Light);--borderColorPress:var(--orange7Light);} - } -:root.t_light .t_yellow_ProgressIndicator, :root.t_light .t_yellow_SliderThumb, :root.t_light .t_yellow_SwitchThumb, :root.t_light .t_yellow_Tooltip {--color:var(--yellow2Light);--colorHover:var(--yellow1Light);--colorPress:var(--yellow3Light);--colorFocus:var(--yellow3Light);--background:var(--yellow12Light);--backgroundHover:var(--yellow11Light);--backgroundPress:var(--yellow12Light);--backgroundFocus:var(--yellow11Light);--borderColor:var(--yellow10Light);--borderColorHover:var(--yellow9Dark);--borderColorFocus:var(--yellow8Light);--borderColorPress:var(--yellow7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_yellow_ProgressIndicator, .t_yellow_SliderThumb, .t_yellow_SwitchThumb, .t_yellow_Tooltip {--color:var(--yellow2Light);--colorHover:var(--yellow1Light);--colorPress:var(--yellow3Light);--colorFocus:var(--yellow3Light);--background:var(--yellow12Light);--backgroundHover:var(--yellow11Light);--backgroundPress:var(--yellow12Light);--backgroundFocus:var(--yellow11Light);--borderColor:var(--yellow10Light);--borderColorHover:var(--yellow9Dark);--borderColorFocus:var(--yellow8Light);--borderColorPress:var(--yellow7Light);} - } -:root.t_light .t_green_ProgressIndicator, :root.t_light .t_green_SliderThumb, :root.t_light .t_green_SwitchThumb, :root.t_light .t_green_Tooltip {--color:var(--green2Light);--colorHover:var(--green1Light);--colorPress:var(--green3Light);--colorFocus:var(--green3Light);--background:var(--green12Light);--backgroundHover:var(--green11Light);--backgroundPress:var(--green12Light);--backgroundFocus:var(--green11Light);--borderColor:var(--green10Light);--borderColorHover:var(--green9Dark);--borderColorFocus:var(--green8Light);--borderColorPress:var(--green7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_green_ProgressIndicator, .t_green_SliderThumb, .t_green_SwitchThumb, .t_green_Tooltip {--color:var(--green2Light);--colorHover:var(--green1Light);--colorPress:var(--green3Light);--colorFocus:var(--green3Light);--background:var(--green12Light);--backgroundHover:var(--green11Light);--backgroundPress:var(--green12Light);--backgroundFocus:var(--green11Light);--borderColor:var(--green10Light);--borderColorHover:var(--green9Dark);--borderColorFocus:var(--green8Light);--borderColorPress:var(--green7Light);} - } -:root.t_light .t_blue_ProgressIndicator, :root.t_light .t_blue_SliderThumb, :root.t_light .t_blue_SwitchThumb, :root.t_light .t_blue_Tooltip {--color:var(--blue2Light);--colorHover:var(--blue1Light);--colorPress:var(--blue3Light);--colorFocus:var(--blue3Light);--background:var(--blue12Light);--backgroundHover:var(--blue11Light);--backgroundPress:var(--blue12Light);--backgroundFocus:var(--blue11Light);--borderColor:var(--blue10Light);--borderColorHover:var(--blue9Dark);--borderColorFocus:var(--blue8Light);--borderColorPress:var(--blue7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_blue_ProgressIndicator, .t_blue_SliderThumb, .t_blue_SwitchThumb, .t_blue_Tooltip {--color:var(--blue2Light);--colorHover:var(--blue1Light);--colorPress:var(--blue3Light);--colorFocus:var(--blue3Light);--background:var(--blue12Light);--backgroundHover:var(--blue11Light);--backgroundPress:var(--blue12Light);--backgroundFocus:var(--blue11Light);--borderColor:var(--blue10Light);--borderColorHover:var(--blue9Dark);--borderColorFocus:var(--blue8Light);--borderColorPress:var(--blue7Light);} - } -:root.t_light .t_purple_ProgressIndicator, :root.t_light .t_purple_SliderThumb, :root.t_light .t_purple_SwitchThumb, :root.t_light .t_purple_Tooltip {--color:var(--purple2Light);--colorHover:var(--purple1Light);--colorPress:var(--purple3Light);--colorFocus:var(--purple3Light);--background:var(--purple12Light);--backgroundHover:var(--purple11Light);--backgroundPress:var(--purple12Light);--backgroundFocus:var(--purple11Light);--borderColor:var(--purple10Light);--borderColorHover:var(--purple9Dark);--borderColorFocus:var(--purple8Light);--borderColorPress:var(--purple7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_purple_ProgressIndicator, .t_purple_SliderThumb, .t_purple_SwitchThumb, .t_purple_Tooltip {--color:var(--purple2Light);--colorHover:var(--purple1Light);--colorPress:var(--purple3Light);--colorFocus:var(--purple3Light);--background:var(--purple12Light);--backgroundHover:var(--purple11Light);--backgroundPress:var(--purple12Light);--backgroundFocus:var(--purple11Light);--borderColor:var(--purple10Light);--borderColorHover:var(--purple9Dark);--borderColorFocus:var(--purple8Light);--borderColorPress:var(--purple7Light);} - } -:root.t_light .t_pink_ProgressIndicator, :root.t_light .t_pink_SliderThumb, :root.t_light .t_pink_SwitchThumb, :root.t_light .t_pink_Tooltip {--color:var(--pink2Light);--colorHover:var(--pink1Light);--colorPress:var(--pink3Light);--colorFocus:var(--pink3Light);--background:var(--pink12Light);--backgroundHover:var(--pink11Light);--backgroundPress:var(--pink12Light);--backgroundFocus:var(--pink11Light);--borderColor:var(--pink10Light);--borderColorHover:var(--pink9Dark);--borderColorFocus:var(--pink8Light);--borderColorPress:var(--pink7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_pink_ProgressIndicator, .t_pink_SliderThumb, .t_pink_SwitchThumb, .t_pink_Tooltip {--color:var(--pink2Light);--colorHover:var(--pink1Light);--colorPress:var(--pink3Light);--colorFocus:var(--pink3Light);--background:var(--pink12Light);--backgroundHover:var(--pink11Light);--backgroundPress:var(--pink12Light);--backgroundFocus:var(--pink11Light);--borderColor:var(--pink10Light);--borderColorHover:var(--pink9Dark);--borderColorFocus:var(--pink8Light);--borderColorPress:var(--pink7Light);} - } -:root.t_light .t_red_ProgressIndicator, :root.t_light .t_red_SliderThumb, :root.t_light .t_red_SwitchThumb, :root.t_light .t_red_Tooltip {--color:var(--red2Light);--colorHover:var(--red1Light);--colorPress:var(--red3Light);--colorFocus:var(--red3Light);--background:var(--red12Light);--backgroundHover:var(--red11Light);--backgroundPress:var(--red12Light);--backgroundFocus:var(--red11Light);--borderColor:var(--red10Light);--borderColorHover:var(--red9Dark);--borderColorFocus:var(--red8Light);--borderColorPress:var(--red7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_red_ProgressIndicator, .t_red_SliderThumb, .t_red_SwitchThumb, .t_red_Tooltip {--color:var(--red2Light);--colorHover:var(--red1Light);--colorPress:var(--red3Light);--colorFocus:var(--red3Light);--background:var(--red12Light);--backgroundHover:var(--red11Light);--backgroundPress:var(--red12Light);--backgroundFocus:var(--red11Light);--borderColor:var(--red10Light);--borderColorHover:var(--red9Dark);--borderColorFocus:var(--red8Light);--borderColorPress:var(--red7Light);} - } -:root.t_light .t_gray_ProgressIndicator, :root.t_light .t_gray_SliderThumb, :root.t_light .t_gray_SwitchThumb, :root.t_light .t_gray_Tooltip {--color:var(--gray2Light);--colorHover:var(--gray1Light);--colorPress:var(--gray3Light);--colorFocus:var(--gray3Light);--background:var(--gray12Light);--backgroundHover:var(--gray11Light);--backgroundPress:var(--gray12Light);--backgroundFocus:var(--gray11Light);--borderColor:var(--gray10Light);--borderColorHover:var(--gray9Light);--borderColorFocus:var(--gray8Light);--borderColorPress:var(--gray7Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_gray_ProgressIndicator, .t_gray_SliderThumb, .t_gray_SwitchThumb, .t_gray_Tooltip {--color:var(--gray2Light);--colorHover:var(--gray1Light);--colorPress:var(--gray3Light);--colorFocus:var(--gray3Light);--background:var(--gray12Light);--backgroundHover:var(--gray11Light);--backgroundPress:var(--gray12Light);--backgroundFocus:var(--gray11Light);--borderColor:var(--gray10Light);--borderColorHover:var(--gray9Light);--borderColorFocus:var(--gray8Light);--borderColorPress:var(--gray7Light);} - } -:root.t_dark .t_orange_ProgressIndicator, :root.t_dark .t_orange_SliderThumb, :root.t_dark .t_orange_SwitchThumb, :root.t_dark .t_orange_Tooltip {--color:var(--orange2Dark);--colorHover:var(--orange3Dark);--colorPress:var(--orange1Dark);--colorFocus:var(--orange1Dark);--background:var(--orange12Dark);--backgroundHover:var(--orange11Dark);--backgroundPress:var(--orange12Dark);--backgroundFocus:var(--orange11Dark);--borderColor:var(--orange10Dark);--borderColorHover:var(--orange9Dark);--borderColorFocus:var(--orange8Dark);--borderColorPress:var(--orange7Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_orange_ProgressIndicator, .t_orange_SliderThumb, .t_orange_SwitchThumb, .t_orange_Tooltip {--color:var(--orange2Dark);--colorHover:var(--orange3Dark);--colorPress:var(--orange1Dark);--colorFocus:var(--orange1Dark);--background:var(--orange12Dark);--backgroundHover:var(--orange11Dark);--backgroundPress:var(--orange12Dark);--backgroundFocus:var(--orange11Dark);--borderColor:var(--orange10Dark);--borderColorHover:var(--orange9Dark);--borderColorFocus:var(--orange8Dark);--borderColorPress:var(--orange7Dark);} - } -:root.t_dark .t_yellow_ProgressIndicator, :root.t_dark .t_yellow_SliderThumb, :root.t_dark .t_yellow_SwitchThumb, :root.t_dark .t_yellow_Tooltip {--color:var(--yellow2Dark);--colorHover:var(--yellow3Dark);--colorPress:var(--yellow1Dark);--colorFocus:var(--yellow1Dark);--background:var(--yellow12Dark);--backgroundHover:var(--yellow11Dark);--backgroundPress:var(--yellow12Dark);--backgroundFocus:var(--yellow11Dark);--borderColor:var(--yellow10Dark);--borderColorHover:var(--yellow9Dark);--borderColorFocus:var(--yellow8Dark);--borderColorPress:var(--yellow7Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_yellow_ProgressIndicator, .t_yellow_SliderThumb, .t_yellow_SwitchThumb, .t_yellow_Tooltip {--color:var(--yellow2Dark);--colorHover:var(--yellow3Dark);--colorPress:var(--yellow1Dark);--colorFocus:var(--yellow1Dark);--background:var(--yellow12Dark);--backgroundHover:var(--yellow11Dark);--backgroundPress:var(--yellow12Dark);--backgroundFocus:var(--yellow11Dark);--borderColor:var(--yellow10Dark);--borderColorHover:var(--yellow9Dark);--borderColorFocus:var(--yellow8Dark);--borderColorPress:var(--yellow7Dark);} - } -:root.t_dark .t_green_ProgressIndicator, :root.t_dark .t_green_SliderThumb, :root.t_dark .t_green_SwitchThumb, :root.t_dark .t_green_Tooltip {--color:var(--green2Dark);--colorHover:var(--green3Dark);--colorPress:var(--green1Dark);--colorFocus:var(--green1Dark);--background:var(--green12Dark);--backgroundHover:var(--green11Dark);--backgroundPress:var(--green12Dark);--backgroundFocus:var(--green11Dark);--borderColor:var(--green10Dark);--borderColorHover:var(--green9Dark);--borderColorFocus:var(--green8Dark);--borderColorPress:var(--green7Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_green_ProgressIndicator, .t_green_SliderThumb, .t_green_SwitchThumb, .t_green_Tooltip {--color:var(--green2Dark);--colorHover:var(--green3Dark);--colorPress:var(--green1Dark);--colorFocus:var(--green1Dark);--background:var(--green12Dark);--backgroundHover:var(--green11Dark);--backgroundPress:var(--green12Dark);--backgroundFocus:var(--green11Dark);--borderColor:var(--green10Dark);--borderColorHover:var(--green9Dark);--borderColorFocus:var(--green8Dark);--borderColorPress:var(--green7Dark);} - } -:root.t_dark .t_blue_ProgressIndicator, :root.t_dark .t_blue_SliderThumb, :root.t_dark .t_blue_SwitchThumb, :root.t_dark .t_blue_Tooltip {--color:var(--blue2Dark);--colorHover:var(--blue3Dark);--colorPress:var(--blue1Dark);--colorFocus:var(--blue1Dark);--background:var(--blue12Dark);--backgroundHover:var(--blue11Dark);--backgroundPress:var(--blue12Dark);--backgroundFocus:var(--blue11Dark);--borderColor:var(--blue10Dark);--borderColorHover:var(--blue9Dark);--borderColorFocus:var(--blue8Dark);--borderColorPress:var(--blue7Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_blue_ProgressIndicator, .t_blue_SliderThumb, .t_blue_SwitchThumb, .t_blue_Tooltip {--color:var(--blue2Dark);--colorHover:var(--blue3Dark);--colorPress:var(--blue1Dark);--colorFocus:var(--blue1Dark);--background:var(--blue12Dark);--backgroundHover:var(--blue11Dark);--backgroundPress:var(--blue12Dark);--backgroundFocus:var(--blue11Dark);--borderColor:var(--blue10Dark);--borderColorHover:var(--blue9Dark);--borderColorFocus:var(--blue8Dark);--borderColorPress:var(--blue7Dark);} - } -:root.t_dark .t_purple_ProgressIndicator, :root.t_dark .t_purple_SliderThumb, :root.t_dark .t_purple_SwitchThumb, :root.t_dark .t_purple_Tooltip {--color:var(--purple2Dark);--colorHover:var(--purple3Dark);--colorPress:var(--purple1Dark);--colorFocus:var(--purple1Dark);--background:var(--purple12Dark);--backgroundHover:var(--purple11Dark);--backgroundPress:var(--purple12Dark);--backgroundFocus:var(--purple11Dark);--borderColor:var(--purple10Dark);--borderColorHover:var(--purple9Dark);--borderColorFocus:var(--purple8Dark);--borderColorPress:var(--purple7Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_purple_ProgressIndicator, .t_purple_SliderThumb, .t_purple_SwitchThumb, .t_purple_Tooltip {--color:var(--purple2Dark);--colorHover:var(--purple3Dark);--colorPress:var(--purple1Dark);--colorFocus:var(--purple1Dark);--background:var(--purple12Dark);--backgroundHover:var(--purple11Dark);--backgroundPress:var(--purple12Dark);--backgroundFocus:var(--purple11Dark);--borderColor:var(--purple10Dark);--borderColorHover:var(--purple9Dark);--borderColorFocus:var(--purple8Dark);--borderColorPress:var(--purple7Dark);} - } -:root.t_dark .t_pink_ProgressIndicator, :root.t_dark .t_pink_SliderThumb, :root.t_dark .t_pink_SwitchThumb, :root.t_dark .t_pink_Tooltip {--color:var(--pink2Dark);--colorHover:var(--pink3Dark);--colorPress:var(--pink1Dark);--colorFocus:var(--pink1Dark);--background:var(--pink12Dark);--backgroundHover:var(--pink11Dark);--backgroundPress:var(--pink12Dark);--backgroundFocus:var(--pink11Dark);--borderColor:var(--pink10Dark);--borderColorHover:var(--pink9Dark);--borderColorFocus:var(--pink8Dark);--borderColorPress:var(--pink7Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_pink_ProgressIndicator, .t_pink_SliderThumb, .t_pink_SwitchThumb, .t_pink_Tooltip {--color:var(--pink2Dark);--colorHover:var(--pink3Dark);--colorPress:var(--pink1Dark);--colorFocus:var(--pink1Dark);--background:var(--pink12Dark);--backgroundHover:var(--pink11Dark);--backgroundPress:var(--pink12Dark);--backgroundFocus:var(--pink11Dark);--borderColor:var(--pink10Dark);--borderColorHover:var(--pink9Dark);--borderColorFocus:var(--pink8Dark);--borderColorPress:var(--pink7Dark);} - } -:root.t_dark .t_red_ProgressIndicator, :root.t_dark .t_red_SliderThumb, :root.t_dark .t_red_SwitchThumb, :root.t_dark .t_red_Tooltip {--color:var(--red2Dark);--colorHover:var(--red3Dark);--colorPress:var(--red1Dark);--colorFocus:var(--red1Dark);--background:var(--red12Dark);--backgroundHover:var(--red11Dark);--backgroundPress:var(--red12Dark);--backgroundFocus:var(--red11Dark);--borderColor:var(--red10Dark);--borderColorHover:var(--red9Dark);--borderColorFocus:var(--red8Dark);--borderColorPress:var(--red7Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_red_ProgressIndicator, .t_red_SliderThumb, .t_red_SwitchThumb, .t_red_Tooltip {--color:var(--red2Dark);--colorHover:var(--red3Dark);--colorPress:var(--red1Dark);--colorFocus:var(--red1Dark);--background:var(--red12Dark);--backgroundHover:var(--red11Dark);--backgroundPress:var(--red12Dark);--backgroundFocus:var(--red11Dark);--borderColor:var(--red10Dark);--borderColorHover:var(--red9Dark);--borderColorFocus:var(--red8Dark);--borderColorPress:var(--red7Dark);} - } -:root.t_dark .t_gray_ProgressIndicator, :root.t_dark .t_gray_SliderThumb, :root.t_dark .t_gray_SwitchThumb, :root.t_dark .t_gray_Tooltip {--color:var(--gray2Dark);--colorHover:var(--gray3Dark);--colorPress:var(--gray1Dark);--colorFocus:var(--gray1Dark);--background:var(--gray12Dark);--backgroundHover:var(--gray11Dark);--backgroundPress:var(--gray12Dark);--backgroundFocus:var(--gray11Dark);--borderColor:var(--gray10Dark);--borderColorHover:var(--gray9Dark);--borderColorFocus:var(--gray8Dark);--borderColorPress:var(--gray7Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_gray_ProgressIndicator, .t_gray_SliderThumb, .t_gray_SwitchThumb, .t_gray_Tooltip {--color:var(--gray2Dark);--colorHover:var(--gray3Dark);--colorPress:var(--gray1Dark);--colorFocus:var(--gray1Dark);--background:var(--gray12Dark);--backgroundHover:var(--gray11Dark);--backgroundPress:var(--gray12Dark);--backgroundFocus:var(--gray11Dark);--borderColor:var(--gray10Dark);--borderColorHover:var(--gray9Dark);--borderColorFocus:var(--gray8Dark);--borderColorPress:var(--gray7Dark);} - } -:root.t_light .t_active_ProgressIndicator, :root.t_light .t_active_SliderThumb, :root.t_light .t_active_SwitchThumb, :root.t_light .t_active_Tooltip {--color:var(--white2);--colorHover:var(--black12);--colorPress:var(--white3);--colorFocus:var(--white3);--background:var(--white10);--backgroundHover:var(--gray9Light);--backgroundPress:var(--white10);--backgroundFocus:var(--gray9Light);--borderColor:var(--white8);--borderColorHover:var(--white7);--borderColorFocus:var(--white6);--borderColorPress:var(--white5);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_active_ProgressIndicator, .t_active_SliderThumb, .t_active_SwitchThumb, .t_active_Tooltip {--color:var(--white2);--colorHover:var(--black12);--colorPress:var(--white3);--colorFocus:var(--white3);--background:var(--white10);--backgroundHover:var(--gray9Light);--backgroundPress:var(--white10);--backgroundFocus:var(--gray9Light);--borderColor:var(--white8);--borderColorHover:var(--white7);--borderColorFocus:var(--white6);--borderColorPress:var(--white5);} - } -:root.t_dark .t_active_ProgressIndicator, :root.t_dark .t_active_SliderThumb, :root.t_dark .t_active_SwitchThumb, :root.t_dark .t_active_Tooltip {--color:var(--black2);--colorHover:var(--black3);--colorPress:var(--black1);--colorFocus:var(--black1);--background:var(--black10);--backgroundHover:var(--black9);--backgroundPress:var(--black10);--backgroundFocus:var(--black9);--borderColor:var(--black8);--borderColorHover:var(--black7);--borderColorFocus:var(--black6);--borderColorPress:var(--black5);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_active_ProgressIndicator, .t_active_SliderThumb, .t_active_SwitchThumb, .t_active_Tooltip {--color:var(--black2);--colorHover:var(--black3);--colorPress:var(--black1);--colorFocus:var(--black1);--background:var(--black10);--backgroundHover:var(--black9);--backgroundPress:var(--black10);--backgroundFocus:var(--black9);--borderColor:var(--black8);--borderColorHover:var(--black7);--borderColorFocus:var(--black6);--borderColorPress:var(--black5);} - } -:root.t_light .t_orange_active_ProgressIndicator, :root.t_light .t_orange_active_SliderThumb, :root.t_light .t_orange_active_SwitchThumb, :root.t_light .t_orange_active_Tooltip {--color:var(--orange2Light);--colorHover:var(--orange1Light);--colorPress:var(--orange3Light);--colorFocus:var(--orange3Light);--background:var(--orange10Light);--backgroundHover:var(--orange9Dark);--backgroundPress:var(--orange10Light);--backgroundFocus:var(--orange9Dark);--borderColor:var(--orange8Light);--borderColorHover:var(--orange7Light);--borderColorFocus:var(--orange6Light);--borderColorPress:var(--orange5Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_orange_active_ProgressIndicator, .t_orange_active_SliderThumb, .t_orange_active_SwitchThumb, .t_orange_active_Tooltip {--color:var(--orange2Light);--colorHover:var(--orange1Light);--colorPress:var(--orange3Light);--colorFocus:var(--orange3Light);--background:var(--orange10Light);--backgroundHover:var(--orange9Dark);--backgroundPress:var(--orange10Light);--backgroundFocus:var(--orange9Dark);--borderColor:var(--orange8Light);--borderColorHover:var(--orange7Light);--borderColorFocus:var(--orange6Light);--borderColorPress:var(--orange5Light);} - } -:root.t_light .t_yellow_active_ProgressIndicator, :root.t_light .t_yellow_active_SliderThumb, :root.t_light .t_yellow_active_SwitchThumb, :root.t_light .t_yellow_active_Tooltip {--color:var(--yellow2Light);--colorHover:var(--yellow1Light);--colorPress:var(--yellow3Light);--colorFocus:var(--yellow3Light);--background:var(--yellow10Light);--backgroundHover:var(--yellow9Dark);--backgroundPress:var(--yellow10Light);--backgroundFocus:var(--yellow9Dark);--borderColor:var(--yellow8Light);--borderColorHover:var(--yellow7Light);--borderColorFocus:var(--yellow6Light);--borderColorPress:var(--yellow5Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_yellow_active_ProgressIndicator, .t_yellow_active_SliderThumb, .t_yellow_active_SwitchThumb, .t_yellow_active_Tooltip {--color:var(--yellow2Light);--colorHover:var(--yellow1Light);--colorPress:var(--yellow3Light);--colorFocus:var(--yellow3Light);--background:var(--yellow10Light);--backgroundHover:var(--yellow9Dark);--backgroundPress:var(--yellow10Light);--backgroundFocus:var(--yellow9Dark);--borderColor:var(--yellow8Light);--borderColorHover:var(--yellow7Light);--borderColorFocus:var(--yellow6Light);--borderColorPress:var(--yellow5Light);} - } -:root.t_light .t_green_active_ProgressIndicator, :root.t_light .t_green_active_SliderThumb, :root.t_light .t_green_active_SwitchThumb, :root.t_light .t_green_active_Tooltip {--color:var(--green2Light);--colorHover:var(--green1Light);--colorPress:var(--green3Light);--colorFocus:var(--green3Light);--background:var(--green10Light);--backgroundHover:var(--green9Dark);--backgroundPress:var(--green10Light);--backgroundFocus:var(--green9Dark);--borderColor:var(--green8Light);--borderColorHover:var(--green7Light);--borderColorFocus:var(--green6Light);--borderColorPress:var(--green5Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_green_active_ProgressIndicator, .t_green_active_SliderThumb, .t_green_active_SwitchThumb, .t_green_active_Tooltip {--color:var(--green2Light);--colorHover:var(--green1Light);--colorPress:var(--green3Light);--colorFocus:var(--green3Light);--background:var(--green10Light);--backgroundHover:var(--green9Dark);--backgroundPress:var(--green10Light);--backgroundFocus:var(--green9Dark);--borderColor:var(--green8Light);--borderColorHover:var(--green7Light);--borderColorFocus:var(--green6Light);--borderColorPress:var(--green5Light);} - } -:root.t_light .t_blue_active_ProgressIndicator, :root.t_light .t_blue_active_SliderThumb, :root.t_light .t_blue_active_SwitchThumb, :root.t_light .t_blue_active_Tooltip {--color:var(--blue2Light);--colorHover:var(--blue1Light);--colorPress:var(--blue3Light);--colorFocus:var(--blue3Light);--background:var(--blue10Light);--backgroundHover:var(--blue9Dark);--backgroundPress:var(--blue10Light);--backgroundFocus:var(--blue9Dark);--borderColor:var(--blue8Light);--borderColorHover:var(--blue7Light);--borderColorFocus:var(--blue6Light);--borderColorPress:var(--blue5Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_blue_active_ProgressIndicator, .t_blue_active_SliderThumb, .t_blue_active_SwitchThumb, .t_blue_active_Tooltip {--color:var(--blue2Light);--colorHover:var(--blue1Light);--colorPress:var(--blue3Light);--colorFocus:var(--blue3Light);--background:var(--blue10Light);--backgroundHover:var(--blue9Dark);--backgroundPress:var(--blue10Light);--backgroundFocus:var(--blue9Dark);--borderColor:var(--blue8Light);--borderColorHover:var(--blue7Light);--borderColorFocus:var(--blue6Light);--borderColorPress:var(--blue5Light);} - } -:root.t_light .t_purple_active_ProgressIndicator, :root.t_light .t_purple_active_SliderThumb, :root.t_light .t_purple_active_SwitchThumb, :root.t_light .t_purple_active_Tooltip {--color:var(--purple2Light);--colorHover:var(--purple1Light);--colorPress:var(--purple3Light);--colorFocus:var(--purple3Light);--background:var(--purple10Light);--backgroundHover:var(--purple9Dark);--backgroundPress:var(--purple10Light);--backgroundFocus:var(--purple9Dark);--borderColor:var(--purple8Light);--borderColorHover:var(--purple7Light);--borderColorFocus:var(--purple6Light);--borderColorPress:var(--purple5Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_purple_active_ProgressIndicator, .t_purple_active_SliderThumb, .t_purple_active_SwitchThumb, .t_purple_active_Tooltip {--color:var(--purple2Light);--colorHover:var(--purple1Light);--colorPress:var(--purple3Light);--colorFocus:var(--purple3Light);--background:var(--purple10Light);--backgroundHover:var(--purple9Dark);--backgroundPress:var(--purple10Light);--backgroundFocus:var(--purple9Dark);--borderColor:var(--purple8Light);--borderColorHover:var(--purple7Light);--borderColorFocus:var(--purple6Light);--borderColorPress:var(--purple5Light);} - } -:root.t_light .t_pink_active_ProgressIndicator, :root.t_light .t_pink_active_SliderThumb, :root.t_light .t_pink_active_SwitchThumb, :root.t_light .t_pink_active_Tooltip {--color:var(--pink2Light);--colorHover:var(--pink1Light);--colorPress:var(--pink3Light);--colorFocus:var(--pink3Light);--background:var(--pink10Light);--backgroundHover:var(--pink9Dark);--backgroundPress:var(--pink10Light);--backgroundFocus:var(--pink9Dark);--borderColor:var(--pink8Light);--borderColorHover:var(--pink7Light);--borderColorFocus:var(--pink6Light);--borderColorPress:var(--pink5Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_pink_active_ProgressIndicator, .t_pink_active_SliderThumb, .t_pink_active_SwitchThumb, .t_pink_active_Tooltip {--color:var(--pink2Light);--colorHover:var(--pink1Light);--colorPress:var(--pink3Light);--colorFocus:var(--pink3Light);--background:var(--pink10Light);--backgroundHover:var(--pink9Dark);--backgroundPress:var(--pink10Light);--backgroundFocus:var(--pink9Dark);--borderColor:var(--pink8Light);--borderColorHover:var(--pink7Light);--borderColorFocus:var(--pink6Light);--borderColorPress:var(--pink5Light);} - } -:root.t_light .t_red_active_ProgressIndicator, :root.t_light .t_red_active_SliderThumb, :root.t_light .t_red_active_SwitchThumb, :root.t_light .t_red_active_Tooltip {--color:var(--red2Light);--colorHover:var(--red1Light);--colorPress:var(--red3Light);--colorFocus:var(--red3Light);--background:var(--red10Light);--backgroundHover:var(--red9Dark);--backgroundPress:var(--red10Light);--backgroundFocus:var(--red9Dark);--borderColor:var(--red8Light);--borderColorHover:var(--red7Light);--borderColorFocus:var(--red6Light);--borderColorPress:var(--red5Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_red_active_ProgressIndicator, .t_red_active_SliderThumb, .t_red_active_SwitchThumb, .t_red_active_Tooltip {--color:var(--red2Light);--colorHover:var(--red1Light);--colorPress:var(--red3Light);--colorFocus:var(--red3Light);--background:var(--red10Light);--backgroundHover:var(--red9Dark);--backgroundPress:var(--red10Light);--backgroundFocus:var(--red9Dark);--borderColor:var(--red8Light);--borderColorHover:var(--red7Light);--borderColorFocus:var(--red6Light);--borderColorPress:var(--red5Light);} - } -:root.t_light .t_gray_active_ProgressIndicator, :root.t_light .t_gray_active_SliderThumb, :root.t_light .t_gray_active_SwitchThumb, :root.t_light .t_gray_active_Tooltip {--color:var(--gray2Light);--colorHover:var(--gray1Light);--colorPress:var(--gray3Light);--colorFocus:var(--gray3Light);--background:var(--gray10Light);--backgroundHover:var(--gray9Light);--backgroundPress:var(--gray10Light);--backgroundFocus:var(--gray9Light);--borderColor:var(--gray8Light);--borderColorHover:var(--gray7Light);--borderColorFocus:var(--gray6Light);--borderColorPress:var(--gray5Light);} -@media(prefers-color-scheme:light){ - body{background:var(--background);color:var(--color)} - .t_gray_active_ProgressIndicator, .t_gray_active_SliderThumb, .t_gray_active_SwitchThumb, .t_gray_active_Tooltip {--color:var(--gray2Light);--colorHover:var(--gray1Light);--colorPress:var(--gray3Light);--colorFocus:var(--gray3Light);--background:var(--gray10Light);--backgroundHover:var(--gray9Light);--backgroundPress:var(--gray10Light);--backgroundFocus:var(--gray9Light);--borderColor:var(--gray8Light);--borderColorHover:var(--gray7Light);--borderColorFocus:var(--gray6Light);--borderColorPress:var(--gray5Light);} - } -:root.t_dark .t_orange_active_ProgressIndicator, :root.t_dark .t_orange_active_SliderThumb, :root.t_dark .t_orange_active_SwitchThumb, :root.t_dark .t_orange_active_Tooltip {--color:var(--orange2Dark);--colorHover:var(--orange3Dark);--colorPress:var(--orange1Dark);--colorFocus:var(--orange1Dark);--background:var(--orange10Dark);--backgroundHover:var(--orange9Dark);--backgroundPress:var(--orange10Dark);--backgroundFocus:var(--orange9Dark);--borderColor:var(--orange8Dark);--borderColorHover:var(--orange7Dark);--borderColorFocus:var(--orange6Dark);--borderColorPress:var(--orange5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_orange_active_ProgressIndicator, .t_orange_active_SliderThumb, .t_orange_active_SwitchThumb, .t_orange_active_Tooltip {--color:var(--orange2Dark);--colorHover:var(--orange3Dark);--colorPress:var(--orange1Dark);--colorFocus:var(--orange1Dark);--background:var(--orange10Dark);--backgroundHover:var(--orange9Dark);--backgroundPress:var(--orange10Dark);--backgroundFocus:var(--orange9Dark);--borderColor:var(--orange8Dark);--borderColorHover:var(--orange7Dark);--borderColorFocus:var(--orange6Dark);--borderColorPress:var(--orange5Dark);} - } -:root.t_dark .t_yellow_active_ProgressIndicator, :root.t_dark .t_yellow_active_SliderThumb, :root.t_dark .t_yellow_active_SwitchThumb, :root.t_dark .t_yellow_active_Tooltip {--color:var(--yellow2Dark);--colorHover:var(--yellow3Dark);--colorPress:var(--yellow1Dark);--colorFocus:var(--yellow1Dark);--background:var(--yellow10Dark);--backgroundHover:var(--yellow9Dark);--backgroundPress:var(--yellow10Dark);--backgroundFocus:var(--yellow9Dark);--borderColor:var(--yellow8Dark);--borderColorHover:var(--yellow7Dark);--borderColorFocus:var(--yellow6Dark);--borderColorPress:var(--yellow5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_yellow_active_ProgressIndicator, .t_yellow_active_SliderThumb, .t_yellow_active_SwitchThumb, .t_yellow_active_Tooltip {--color:var(--yellow2Dark);--colorHover:var(--yellow3Dark);--colorPress:var(--yellow1Dark);--colorFocus:var(--yellow1Dark);--background:var(--yellow10Dark);--backgroundHover:var(--yellow9Dark);--backgroundPress:var(--yellow10Dark);--backgroundFocus:var(--yellow9Dark);--borderColor:var(--yellow8Dark);--borderColorHover:var(--yellow7Dark);--borderColorFocus:var(--yellow6Dark);--borderColorPress:var(--yellow5Dark);} - } -:root.t_dark .t_green_active_ProgressIndicator, :root.t_dark .t_green_active_SliderThumb, :root.t_dark .t_green_active_SwitchThumb, :root.t_dark .t_green_active_Tooltip {--color:var(--green2Dark);--colorHover:var(--green3Dark);--colorPress:var(--green1Dark);--colorFocus:var(--green1Dark);--background:var(--green10Dark);--backgroundHover:var(--green9Dark);--backgroundPress:var(--green10Dark);--backgroundFocus:var(--green9Dark);--borderColor:var(--green8Dark);--borderColorHover:var(--green7Dark);--borderColorFocus:var(--green6Dark);--borderColorPress:var(--green5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_green_active_ProgressIndicator, .t_green_active_SliderThumb, .t_green_active_SwitchThumb, .t_green_active_Tooltip {--color:var(--green2Dark);--colorHover:var(--green3Dark);--colorPress:var(--green1Dark);--colorFocus:var(--green1Dark);--background:var(--green10Dark);--backgroundHover:var(--green9Dark);--backgroundPress:var(--green10Dark);--backgroundFocus:var(--green9Dark);--borderColor:var(--green8Dark);--borderColorHover:var(--green7Dark);--borderColorFocus:var(--green6Dark);--borderColorPress:var(--green5Dark);} - } -:root.t_dark .t_blue_active_ProgressIndicator, :root.t_dark .t_blue_active_SliderThumb, :root.t_dark .t_blue_active_SwitchThumb, :root.t_dark .t_blue_active_Tooltip {--color:var(--blue2Dark);--colorHover:var(--blue3Dark);--colorPress:var(--blue1Dark);--colorFocus:var(--blue1Dark);--background:var(--blue10Dark);--backgroundHover:var(--blue9Dark);--backgroundPress:var(--blue10Dark);--backgroundFocus:var(--blue9Dark);--borderColor:var(--blue8Dark);--borderColorHover:var(--blue7Dark);--borderColorFocus:var(--blue6Dark);--borderColorPress:var(--blue5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_blue_active_ProgressIndicator, .t_blue_active_SliderThumb, .t_blue_active_SwitchThumb, .t_blue_active_Tooltip {--color:var(--blue2Dark);--colorHover:var(--blue3Dark);--colorPress:var(--blue1Dark);--colorFocus:var(--blue1Dark);--background:var(--blue10Dark);--backgroundHover:var(--blue9Dark);--backgroundPress:var(--blue10Dark);--backgroundFocus:var(--blue9Dark);--borderColor:var(--blue8Dark);--borderColorHover:var(--blue7Dark);--borderColorFocus:var(--blue6Dark);--borderColorPress:var(--blue5Dark);} - } -:root.t_dark .t_purple_active_ProgressIndicator, :root.t_dark .t_purple_active_SliderThumb, :root.t_dark .t_purple_active_SwitchThumb, :root.t_dark .t_purple_active_Tooltip {--color:var(--purple2Dark);--colorHover:var(--purple3Dark);--colorPress:var(--purple1Dark);--colorFocus:var(--purple1Dark);--background:var(--purple10Dark);--backgroundHover:var(--purple9Dark);--backgroundPress:var(--purple10Dark);--backgroundFocus:var(--purple9Dark);--borderColor:var(--purple8Dark);--borderColorHover:var(--purple7Dark);--borderColorFocus:var(--purple6Dark);--borderColorPress:var(--purple5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_purple_active_ProgressIndicator, .t_purple_active_SliderThumb, .t_purple_active_SwitchThumb, .t_purple_active_Tooltip {--color:var(--purple2Dark);--colorHover:var(--purple3Dark);--colorPress:var(--purple1Dark);--colorFocus:var(--purple1Dark);--background:var(--purple10Dark);--backgroundHover:var(--purple9Dark);--backgroundPress:var(--purple10Dark);--backgroundFocus:var(--purple9Dark);--borderColor:var(--purple8Dark);--borderColorHover:var(--purple7Dark);--borderColorFocus:var(--purple6Dark);--borderColorPress:var(--purple5Dark);} - } -:root.t_dark .t_pink_active_ProgressIndicator, :root.t_dark .t_pink_active_SliderThumb, :root.t_dark .t_pink_active_SwitchThumb, :root.t_dark .t_pink_active_Tooltip {--color:var(--pink2Dark);--colorHover:var(--pink3Dark);--colorPress:var(--pink1Dark);--colorFocus:var(--pink1Dark);--background:var(--pink10Dark);--backgroundHover:var(--pink9Dark);--backgroundPress:var(--pink10Dark);--backgroundFocus:var(--pink9Dark);--borderColor:var(--pink8Dark);--borderColorHover:var(--pink7Dark);--borderColorFocus:var(--pink6Dark);--borderColorPress:var(--pink5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_pink_active_ProgressIndicator, .t_pink_active_SliderThumb, .t_pink_active_SwitchThumb, .t_pink_active_Tooltip {--color:var(--pink2Dark);--colorHover:var(--pink3Dark);--colorPress:var(--pink1Dark);--colorFocus:var(--pink1Dark);--background:var(--pink10Dark);--backgroundHover:var(--pink9Dark);--backgroundPress:var(--pink10Dark);--backgroundFocus:var(--pink9Dark);--borderColor:var(--pink8Dark);--borderColorHover:var(--pink7Dark);--borderColorFocus:var(--pink6Dark);--borderColorPress:var(--pink5Dark);} - } -:root.t_dark .t_red_active_ProgressIndicator, :root.t_dark .t_red_active_SliderThumb, :root.t_dark .t_red_active_SwitchThumb, :root.t_dark .t_red_active_Tooltip {--color:var(--red2Dark);--colorHover:var(--red3Dark);--colorPress:var(--red1Dark);--colorFocus:var(--red1Dark);--background:var(--red10Dark);--backgroundHover:var(--red9Dark);--backgroundPress:var(--red10Dark);--backgroundFocus:var(--red9Dark);--borderColor:var(--red8Dark);--borderColorHover:var(--red7Dark);--borderColorFocus:var(--red6Dark);--borderColorPress:var(--red5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_red_active_ProgressIndicator, .t_red_active_SliderThumb, .t_red_active_SwitchThumb, .t_red_active_Tooltip {--color:var(--red2Dark);--colorHover:var(--red3Dark);--colorPress:var(--red1Dark);--colorFocus:var(--red1Dark);--background:var(--red10Dark);--backgroundHover:var(--red9Dark);--backgroundPress:var(--red10Dark);--backgroundFocus:var(--red9Dark);--borderColor:var(--red8Dark);--borderColorHover:var(--red7Dark);--borderColorFocus:var(--red6Dark);--borderColorPress:var(--red5Dark);} - } -:root.t_dark .t_gray_active_ProgressIndicator, :root.t_dark .t_gray_active_SliderThumb, :root.t_dark .t_gray_active_SwitchThumb, :root.t_dark .t_gray_active_Tooltip {--color:var(--gray2Dark);--colorHover:var(--gray3Dark);--colorPress:var(--gray1Dark);--colorFocus:var(--gray1Dark);--background:var(--gray10Dark);--backgroundHover:var(--gray9Dark);--backgroundPress:var(--gray10Dark);--backgroundFocus:var(--gray9Dark);--borderColor:var(--gray8Dark);--borderColorHover:var(--gray7Dark);--borderColorFocus:var(--gray6Dark);--borderColorPress:var(--gray5Dark);} -@media(prefers-color-scheme:dark){ - body{background:var(--background);color:var(--color)} - .t_gray_active_ProgressIndicator, .t_gray_active_SliderThumb, .t_gray_active_SwitchThumb, .t_gray_active_Tooltip {--color:var(--gray2Dark);--colorHover:var(--gray3Dark);--colorPress:var(--gray1Dark);--colorFocus:var(--gray1Dark);--background:var(--gray10Dark);--backgroundHover:var(--gray9Dark);--backgroundPress:var(--gray10Dark);--backgroundFocus:var(--gray9Dark);--borderColor:var(--gray8Dark);--borderColorHover:var(--gray7Dark);--borderColorFocus:var(--gray6Dark);--borderColorPress:var(--gray5Dark);} - } diff --git a/examples/one-recommended/react-native.config.cjs b/examples/one-recommended/react-native.config.cjs deleted file mode 100644 index 968d49785..000000000 --- a/examples/one-recommended/react-native.config.cjs +++ /dev/null @@ -1,6 +0,0 @@ -module.exports = { - // Setting up and overriding some react-native CLI commands. - // Necessary for building native iOS and Android apps, - // where Vite shall be used instead of Metro for JS bundling during the build precess. - commands: [...require('vxrn/react-native-commands')], -} diff --git a/examples/one-recommended/tsconfig.json b/examples/one-recommended/tsconfig.json deleted file mode 100644 index 04eeab556..000000000 --- a/examples/one-recommended/tsconfig.json +++ /dev/null @@ -1,35 +0,0 @@ -{ - "compilerOptions": { - "baseUrl": ".", - "paths": { - "~/*": [ - "./*" - ] - }, - "strict": true, - "rootDir": ".", - "module": "Preserve", - "moduleResolution": "Bundler", - "preserveSymlinks": true, - "skipLibCheck": true, - "jsx": "react-jsx", - "noImplicitAny": false, - "types": [ - "node", - "react", - "vite/client" - ], - "lib": [ - "dom", - "esnext" - ] - }, - "exclude": [ - "node_modules", - ".expo", - "**/test", - "**/dist", - "**/types", - "**/__tests__" - ] -} diff --git a/examples/one-recommended/vite.config.ts b/examples/one-recommended/vite.config.ts deleted file mode 100644 index ec6d28378..000000000 --- a/examples/one-recommended/vite.config.ts +++ /dev/null @@ -1,25 +0,0 @@ -import type { UserConfig } from 'vite' -import { one } from 'one/vite' -import { tamaguiPlugin } from '@tamagui/vite-plugin' - -export default { - plugins: [ - one({ - web: { - deploy: 'vercel', - defaultRenderMode: 'ssg', - }, - - native: { - key: 'one-example', - }, - }), - - tamaguiPlugin({ - optimize: true, - components: ['tamagui'], - config: './config/tamagui.config.ts', - outputCSS: './code/styles/tamagui.css', - }), - ], -} satisfies UserConfig diff --git a/examples/one-tailwind/.gitignore b/examples/one-tailwind/.gitignore deleted file mode 100644 index 178840cea..000000000 --- a/examples/one-tailwind/.gitignore +++ /dev/null @@ -1,36 +0,0 @@ -.yarn/* -!.yarn/patches -!.yarn/plugins -!.yarn/releases -!.yarn/sdks -!.yarn/versions - -.turbo - -tmp -dist -node_modules - -*.tsbuildinfo -*.tmp.js - -yarn-error.log -tsconfig.tsbuildinfo -.DS_Store - -.tamagui - -.idea - -.env -# local env files -.env.local -.env.development.local -.env.test.localp -.env.production.local - -.expo - -# generated code -/ios -/android diff --git a/examples/one-tailwind/.node-version b/examples/one-tailwind/.node-version deleted file mode 120000 index bb25ae973..000000000 --- a/examples/one-tailwind/.node-version +++ /dev/null @@ -1 +0,0 @@ -../../.node-version \ No newline at end of file diff --git a/examples/one-tailwind/README.md b/examples/one-tailwind/README.md deleted file mode 100644 index 4971bd971..000000000 --- a/examples/one-tailwind/README.md +++ /dev/null @@ -1 +0,0 @@ -Welcome to One! This is a branch from one-basic to implement with tailwind diff --git a/examples/one-tailwind/app.json b/examples/one-tailwind/app.json deleted file mode 100644 index 8606660e9..000000000 --- a/examples/one-tailwind/app.json +++ /dev/null @@ -1,21 +0,0 @@ -{ - "expo": { - "name": "one-example", - "slug": "one-example", - "newArchEnabled": true, - "platforms": [ - "ios", - "android" - ], - "plugins": [ - "vxrn/expo-plugin" - ], - "icon": "./public/app-icon.png", - "splash": { - "image": "./public/splash.png", - "resizeMode": "contain", - "backgroundColor": "#000000" - }, - "ios": {} - } -} diff --git a/examples/one-tailwind/app/_layout.tsx b/examples/one-tailwind/app/_layout.tsx deleted file mode 100644 index 642474352..000000000 --- a/examples/one-tailwind/app/_layout.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import { Slot } from 'one' -import './base.css' - -/** - * The root _layout.tsx filters and out on native - */ - -export default function Layout() { - return ( - <> - {typeof document !== 'undefined' && ( - <> - - - - - - )} - - - ) -} diff --git a/examples/one-tailwind/app/base.css b/examples/one-tailwind/app/base.css deleted file mode 100644 index 3c02e39a2..000000000 --- a/examples/one-tailwind/app/base.css +++ /dev/null @@ -1,7 +0,0 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; - -.test { - background-color: red; -} diff --git a/examples/one-tailwind/app/index.tsx b/examples/one-tailwind/app/index.tsx deleted file mode 100644 index 2c8cf81f7..000000000 --- a/examples/one-tailwind/app/index.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { Text, View } from 'react-native' -import './base.css' - -export default function Index() { - return ( - - Hello world, from One - - ) -} diff --git a/examples/one-tailwind/app/routes.d.ts b/examples/one-tailwind/app/routes.d.ts deleted file mode 100644 index 12eb402dc..000000000 --- a/examples/one-tailwind/app/routes.d.ts +++ /dev/null @@ -1,15 +0,0 @@ -// deno-lint-ignore-file -/* eslint-disable */ -// biome-ignore: needed import -import type { OneRouter } from 'one' - -declare module 'one' { - export namespace OneRouter { - export interface __routes extends Record { - StaticRoutes: `/` | `/_sitemap` - DynamicRoutes: never - DynamicRouteTemplate: never - IsTyped: true - } - } -} diff --git a/examples/one-tailwind/biome.json b/examples/one-tailwind/biome.json deleted file mode 120000 index 2e8766fd6..000000000 --- a/examples/one-tailwind/biome.json +++ /dev/null @@ -1 +0,0 @@ -../../biome.package.json \ No newline at end of file diff --git a/examples/one-tailwind/package.json b/examples/one-tailwind/package.json deleted file mode 100644 index 753e962a7..000000000 --- a/examples/one-tailwind/package.json +++ /dev/null @@ -1,37 +0,0 @@ -{ - "name": "example-tailwind", - "version": "1.2.67", - "private": true, - "type": "module", - "scripts": { - "build:web": "one build", - "clean": "one clean", - "dev": "one dev", - "dev:clean": "one dev --clean", - "prebuild:native": "one prebuild", - "serve": "one serve" - }, - "dependencies": { - "@react-navigation/native": "~7.1.19", - "expo": "54.0.22", - "nativewind": "^4.1.23", - "one": "workspace:*", - "react": "19.1.0", - "react-dom": "19.1.0", - "react-native": "0.81.5", - "react-native-reanimated": "~4.1.3", - "react-native-safe-area-context": "~5.6.1", - "react-native-screens": "~4.16.0", - "react-native-web": "^0.21.2", - "react-native-worklets": "0.5.1", - "tailwindcss-animate": "^1.0.7" - }, - "devDependencies": { - "@react-native-community/cli": "^20.0.2", - "autoprefixer": "^10.4.20", - "postcss": "^8.4.49", - "tailwindcss": "^3.4.17", - "tailwindcss-motion": "^1.0.0", - "vite": "^7.1.12" - } -} diff --git a/examples/one-tailwind/postcss.config.js b/examples/one-tailwind/postcss.config.js deleted file mode 100644 index 2e7af2b7f..000000000 --- a/examples/one-tailwind/postcss.config.js +++ /dev/null @@ -1,6 +0,0 @@ -export default { - plugins: { - tailwindcss: {}, - autoprefixer: {}, - }, -} diff --git a/examples/one-tailwind/public/app-icon.png b/examples/one-tailwind/public/app-icon.png deleted file mode 100644 index 0804b8ddf..000000000 Binary files a/examples/one-tailwind/public/app-icon.png and /dev/null differ diff --git a/examples/one-tailwind/public/favicon.svg b/examples/one-tailwind/public/favicon.svg deleted file mode 100644 index 750e74782..000000000 --- a/examples/one-tailwind/public/favicon.svg +++ /dev/null @@ -1,25 +0,0 @@ - - - favicon - - - - - - - - - - - - - - - - - - - - - - diff --git a/examples/one-tailwind/public/splash.png b/examples/one-tailwind/public/splash.png deleted file mode 100644 index 9edd676fa..000000000 Binary files a/examples/one-tailwind/public/splash.png and /dev/null differ diff --git a/examples/one-tailwind/react-native.config.cjs b/examples/one-tailwind/react-native.config.cjs deleted file mode 100644 index 968d49785..000000000 --- a/examples/one-tailwind/react-native.config.cjs +++ /dev/null @@ -1,6 +0,0 @@ -module.exports = { - // Setting up and overriding some react-native CLI commands. - // Necessary for building native iOS and Android apps, - // where Vite shall be used instead of Metro for JS bundling during the build precess. - commands: [...require('vxrn/react-native-commands')], -} diff --git a/examples/one-tailwind/tailwind.config.js b/examples/one-tailwind/tailwind.config.js deleted file mode 100644 index e8e29f120..000000000 --- a/examples/one-tailwind/tailwind.config.js +++ /dev/null @@ -1,9 +0,0 @@ -/** @type {import('tailwindcss').Config} */ -export default { - content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}', './app/**/*.{js,ts,jsx,tsx}'], - theme: { - extend: {}, - }, - presets: [require('nativewind/preset')], - plugins: [require('tailwindcss-animate'), require('tailwindcss-motion')], -} diff --git a/examples/one-tailwind/tsconfig.json b/examples/one-tailwind/tsconfig.json deleted file mode 100644 index 16ba1a843..000000000 --- a/examples/one-tailwind/tsconfig.json +++ /dev/null @@ -1,36 +0,0 @@ -{ - "compilerOptions": { - "baseUrl": ".", - "paths": { - "~/*": [ - "./*" - ] - }, - "strict": true, - "rootDir": ".", - "module": "Preserve", - "moduleResolution": "Bundler", - "preserveSymlinks": true, - "skipLibCheck": true, - "jsx": "react-jsx", - "noImplicitAny": false, - "types": [ - "node", - "react", - "vite/client", - "nativewind/types" - ], - "lib": [ - "dom", - "esnext" - ] - }, - "exclude": [ - "node_modules", - ".expo", - "**/test", - "**/dist", - "**/types", - "**/__tests__" - ] -} diff --git a/examples/one-tailwind/vite.config.ts b/examples/one-tailwind/vite.config.ts deleted file mode 100644 index 1851c08d8..000000000 --- a/examples/one-tailwind/vite.config.ts +++ /dev/null @@ -1,12 +0,0 @@ -import { defineConfig } from 'vite' -import { one } from 'one/vite' - -export default defineConfig({ - plugins: [ - one({ - web: { - defaultRenderMode: 'ssg', - }, - }), - ], -}) diff --git a/examples/one-tamagui/.gitignore b/examples/one-tamagui/.gitignore deleted file mode 100644 index 4a7b506cb..000000000 --- a/examples/one-tamagui/.gitignore +++ /dev/null @@ -1,38 +0,0 @@ -.yarn/* -!.yarn/patches -!.yarn/plugins -!.yarn/releases -!.yarn/sdks -!.yarn/versions - -.turbo - -tmp -dist -node_modules - -*.tsbuildinfo -*.tmp.js - -yarn-error.log -tsconfig.tsbuildinfo -.DS_Store - -.tamagui - -.idea - -.env -# local env files -.env.local -.env.development.local -.env.test.localp -.env.production.local - -.expo - -# generated code -/ios -/android - -tamagui.css diff --git a/examples/one-tamagui/.node-version b/examples/one-tamagui/.node-version deleted file mode 120000 index bb25ae973..000000000 --- a/examples/one-tamagui/.node-version +++ /dev/null @@ -1 +0,0 @@ -../../.node-version \ No newline at end of file diff --git a/examples/one-tamagui/README.md b/examples/one-tamagui/README.md deleted file mode 100644 index e71ca6f2e..000000000 --- a/examples/one-tamagui/README.md +++ /dev/null @@ -1,31 +0,0 @@ -# One Project - -Welcome to One! - -## Developing - -Run your One app in development: - -```bash -yarn dev -``` - -## Production - -To build your app for production: - -### Web - -```bash -yarn build:web -``` - -### iOS - -First, you'll need to generate the native code for your app: - -```bash -yarn prebuild:native -``` - -Afterward, follow the instructions printed in the terminal to build and upload your iOS app for distribution. diff --git a/examples/one-tamagui/app.json b/examples/one-tamagui/app.json deleted file mode 100644 index 16826600b..000000000 --- a/examples/one-tamagui/app.json +++ /dev/null @@ -1,34 +0,0 @@ -{ - "expo": { - "name": "one-example", - "slug": "one-example", - "newArchEnabled": true, - "platforms": [ - "ios", - "android" - ], - "plugins": [ - "vxrn/expo-plugin", - [ - "expo-build-properties", - { - "ios": { - "ccacheEnabled": true - } - } - ] - ], - "icon": "./src/app-icon.png", - "splash": { - "image": "./public/splash.png", - "resizeMode": "contain", - "backgroundColor": "#000000" - }, - "ios": { - "bundleIdentifier": "com.natew.oneexample" - }, - "android": { - "package": "com.natew.oneexample" - } - } -} diff --git a/examples/one-tamagui/app/_layout.css b/examples/one-tamagui/app/_layout.css deleted file mode 100644 index f8706aa27..000000000 --- a/examples/one-tamagui/app/_layout.css +++ /dev/null @@ -1,24 +0,0 @@ -html, -body { - max-width: 100vw; -} - -body { - overflow-x: hidden; -} - -body { - margin: 0; - position: relative; - max-width: 100vw; - height: 100vh; - background-color: var(--color1); -} - -a { - text-decoration: underline; - text-decoration-thickness: 2px; - text-decoration-color: var(--color025); - text-underline-offset: 3px; - transition: all ease-in 100ms; -} diff --git a/examples/one-tamagui/app/_layout.tsx b/examples/one-tamagui/app/_layout.tsx deleted file mode 100644 index 9f6262fb7..000000000 --- a/examples/one-tamagui/app/_layout.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import '~/tamagui/tamagui.css' -import './_layout.css' - -import { SchemeProvider } from '@vxrn/color-scheme' -import { LoadProgressBar, Slot } from 'one' -import { TamaguiRootProvider } from '../src/tamagui/TamaguiRootProvider' - -/** - * The root _layout.tsx filters and out on native - */ - -export default function Layout() { - return ( - - - - - - - - 👋 - - - - - - - - - - - - - ) -} diff --git a/examples/one-tamagui/app/index.tsx b/examples/one-tamagui/app/index.tsx deleted file mode 100644 index 80427f545..000000000 --- a/examples/one-tamagui/app/index.tsx +++ /dev/null @@ -1,70 +0,0 @@ -import { Image } from '@tamagui/image-next' -import { Text, YStack } from 'tamagui' -import { Link } from 'one' -import { ToggleThemeButton } from '~/interface/ToggleThemeButton' -import oneBall from '~/app-icon.png' -import { useState, version } from 'react' -import { Button } from 'react-native' - -export function HomePage() { - return ( - - - Hello, One - - - - - - - - - Edit app/index.tsx to change this screen and then come back to see - your edits. - - - Read{' '} - - - the docs - - {' '} - to discover what to do next. - - - - React version: {version} - - - - - - ) -} - -function CompilerTest() { - const [count, setCount] = useState(0) - - return ( - <> -