From: Snapshot-Content-Location: https://verzee.neocities.org/cookieclickerlite Subject: CookieClickerLiteV4 Date: Tue, 25 Nov 2025 10:28:23 -0330 MIME-Version: 1.0 Content-Type: multipart/related; type="text/html"; boundary="----MultipartBoundary--rfdF0oUtfn75zMpwEma3uZoPJlEYYCUY3Idz8Vnk19----" ------MultipartBoundary--rfdF0oUtfn75zMpwEma3uZoPJlEYYCUY3Idz8Vnk19---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://verzee.neocities.org/cookieclickerlite =20 CookieClickerLiteV4 =20 =20 =20 =20 =20 =20
=
<= /div>
=
=
LVL 3=20 i 87/144 (x1.01)
=20 =20
=20
=20

80.2K

Cookies Baked

=20
CPS: 4.0 CPC: 2.0
=20
Chips: 570.1B i
Mult: x2.02 i
Rebirths: 3 i
Rare: 1.25% i
=
=20

Click

i
Category
Servo-Finger
Lvl 0
+2.0/clk
50=
Mag-Lev Mouse
Lvl 0
+8.0/clk
40= 0
Solid State Clicker
Lvl 0
+32.0/clk
3.= 2K
Laser Stylus
Lvl 0
+128.1/clk
25= .6K
???
204.8K
???
1.6M
???
13.1M
???
104.9M
<= div class=3D"w-full text-center font-bold text-slate-500 text-xl my-auto">?= ??
838.9M
???
6= .7B
???
53.7B
???
=
429.5B
???
3.4T
=
???
27.5T
???
219.9T
???
1.8Qa
14.1Qa
???
112.6Qa
???
900.7Qa
??= ?
7.2Qi
???
57.6= Qi
???
461.2Qi
???
3.7Sx
???
29.5Sx
???
236.1Sx
???
1.9Sp
???
15.1Sp
???
120.9Sp
???
967.1Sp
???
7.7Oc

=F0=9F=95=B9=EF=B8=8F Arcade

Play games to earn= massive rewards!

=20

=F0=9F=92=A3 Cookie Sweeper

=F0=9F=9A=A9

Find cookies, = avoid mines.

Reward: Massive Cookies + XP

=F0=9F=A5=A3 Cookie Catcher

=F0=9F=8D=AA

Catch falling = cookies. Don't drop one!

Reward: 5% Bank + Bonus
=20

=E2=9C=8A=F0=9F=96=90=E2=9C=8C= RPS Arena

= =F0=9F=AA=A8=F0=9F=93=84=E2=9C=82=EF=B8=8F

Win best of 3 = and pick a powerful reward.

Rewards:= Cookies, Chips, XP or multipliers based on your progress.

=F0=9F=8E=A1 Daily Wheel

i

Free prizes eve= ry 24h.

0h

=F0=9F=8E=B2 Casino

i

Double or nothi= ng.

28.0% Win
Ready
=20
=20

=E2=9A=99=EF=B8=8F Settings

SFX Volume

=E2=9A=A0=EF= =B8=8F Wipe Save

This will permanentl= y delete your current progress on this device. If you want to keep your file, make sure to save or export = it first.

Save / Load=

Choose how you want to= manage your save data.

=20

Tip: The game also= auto-saves in your browser every 30 seconds.

Coded Save = (String)

Copy this code somewhe= re safe. Paste it back here to restore your progress.

Save To Fil= e

Download a .json save = file, or load one from your device.

Save files are= stored locally on your device.

Select The= me

Midnight =20
Nebula =20
Magma
Lvl 10
Matrix
Lvl 25
Ocean
Lvl 50
Aurora
Lvl 75
Sunset
Lvl 100
Candyland
Lvl 150
Voidlight
Lvl 200
Ascended =20
Celestial
Rebirth 7
Eternal
Rebirth 15
Rainbow Vor= tex
Win Extreme M= inesweeper 10x
RPS Arena
Win RPS 100x<= /div>
Diamond Fro= st
=20

=F0=9F=92=8E Prestige Shop

Balance
570.1B =F0=9F=92=8E
Auto-Clicker
Auto-clic= k speed increases.
Level: 15/15
Cookie Galaxy
Permanent= +0.5x Multiplier.
Level: 15/15
Ascension Mastery
+1 Rebirt= h Count.
Level: 15/15
Rare Attraction
+10% Gold= en Cookie Rate.
Level: 15/15
Chip Hunter
+2% Chip = Drop Chance.
Level: 15/15
Wisdom Scroll
+10% XP G= ain.
Level: 15/15
Widened Platform
Cookie Ca= tcher platform gets wider.
Level: 15/15
Second Chance
+5% per l= evel chance to refund a lost casino bet.
Level: 15/15

Cookie Sweepe= r

Clear the board. Find safe spots.

Tap: Reveal | Hold= (0.3s): Flag

Difficulty:
Good Luck!
Cookie Catc= her

Ready?

= Move Mouse to Catch

Reward: 5% Ba= nk + Score Bonus

Galactic Casino

Current Win = Chance
95%
WON 38.0Qa!

W= heel of Fate

=E2=96=BC
JACKPO= T
SUPPLIES
CHIPS
TECH

Glob= al Multiplier

Your total production multiplier from Rebirths, Prestige B= oost, and Heavenly Chips. CPS and CPC are multiplied by this value.

Got it

=F0=9F=93=8A Lifetime Statistics

Cookies Earned: 101.8M
Cookies Spent: 91.= 1M
Total Clicks: 2.6K
Rare Clicks: 0
Upgrades Bought: = 357
Prestiges Bought: 0
Rebirths: 1
Gambles Won: 2
Minesweeper Wins: 3
RPS Wins: 17
RPS Losses: 11
RPS - Rock Chosen: 20
RPS - Paper Chosen: 43
RPS - Scissors Chosen: 48
Wheel Spins: 2600
Best Catcher Streak: 57
Current Level: = 10
Total XP: 126

Wardrobe

<= button class=3D"text-slate-400 hover:text-white text-2xl font-bold">=C3=97<= /button>

Select a sk= in for your cookie. Unlocking achievements reveals new skins.

Classic
Mint Chip
Dark Choco
Solid Gold
Ruby
Void
Blueberry
Mecha
Neon
Molten
Matrix
Strawberry
White Choco
Amethyst
Emerald
Divine
Spectral
Chrono
Seraphim
Galactic
MissingNo
Magma
Frozen
Cyber
Novice
Apprentice
Adept
Master
Grandmaster
God
Rainbow
Mind Game
Diamond

Achi= evements

First Bite
100 Cookies
Prize: Mint Chip
= =E2=9C=85
Cookie Jar
10k Cookies
Prize: Dark Choco
=E2=9C=85
Bakery Owner
1M Cookies
=E2=9C=85
=
Empire
100M Cookies<= /div>
Prize: Ruby<= /div>
=E2=9C=85
Universe
10B Cookies
Prize: Void
=E2=9C=85
=
Steady Hand
10 CPS
Prize: Blueberry
= =E2=9C=85
Production Line
500 CPS
Prize: Mecha
=E2=9C=85
=
Industrial
500= 0 CPS
Prize:= Neon
=E2=9C=85
Mass M= anuf.
50k CPS
Prize: Molten
<= div class=3D"text-lg">=E2=9C=85
Infinite Stream
1M CPS
Prize: Matrix
=E2=9C=85
Clicker
5 CPC
Prize: Strawberry
=E2=9C=85
Finger Workout
50 CPC
Pr= ize: White Choco
=E2=9C=85
Power Tap
500 CPC
=
Prize: Amethyst
=E2=9C=85
Hammer Time
5k CPC
Prize: Emerald
=E2=9C=85
=
God Hand
50k CPC
Prize: Divine
=E2=9C= =85
Second Chance
1 Rebirth
Prize: Spectral
=E2=9C=85
Time Traveller
3 = Rebirths
Pri= ze: Chrono
=E2=9C=85
Immortal
5 Rebirt= hs
Prize: Se= raphim
=F0=9F=94=92
Transcendent
10 Re= births
Prize= : Galactic
=F0=9F=94=92
The End?
20 Re= births
Prize= : MissingNo
=F0=9F=94=92
Magma Core
50B Cookies
Prize: Magma
=E2=9C=85
Absolute Zero=
15k CPC
Prize: Frozen
=E2=9C=85
Cybernetic
25k CPS
Prize: Cyber
=E2= =9C=85
Level 10
Reach Lvl 10
Prize: Novice
=E2=9C=85
Level 25
Reach Lvl 25
Prize: Apprentice
=F0=9F=94=92
<= /div>
Level 50
Reach Lvl 50
Prize: Adept
=F0=9F=94=92
Level 75
Reach Lvl 75
Prize: Master
=F0=9F=94=92
Level 100
Reach Lvl 100
Prize: Grandmaster
=F0=9F=94=92
Deity
Reach Lvl 200
Prize: God
=F0=9F=94=92
Rainbow Demolition
Win Extreme Minesweeper 10 times
Prize: Rainbow
=F0=9F=94=92
<= div>
RPS Master
Win Rock-Paper-Scissors 100 times
<= div class=3D"text-[10px] text-yellow-500 font-bold mt-1">Prize: Mind Game
=F0=9F=94=92
Diamond Ha= nds
Catch 50 cookies in a ro= w
Prize: Dia= mond
=E2=9C=85
=20

=F0=9F=94=94 Notifications

Cosmic Rebirth

Are you ready to ascend?

  • RESET: Cookies, Upgrades, Buildings, Level (XP= ).
  • KEEP: Achievemen= ts, Costumes, Chips, Prestige Levels.
  • GAIN: Heavenly Chips based on cookies.
  • BONUS: XP Gain Rate increases perman= ently.
Chips to Gain:+570.1B
Required:5.0M

RPS Arena

Pick Rock, Paper or Sc= issors. Win the best of 3 rounds to claim a reward.

Round 2 / 3
You: = 0 - Bot: 2
The bot wins this time. Try again!

You = won! Choose one reward:

Restricted Access

Canc= el

Admin Consol= e

Cookie Cheats

Levels & Rebirths

Themes

Unlocks

Toggles & Special

Reset Options

These actions cannot be un= done. Choose carefully.

=F0=9F=8F=86
=

Unlocked!

Unlocked: Time Traveller =E2=80=94 3 Rebirths

=20 <= template shadowmode=3D"open">
------MultipartBoundary--rfdF0oUtfn75zMpwEma3uZoPJlEYYCUY3Idz8Vnk19---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&display=swap @charset "utf-8"; @font-face { font-family: Inter; font-style: normal; font-weight: 400; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2") format("woff2"); unicode-range: U+460-= 52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Inter; font-style: normal; font-weight: 400; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2") format("woff2"); unicode-range: U+301,= U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Inter; font-style: normal; font-weight: 400; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2") format("woff2"); unicode-range: U+1F00= -1FFF; } @font-face { font-family: Inter; font-style: normal; font-weight: 400; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2") format("woff2"); unicode-range: U+370-= 377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 400; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2") format("woff2"); unicode-range: U+102-= 103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+30= 3-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Inter; font-style: normal; font-weight: 400; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa25L7SUc.woff2") format("woff2"); unicode-range: U+100-= 2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D0= 0-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,= U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 400; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa1ZL7.woff2") format("woff2"); unicode-range: U+0-FF, U= +131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+200= 0-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Inter; font-style: normal; font-weight: 600; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2") format("woff2"); unicode-range: U+460-= 52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Inter; font-style: normal; font-weight: 600; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2") format("woff2"); unicode-range: U+301,= U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Inter; font-style: normal; font-weight: 600; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2") format("woff2"); unicode-range: U+1F00= -1FFF; } @font-face { font-family: Inter; font-style: normal; font-weight: 600; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2") format("woff2"); unicode-range: U+370-= 377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 600; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2") format("woff2"); unicode-range: U+102-= 103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+30= 3-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Inter; font-style: normal; font-weight: 600; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa25L7SUc.woff2") format("woff2"); unicode-range: U+100-= 2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D0= 0-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,= U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 600; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa1ZL7.woff2") format("woff2"); unicode-range: U+0-FF, U= +131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+200= 0-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Inter; font-style: normal; font-weight: 800; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2") format("woff2"); unicode-range: U+460-= 52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Inter; font-style: normal; font-weight: 800; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2") format("woff2"); unicode-range: U+301,= U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Inter; font-style: normal; font-weight: 800; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2") format("woff2"); unicode-range: U+1F00= -1FFF; } @font-face { font-family: Inter; font-style: normal; font-weight: 800; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2") format("woff2"); unicode-range: U+370-= 377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 800; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2") format("woff2"); unicode-range: U+102-= 103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+30= 3-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Inter; font-style: normal; font-weight: 800; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa25L7SUc.woff2") format("woff2"); unicode-range: U+100-= 2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D0= 0-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,= U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 800; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa1ZL7.woff2") format("woff2"); unicode-range: U+0-FF, U= +131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+200= 0-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Inter; font-style: normal; font-weight: 900; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2") format("woff2"); unicode-range: U+460-= 52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Inter; font-style: normal; font-weight: 900; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2") format("woff2"); unicode-range: U+301,= U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Inter; font-style: normal; font-weight: 900; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2") format("woff2"); unicode-range: U+1F00= -1FFF; } @font-face { font-family: Inter; font-style: normal; font-weight: 900; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2") format("woff2"); unicode-range: U+370-= 377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 900; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2") format("woff2"); unicode-range: U+102-= 103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+30= 3-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Inter; font-style: normal; font-weight: 900; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa25L7SUc.woff2") format("woff2"); unicode-range: U+100-= 2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D0= 0-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,= U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Inter; font-style: normal; font-weight: 900; font= -display: swap; src: url("https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3i= LTeHuS_nVMrMxCp50SjIa1ZL7.woff2") format("woff2"); unicode-range: U+0-FF, U= +131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+200= 0-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } ------MultipartBoundary--rfdF0oUtfn75zMpwEma3uZoPJlEYYCUY3Idz8Vnk19---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-e25acb80-d65c-4093-ac74-73e41befb5c5@mhtml.blink @charset "utf-8"; =0A ------MultipartBoundary--rfdF0oUtfn75zMpwEma3uZoPJlEYYCUY3Idz8Vnk19---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-8a3a6b14-0c3d-489e-9028-213df0c805ab@mhtml.blink @charset "utf-8"; :root { --transparent: rgba(255, 255, 255, 0); --white: hsl(0, 0%, 100%); -= -th-white: hsl(0, 0%, 100%); --black: hsl(0, 0%, 0%); --th-black: hsl(0, 0%= , 0%); --lightGrey: hsl(0, 0%, 94%); --th-grey-white: hsl(210, 10%, 97%); -= -th-grey-light: hsl(210, 10%, 94.8%); --th-grey-medium: hsl(212, 10%, 94%);= --th-grey: hsl(216, 22%, 91%); --th-grey-dark: hsl(221, 20%, 78%); --th-sl= ate: hsl(221, 20%, 33%); --th-slate-light: hsl(222, 20%, 45%); --th-slate-d= ark: hsl(222, 22%, 18%); --th-slate-alt: #333F57; --th-slate-hover: #3E4A62= ; --th-slate-dark-hover800: hsl(220, 22%, 24%); --th-slate-dark-active800: = hsl(219, 24%, 26%); --th-slate-dark-hover600: hsl(222, 22%, 21%); --th-slat= e-dark-active600: hsl(221, 24%, 23%); --th-cool-grey-600: hsl(203, 16%, 44%= ); --th-cool-grey-700: hsl(204, 18%, 30%); --th-cool-grey-750: hsl(203, 18%= , 32%); --th-cool-grey-800: hsl(209, 20%, 25%); --th-cool-grey-850: hsl(209= , 20%, 21%); --th-cool-grey-900: hsl(210, 24%, 16%); --fontColorDark: var( = --th-slate-dark); --fontColorWhite: hsl(0, 0%, 100%); --list-item-hover: hs= l(225, 20%, 96%); --list-item-light-hover: hsl(210, 20%, 98%); --list-item-= hover-dark: hsla(222, 22%, 18%, 0.50); --list-item-light-hover-dark: hsla(2= 22, 20%, 33%, 0.50); --greyTransparent: hsla(222, 22%, 18%, 0.12); --whiteT= ransparent: hsla(0, 0%, 100%, 0.12); --defaultColor: hsl(220, 20%, 91%); --= defaultColorHover: hsl(220, 19%, 78%); --defaultColorActive: hsl(220, 19%, = 68%); --defaultColorSelected: hsl(221, 20%, 75%); --buttonBorderColor: 2px = solid hsl(220, 20%, 91%); --buttonBorderColorHover: 2px solid hsl(220, 19%,= 78%); --buttonBorderColorActive: 2px solid hsl(220, 19%, 68%); --buttonBor= derColorSelected: 2px solid hsl(221, 20%, 75%); --iconFillColor: var( --th-= slate-dark ); --primaryColor: hsl(211, 100%, 45%); --primaryColorHover: hsl= (211, 100%, 35%); --primaryColorActive: hsl(211, 100%, 25%); --primaryButto= nBorder: 2px solid hsl(211, 100%, 45%); --primaryButtonBorderHover: 2px sol= id hsl(211, 100%, 35%); --primaryButtonBorderActive: 2px solid hsl(211, 100= %, 25%); --secondaryColor: var(--th-slate); --secondaryColorHover: hsl(221,= 20%, 23%); --secondaryColorActive: hsl(221, 20%, 13%); --secondaryButtonBo= rderColor: 2px solid var(--th-slate); --secondaryButtonBorderColorHover: 2p= x solid hsl(221, 20%, 23%); --secondaryButtonBorderColorActive: 2px solid h= sl(221, 20%, 13%); --disabledColor: hsl(0, 0%, 50%); --disabledBackgroundCo= lor: hsl(0, 0%, 95%); --brandColorGreen: hsl(76, 60%, 52%); --brandColorGre= enActive: hsl(76, 62%, 40%); --primaryColorGreen: hsl(79, 100%, 24%); --pri= maryColorGreenHover: hsl(79, 100%, 14%); --primaryColorGreenActive: hsl(79,= 100%, 4%); --buttonBorderGreen: 2px solid hsl(79, 100%, 24%); --buttonBord= erGreenHover: 2px solid hsl(79, 100%, 14%); --buttonBorderGreenActive: 2px = solid hsl(79, 100%, 4%); --brandColorPink: hsl(344, 98%, 59%); --primaryCol= orPink: #e12362; --primaryColorPinkHover: hsl(340, 76%, 41%); --primaryColo= rPinkActive: hsl(340, 76%, 31%); --buttonBorderPink: 2px solid hsl(340, 76%= , 51%); --buttonBorderPinkHover: 2px solid hsl(340, 76%, 41%); --buttonBord= erPinkActive: 2px solid hsl(340, 76%, 31%); --brandColorTeal: hsl(180, 85%,= 34%); --primaryColorTeal: hsl(184, 50%, 35%); --primaryColorTealHover: hsl= (184, 50%, 25%); --primaryColorTealActive: hsl(184, 50%, 15%); --buttonBord= erTeal: 2px solid hsl(184, 50%, 35%); --buttonBorderTealHover: 2px solid hs= l(184, 50%, 25%); --buttonBorderTealActive: 2px solid hsl(184, 50%, 15%); -= -brandColorPurple: hsl(264, 100%, 68%); --primaryColorPurple: hsl(264, 83%,= 62%); --primaryColorPurpleHover: hsl(264, 83%, 52%); --primaryColorPurpleA= ctive: hsl(264, 83%, 42%); --buttonBorderPurple: 2px solid hsl(264, 83%, 62= %); --buttonBorderPurpleHover: 2px solid hsl(264, 83%, 52%); --buttonBorder= PurpleActive: 2px solid hsl(264, 83%, 42%); --brandColorOrange: hsl(33, 94%= , 48%); --primaryColorOrange: hsl(15, 79%, 45%); --primaryColorOrangeHover:= hsl(15, 80%, 35%); --primaryColorOrangeActive: hsl(15, 80%, 25%); --button= BorderOrange: 2px solid hsl(15, 79%, 45%); --buttonBorderOrangeHover: 2px s= olid hsl(15, 80%, 35%); --buttonBorderOrangeActive: 2px solid hsl(15, 80%, = 25%); --brandColorBlue: hsl(197, 100%, 50%); --brandColorBlueActive: hsl(19= 7, 100%, 39%); --brandColorBlueWCAG: hsl(197, 100%, 42%); --primaryColorBlu= e: hsl(201, 100%, 37%); --primaryColorBlueHover: hsl(201, 100%, 27%); --pri= maryColorBlueActive: hsl(201, 100%, 17%); --buttonBorderBlue: 2px solid hsl= (201, 100%, 37%); --buttonBorderBlueHover: 2px solid hsl(201, 100%, 27%); -= -buttonBorderBlueActive: 2px solid hsl(201, 100%, 17%); --BrandcolorYellow:= hsl(41, 90%, 61%); --primaryColorReachDeck: hsl(209, 100%, 39%); --primary= ColorReachDeckHover: hsl(209, 100%, 29%); --primaryColorReachDeckActive: hs= l(209, 100%, 19%); --buttonBorderReachDeck: 2px solid hsl(209, 100%, 39%); = --buttonBorderReachDeckHover: 2px solid hsl(209, 100%, 29%); --buttonBorder= ReachDeckActive: 2px solid hsl(209, 100%, 19%); --reachDeckEditorColor: hsl= (112, 100%, 26%); --launchpadButtonLight: hsl(210, 10%, 96%); --launchpadBu= ttonLightHover: hsl(220, 8%, 92%); --launchpadButtonLightActive: hsl(0, 0%,= 90%); --ContrastPinkOrbitNoteHover: hsl(343, 81%, 48%); --ContrastPinkOrbi= tNoteActive: hsl(345, 96%, 42%); --ContrastButtonBorderPink: hsl(345, 96%, = 42%); --primaryColorClaroNavy: hsl(207, 74%, 27%); --primaryColorClaroNavyH= over: hsl(206, 83%, 21%); --primaryColorClaroNavyActive: hsl(206, 89%, 17%)= ; --buttonBorderClaro: 2px solid hsl(207, 74%, 27%); --buttonBorderClaroHov= er: 2px solid hsl(206, 83%, 21%); --buttonBorderClaroActive: 2px solid hsl(= 206, 89%, 17%); --primaryColorClaroBlue: hsl(201, 100%, 37%); --primaryColo= rClaroBlueHover: hsl(201, 100%, 31%); --primaryColorClaroBlueActive: hsl(20= 1, 100%, 27%); --claroDark: hsl(218, 54%, 20%); --claroGrey: hsl(217, 31%, = 68%); --claroBlue: hsl(191, 88%, 40%); --claroBlueAlt: hsl(188, 78%, 50%); = --claroGreen: hsl(75, 63%, 51%); --altColor: var(--claroGreen); --altColorH= over: hsl(75, 70%, 40%); --altColorActive: hsl(75, 77%, 33%); --altButtonBo= rderColor: 2px solid var(--claroGreen); --altButtonBorderColorHover: 2px so= lid hsl(75, 70%, 40%); --altButtonBorderColorActive: 2px solid hsl(75, 77%,= 33%); --brandColorLingdys: hsl(0, 82%, 49%); --primaryColorLingdys: hsl(21= 7, 34%, 38%); --primaryColorLingdysHover: hsl(217, 37%, 24%); --primaryColo= rLingdysActive: hsl(217, 39%, 18%); --buttonBorderLingdys: 2px solid hsl(21= 7, 34%, 38%); --buttonBorderLingdysHover: 2px solid hsl(217, 37%, 24%); --b= uttonBorderLingdysActive: 2px solid hsl(217, 39%, 18%); --brandColorAppWrit= er: #F70790; --primaryColorAppWriter: #D8087F; --primaryColorAppWriterHover= : #B40669; --primaryColorAppWriterActive: #9F055C; --buttonBorderAppwriter:= 2px solid #D8087F; --buttonBorderAppwriterHover: 2px solid #B40669; --butt= onBorderAppWriterActive: 2px solid #9F055C; --iconToggleFillOrbitNote: hsl(= 196, 99%, 50%); --textColor: var( --th-slate-dark ); --textColorLight: var(= --th-white ); --border: 1px solid var( --th-grey ); --borderDark: 1px soli= d var( --th-grey-dark ); --infoColor: hsl(194, 77%, 24%); --successColor: h= sla(134, 71%, 43%, 0.584); --errorColor: hsl(0, 71%, 51%); --warningColor: = hsl(45, 97%, 51%); --infoBackgroundColor: hsl(180, 100%, 99%); --successBac= kgroundColor: hsl(78, 100%, 98%); --errorBackgroundColor: hsl(0, 100%, 98%)= ; --warningBackgroundColor: hsl(35, 100%, 98%); --notificationDarkModeBackg= round: hsl(218, 22%, 37%); --infoBorderColor: hsl(191, 44%, 82%); --success= BorderColor: hsl(100, 28%, 69%); --errorBorderColor: hsl(0, 37%, 73%); --wa= rningBorderColor: hsl(41, 30%, 71%); --notificationDarkModeBorder: hsl(217,= 19%, 41%); --infoTitleColor: hsl(194, 77%, 24%); --successTitleColor: hsl(= 121, 48%, 23%); --errorTitleColor: hsl(1, 47%, 40%); --warningTitleColor: h= sl(37, 92%, 25%); --infoWarningColor: hsl(194, 77%, 24%); --successWarningC= olor: hsla(121, 48%, 23%, 0.8); --errorWarningColor: hsla(1, 47%, 40%, 0.8)= ; --warningWarningColor: hsla(37, 92%, 25%, 0.8); --buttonBorderRadius: 30p= x; --buttonRoundness: 30px; --buttonNoBackgroundTextColor: var( --th-slate-= dark); --buttonNoBackgroundIconColor: var( --th-slate-dark); --buttonNoBack= groundColor: transparent; --buttonNoBackgroundColorHover: var(--icon-button= -background-hover-color); --buttonNoBackgroundColorActive: var(--icon-butto= n-background-active-color); --buttonNoBackgroundBorder: 2px solid transpare= nt; --buttonNoBackgroundBorderHover: 2px solid transparent; --buttonNoBackg= roundBorderActive: 2px solid transparent; --activeDotColor: inherit; --them= eColorDefault: var(--defaultColor); --themeColorGroundworks: var(--primaryC= olor); --themeColorReadWrite: var(--primaryColorPurple); --themeColorEquati= o: var(--primaryColorBlue); --themeColorBrowsealoud: var(--primaryColorOran= ge); --themeColorWriq: var(--primaryColorTeal); --themeColorFluencyTutor: v= ar(--primaryColorGreen); --themeColorSnapVerter: var(--primaryColorGreen); = --themeColorSpeechStream: var(--primaryColorPink); --themeColorTexthelp: va= r(--primaryColorTeal); --themeColorReachDeck: var(--primaryColorReachDeck);= --themeColorPdfReader: var(--primaryColorBlue); --uniloginBackgroundColor:= #F7F7F7; --uniloginWindowBackgroundColor: var(--primaryColorBlue); --line-= height-base: 1.5; --zindex-modal: 1050; --modal-dialog-margin: 2em; --modal= -content-border-radius: 1px; --modal-inner-padding: 1.5em; --modal-title-pa= dding: 1.5em; --modal-title-line-height: var(--line-height-base); --modal-c= ontent-bg: #fff; --modal-content-border-color: rgba(0, 0, 0, .2); --modal-c= ontent-fallback-border-color: #999; --modal-backdrop-bg: #000; --modal-back= drop-opacity: .5; --modal-header-border-color: #e5e5e5; --modal-footer-bord= er-color: var(--modal-header-border-color); --modal-header-background-color= : #f5f5f5; --select-border: 1px solid #DADADA; --select-background: hsl(0, = 0%, 100%); --select-background-color: #efefef; --select-background-color-ho= ver: hsl(0, 0%, 97%); --input-border: 1px solid #DADADA; --input-background= -color: #ffffff; --settings-title-color: var(--primaryColor); --settings-it= em-background-color: var(--th-white); --settings-item-background-hover-colo= r: var(--th-grey-medium); --settings-item-background-active-color: var(--th= -grey); --list-group-background-color: transparent; --list-group-item-backg= round-color: var(--th-white); --list-group-item-background-hover-color: var= (--th-grey-light); --list-group-item-background-active-color: var(--th-grey= ); --list-group-item-icon-color: var(--th-slate-dark); --ListGroupSearchIte= mColor: var(--th-white); --ListGroupSearchItemColorHover: #f9fafb; --ListGr= oupSearchItemTextColor: var(--th-slate); --ListGroupSearchItemBorderColor: = hsla(0, 0%, 0%, 0.15); --ListGroupSearchItemAsideColor: hsl(0, 0%, 95%); --= ListGroupSearchItemAsideTextColor: #000; --toolbar-button-disabled: hsl(0, = 0%, 96.1%); --toolbar-button-background: hsl(0, 0%, 96.1%); --toolbar-butto= n-hover-background: hsl(0, 0%, 80%); --toolbar-button-color: hsl(0, 0%, 0%)= ; --toolbar-button-hover-active-background: hsl(0, 0%, 70.2%); --toolbar-bu= tton-default-size: 43px; --toolbar-button-focus-color: hsl(213, 71.3%, 60.4= %); --toolbar-button-svg-color: hsl(0, 0%, 29%); --toolbar-button-toggle-co= lor: hsl(264, 100%, 68%); --panel-inner-padding: .7em; --icon-button-backgr= ound-default-color: hsla(0, 0%, 0%, 0.077); --icon-button-background-hover-= color: hsla(0, 0%, 0%, 0.125); --icon-button-background-active-color: hsla(= 0, 0%, 0%, 0.187); --icon-button-background-default-color-dark: rgba(255, 2= 55, 255, 0.077); --icon-button-background-hover-color-dark: rgba(255, 255, = 255, 0.146); --icon-button-background-active-color-dark: rgba(255, 255, 255= , 0.221); --icon-button-border-color: solid 2px transparent; --menuIconFill= Color: var(--th-slate); --cardIconFillColor: var(--th-slate); --default-men= u-notify-background-colour: hsl(264, 100%, 68%); --toolbarButtonBackgroundC= olor: var( --defaultColor); --toolbarButtonBackgroundHoverColor: var( --ico= n-button-background-hover-color); --toolbarButtonBackgroundActiveColor: var= ( --icon-button-background-active-color); --toolbarIconHoverFill: var( --th= -slate); --toolbarIconToggleFill: var( --primaryColor); --dashboardContentB= ackgroundColor: #fff; --dashboardHeaderBackgroundColor: #fff; --dashboardSi= debarBorderTopColor: var( --lightGrey); --dashboardTextColor: var(--th-slat= e); --dashboardTitleTextColor: var(--fontColorDark); --dashboardSubTitleTex= tColor: var(--th-slate-light); --dashboardCardBackgroundColor: var(--white)= ; --dashboardCardBackgroundHoverColor: var(--th-grey-light); --dashboardCar= dBackgroundActiveColor: var(--lightGrey); --dashboardCardHighlightColor: va= r(--primaryColor); --dashboardCardBorderColor: var(--lightGrey); --dashboar= dCardFooterLinkColor: var(--primaryColor); --dashboardCardAuditorColor: hsl= (208, 100%, 43%); --dashboardCardAuditorLabelColor: hsl(208, 100%, 43%); --= dashboardCardEditorLabelColor: var(--reachDeckEditorColor); --dashboardCard= ToolbarColor: var(--primaryColorOrange); --dashboardCardToolbarLabelColor: = var(--primaryColorOrange); --dashboardPaneBackgroundColor: #fcfcfc; --dashb= oardPaneBorderColor: rgba(92, 106, 138, 0.4); --dashboardPaneDashedBorderCo= lor: var(--dashboardDashedBorderLight); --dashboardDashedBorderLight: url("= data:image/svg+xml,%3csvg width=3D'100%25' height=3D'100%25' xmlns=3D'http:= //www.w3.org/2000/svg'%3e%3crect width=3D'100%25' height=3D'100%25' fill=3D= 'none' stroke=3D'%235C6A8ACC' stroke-width=3D'2' stroke-dasharray=3D'4%2c 8= ' stroke-dashoffset=3D'0' stroke-linecap=3D'square'/%3e%3c/svg%3e"); --dash= boardDashedBorderDark: url("data:image/svg+xml,%3csvg width=3D'100%25' heig= ht=3D'100%25' xmlns=3D'http://www.w3.org/2000/svg'%3e%3crect width=3D'100%2= 5' height=3D'100%25' fill=3D'none' stroke=3D'%23323E52FF' stroke-width=3D'2= ' stroke-dasharray=3D'4%2c 8' stroke-dashoffset=3D'0' stroke-linecap=3D'squ= are'/%3e%3c/svg%3e"); --icon-opacity: 1; --accordionBackgroundColor: #fff; = --accordionTextColor: #484848; --accordionTextBottomColor: #484848; --accor= dionIconColor: var(--toolbarWhite); --accordionBackgroundColorHover: #f9faf= b; --tableBackgroundColor: none; --tableBackgroundHeaderColor: #F9FAFB; --t= ableBackgroundAltColor: #f7f7f7; --tableBackgroundHoverColor: hsl(210, 20%,= 98%); --tableBorderColor: #E2E2E3; --tableTextColor: #484848; --buttonLink= TextColor: var( --primaryColor) !important; --buttonLinkIconColor: var( --p= rimaryColor) !important; } .th-wq, .th-th { --toolbarBackgroundColor: var(--defaultColor); --themeColo= rDefault: var(--defaultColor); --themeColorPrimary: var(--themeColorWriq); = --themeColorSecondary: var(--secondaryColor); --dashboardTopColor: var(--br= andColorTeal); --dashboardTitleColor: var(--themeColorWriq); --iconFillColo= r: var(--white); --buttonBackgroundColor: var(--defaultColor); --buttonBack= groundHoverColor: var(--defaultColorHover); --buttonBackgroundActiveColor: = var(--defaultColorActive); --buttonTextColor: var(--fontColorDark); --butto= nTextHoverColor: var(--fontColorDark); --buttonTextActiveColor: var(--fontC= olorDark); --buttonTextVisitedColor: var(--fontColorDark); --buttonBorder: = var(--buttonBorder); --buttonBorderHover: var(--buttonBorderColorHover); --= buttonBorderRadius: var(--buttonRoundness); --buttonIconFillColor: var(--bl= ack); --primaryButtonBackgroundColor: var(--primaryColorTeal); --primaryBut= tonBackgroundHoverColor: var(--primaryColorTealHover); --primaryButtonBackg= roundActiveColor: var(--primaryColorTealActive); --primaryButtonBorderActiv= e: var(--buttonBorderTealActive); --primaryButtonTextColor: var(--fontColor= White); --primaryButtonTextHoverColor: var(--fontColorWhite); --primaryButt= onTextActiveColor: var(--fontColorWhite); --primaryButtonTextVisitedColor: = var(--fontColorWhite); --primaryButtonBorder: var(--buttonBorderTeal); --pr= imaryButtonBorderHover: var(--buttonBorderTealHover); --primaryButtonBorder= Radius: var(--buttonRoundness); --primaryButtonIconFillColor: var(--white);= --secondaryButtonBackgroundColor: var(--secondaryColor); --secondaryButton= BackgroundHoverColor: var(--secondaryColorHover); --secondaryButtonBackgrou= ndActiveColor: var(--secondaryColorActive); --secondaryButtonTextColor: var= (--fontColorWhite); --secondaryButtonTextHoverColor: var(--fontColorWhite);= --secondaryButtonTextActiveColor: var(--fontColorWhite); --secondaryButton= TextVisitedColor: var(--fontColorWhite); --secondaryButtonBorder: var(--sec= ondaryButtonBorder); --secondaryButtonBorderHover: var(--secondaryButtonBor= derColorHover); --secondaryButtonBorderRadius: var(--buttonRoundness); --se= condaryButtonIconFillColor: var(--white); --table-hover-item: var(--list-it= em-light-hover); --settingsTitleColor: var(--themeColorPrimary); } .th-rw, .th-wa { --themeColorDefault: var(--defaultColor); --themeColorPrim= ary: var(--themeColorReadWrite); --themeColorSecondary: var(--secondaryColo= r); --toolbarBackgroundColor: var(--defaultColor); --toolbarIconFill: var(-= -th-slate); --toolbarIconHoverFill: var(--th-slate); --toolbarIconActiveFil= l: var(--th-slate); --toolbarIconToggledHoverFill: var(--primaryColorPurple= ); --toolbarIconToggleFill: var(--primaryColorPurple); --toolbarIconToggleH= overFill: var(--primaryColorPurple); --dashboardTopColor: var(--brandColorP= urple); --dashboardTitleColor: var(--themeColorReadWrite); --iconFillColor:= var(--th-slate-dark); --buttonBackgroundColor: var(--defaultColor); --butt= onBackgroundHoverColor: var(--defaultColorHover); --buttonBackgroundActiveC= olor: var(--defaultColorActive); --buttonTextColor: var(--fontColorDark); -= -buttonTextHoverColor: var(--fontColorDark); --buttonTextActiveColor: var(-= -fontColorDark); --buttonTextVisitedColor: var(--fontColorDark); --buttonBo= rder: var(--buttonBorder); --buttonBorderHover: var(--buttonBorderColorHove= r); --buttonBorderActive: var(--buttonBorderColorActive); --buttonBorderRad= ius: var(--buttonRoundness); --buttonIconFillColor: var(--black); --primary= ButtonBackgroundColor: var(--primaryColorPurple); --primaryButtonBackground= HoverColor: var(--primaryColorPurpleHover); --primaryButtonBackgroundActive= Color: var(--primaryColorPurpleActive); --primaryButtonBorderActive: var(--= buttonBorderPurpleActive); --primaryButtonTextColor: var(--fontColorWhite);= --primaryButtonTextHoverColor: var(--fontColorWhite); --primaryButtonTextA= ctiveColor: var(--fontColorWhite); --primaryButtonTextVisitedColor: var(--f= ontColorWhite); --primaryButtonBorder: var(--buttonBorderPurple); --primary= ButtonBorderHover: var(--buttonBorderPurpleHover); --primaryButtonBorderRad= ius: var(--buttonRoundness); --primaryButtonIconFillColor: var(--white); --= secondaryButtonBackgroundColor: var(--secondaryColor); --secondaryButtonBac= kgroundHoverColor: var(--secondaryColorHover); --secondaryButtonBackgroundA= ctiveColor: var(--secondaryColorActive); --secondaryButtonTextColor: var(--= fontColorWhite); --secondaryButtonTextHoverColor: var(--fontColorWhite); --= secondaryButtonTextActiveColor: var(--fontColorWhite); --secondaryButtonTex= tVisitedColor: var(--fontColorWhite); --secondaryButtonBorder: var(--second= aryButtonBorder); --secondaryButtonBorderHover: var(--secondaryButtonBorder= ColorHover); --secondaryButtonBorderRadius: var(--buttonRoundness); --secon= daryButtonIconFillColor: var(--white); --table-hover-item: var(--list-item-= light-hover); --settingsTitleColor: var(--themeColorPrimary); --menuNotifyB= ackgroundColour: var(--brandColorPurple); --uniloginBackgroundColor: #FAF7F= F; --uniloginWindowBackgroundColor: var(--primaryColorPurple); } .th-pr { --themeColorDefault: var(--defaultColor); --themeColorPrimary: var= (--themeColorPdfReader); --themeColorSecondary: var(--secondaryColor); --pr= imaryButtonBackgroundColor: var(--primaryColorBlue); --primaryButtonBackgro= undHoverColor: var(--primaryColorBlueHover); --primaryButtonBackgroundActiv= eColor: var(--primaryColorBlueActive); --primaryButtonBorderActive: var(--b= uttonBorderBlueActive); --primaryButtonTextColor: var(--fontColorWhite); --= primaryButtonTextHoverColor: var(--fontColorWhite); --primaryButtonTextActi= veColor: var(--fontColorWhite); --primaryButtonTextVisitedColor: var(--font= ColorWhite); --primaryButtonBorder: var(--buttonBorderBlue); --primaryButto= nBorderHover: var(--buttonBorderBlueHover); --primaryButtonBorderRadius: va= r(--buttonRoundness); --primaryButtonIconFillColor: var(--white); --toolbar= BackgroundColor: var(--th-grey); --toolbarButtonBackgroundColor: var(--th-g= rey); --toolbarButtonBackgroundHoverColor: var(--ContrastPinkOrbitNoteHover= ); --toolbarButtonBackgroundActiveColor: var(--ContrastPinkOrbitNoteActive)= ; --toolbarButtonBorderActive: var(--ContrastButtonBorderPink); --toolbarIc= onFill: var(--th-slate); --toolbarIconHoverFill: var(--white); --toolbarIco= nActiveFill: var(--white); --toolbarIconToggleFill: var(--ContrastPinkOrbit= NoteActive); --toolbarIconToggleHoverFill: var(--white); --toolbarIconToggl= edHoverFill: var(--white); --iconButtonBackgroundDefaultColor: var(--icon-b= utton-background-default-color); --iconButtonBackgroundHoverColor: var(--ic= on-button-background-hover-color); --iconButtonBackgroundActiveColor: var(-= -icon-button-background-active-color); --iconButtonBorderColor: 2px solid t= ransparent; --iconFillColor: var(--th-slate); --panelBackgroundColor: var(-= -th-grey-light); --panelBackgroundColorLight: var(--white); --panelBackgrou= ndColorDark: var(--th-grey); --fontColor: var(--th-slate-dark); --borderCol= or: 1px solid var(--th-grey-dark); --settingsTitleColor: var(--themeColorPr= imary); --menuNotifyBackgroundColour: var(--brandColorPink); --dashboardTop= Color: var(--primaryColorBlue); --dashboardTitleColor: var(--themeColorEqua= tio); --cardIconFillColor: var(--primaryColorBlue); } .th-eq { --themeColorDefault: var(--defaultColor); --themeColorPrimary: var= (--themeColorEquatio); --themeColorSecondary: var(--secondaryColor); --dash= boardTopColor: var(--brandColorBlue); --dashboardTitleColor: var(--themeCol= orEquatio); --iconFillColor: var(--th-slate-dark); --buttonBackgroundColor:= var(--defaultColor); --buttonBackgroundHoverColor: var(--defaultColorHover= ); --buttonBackgroundActiveColor: var(--defaultColorActive); --buttonTextCo= lor: var(--fontColorDark); --buttonTextHoverColor: var(--fontColorDark); --= buttonTextActiveColor: var(--fontColorDark); --buttonTextVisitedColor: var(= --fontColorDark); --buttonBorder: var(--buttonBorder); --buttonBorderHover:= var(--buttonBorderColorHover); --buttonBorderRadius: var(--buttonRoundness= ); --buttonIconFillColor: var(--black); --primaryButtonBackgroundColor: var= (--primaryColorBlue); --primaryButtonBackgroundHoverColor: var(--primaryCol= orBlueHover); --primaryButtonBackgroundActiveColor: var(--primaryColorBlueA= ctive); --primaryButtonBorderActive: var(--buttonBorderBlueActive); --prima= ryButtonTextColor: var(--fontColorWhite); --primaryButtonTextHoverColor: va= r(--fontColorWhite); --primaryButtonTextActiveColor: var(--fontColorWhite);= --primaryButtonTextVisitedColor: var(--fontColorWhite); --primaryButtonBor= der: var(--buttonBorderBlue); --primaryButtonBorderHover: var(--buttonBorde= rBlueHover); --primaryButtonBorderRadius: var(--buttonRoundness); --primary= ButtonIconFillColor: var(--white); --secondaryButtonBackgroundColor: var(--= secondaryColor); --secondaryButtonBackgroundHoverColor: var(--secondaryColo= rHover); --secondaryButtonBackgroundActiveColor: var(--secondaryColorActive= ); --secondaryButtonTextColor: var(--fontColorWhite); --secondaryButtonText= HoverColor: var(--fontColorWhite); --secondaryButtonTextActiveColor: var(--= fontColorWhite); --secondaryButtonTextVisitedColor: var(--fontColorWhite); = --secondaryButtonBorder: var(--secondaryButtonBorder); --secondaryButtonBor= derHover: var(--secondaryButtonBorderColorHover); --secondaryButtonBorderRa= dius: var(--buttonRoundness); --secondaryButtonIconFillColor: var(--white);= --table-hover-item: var(--list-item-light-hover); --settingsTitleColor: va= r(--themeColorPrimary); --uniloginBackgroundColor: #F2F9FF; --uniloginWindo= wBackgroundColor: var(--brandColorBlueWCAG); } .th-ba { --themeColorDefault: var(--defaultColor); --themeColorPrimary: var= (--themeColorBrowsealoud); --themeColorSecondary: var(--secondaryColor); --= toolbarBackgroundColor: var(--th-grey); --toolbarIconButtonFillColor: var(-= -th-slate); --toolbarButtonBackgroundColor: var(--th-grey); --toolbarButton= BackgroundHoverColor: var(--primaryColorOrangeHover); --toolbarButtonBackgr= oundActiveColor: var(--primaryColorOrangeActive); --toolbarButtonBorderActi= ve: var(--buttonBorderOrange); --toolbarIconFill: var(--th-slate); --toolba= rIconHoverFill: var(--th-slate); --toolbarIconActiveFill: var(--primaryColo= rBlue); --toolbarIconToggleFill: var(--primaryColorBlue); --toolbarIconTogg= leHoverFill: var(--white); --dashboardTopColor: var(--brandColorOrange); --= dashboardTitleColor: var(--themeColorBrowsealoud); --iconFillColor: var(--w= hite); --buttonBackgroundColor: var(--defaultColor); --buttonBackgroundHove= rColor: var(--defaultColorHover); --buttonBackgroundActiveColor: var(--defa= ultColorActive); --buttonTextColor: var(--fontColorDark); --buttonTextHover= Color: var(--fontColorDark); --buttonTextActiveColor: var(--fontColorDark);= --buttonTextVisitedColor: var(--fontColorDark); --buttonBorder: var(--butt= onBorder); --buttonBorderHover: var(--buttonBorderColorHover); --buttonBord= erRadius: var(--buttonRoundness); --buttonBorderIconFillColor: var(--black)= ; --primaryButtonBackgroundColor: var(--primaryColorOrange); --primaryButto= nBackgroundHoverColor: var(--primaryColorOrangeHover); --primaryButtonBackg= roundActiveColor: var(--primaryColorOrangeActive); --primaryButtonBorderAct= ive: var(--buttonBorderOrangeActive); --primaryButtonTextColor: var(--fontC= olorWhite); --primaryButtonTextHoverColor: var(--fontColorWhite); --primary= ButtonTextActiveColor: var(--fontColorWhite); --primaryButtonTextVisitedCol= or: var(--fontColorWhite); --primaryButtonBorder: var(--buttonBorderOrange)= ; --primaryButtonBorderHover: var(--buttonBorderOrangeHover); --primaryButt= onBorderRadius: var(--buttonRoundness); --primaryButtonIconFillColor: var(-= -white); --secondaryButtonBackgroundColor: var(--secondaryColor); --seconda= ryButtonBackgroundHoverColor: var(--secondaryColorHover); --secondaryButton= BackgroundActiveColor: var(--secondaryColorActive); --secondaryButtonTextCo= lor: var(--fontColorWhite); --secondaryButtonTextHoverColor: var(--fontColo= rWhite); --secondaryButtonTextActiveColor: var(--fontColorWhite); --seconda= ryButtonTextVisitedColor: var(--fontColorWhite); --secondaryButtonBorder: v= ar(--secondaryButtonBorder); --secondaryButtonBorderHover: var(--secondaryB= uttonBorderColorHover); --secondaryButtonBorderRadius: var(--buttonRoundnes= s); --secondaryButtonIconFillColor: var(--white); --table-hover-item: var(-= -list-item-light-hover); --settingsTitleColor: var(--themeColorPrimary); --= menuNotifyBackgroundColour: var(--white); } .th-ba .gw-menu-notification--inline { --menuNotifyBackgroundColour: var(--= themeColorBrowsealoud); } .th-at { --themeColorDefault: var(--defaultColor); --themeColorPrimary: var= (--themeColorReachDeck); --themeColorSecondary: var(--secondaryColor); --to= olbarBackgroundColor: var(--defaultColor); --toolbarIconFill: var(--th-slat= e); --toolbarIconHoverFill: var(--th-slate); --toolbarIconActiveFill: var(-= -th-slate); --toolbarIconToggledHoverFill: var(--primaryColorBlue); --toolb= arIconToggleFill: var(--primaryColorBlue); --toolbarIconToggleHoverFill: va= r(--primaryColorBlue); --dashboardTitleColor: var(--th-slate-dark); --iconF= illColor: var(--th-slate-dark); --buttonBackgroundColor: var(--defaultColor= ); --buttonBackgroundHoverColor: var(--defaultColorHover); --buttonBackgrou= ndActiveColor: var(--defaultColorActive); --buttonTextColor: var(--fontColo= rDark); --buttonTextHoverColor: var(--fontColorDark); --buttonTextActiveCol= or: var(--fontColorDark); --buttonTextVisitedColor: var(--fontColorDark); -= -buttonBorder: var(--buttonBorder); --buttonBorderHover: var(--buttonBorder= ColorHover); --buttonBorderRadius: var(--buttonRoundness); --buttonBorderIc= onFillColor: var(--black); --primaryButtonBackgroundColor: var(--primaryCol= orReachDeck); --primaryButtonBackgroundHoverColor: var(--primaryColorReachD= eckHover); --primaryButtonBackgroundActiveColor: var(--primaryColorReachDec= kActive); --primaryButtonBorderActive: var(--buttonBorderReachDeckActive); = --primaryButtonTextColor: var(--fontColorWhite); --primaryButtonTextHoverCo= lor: var(--fontColorWhite); --primaryButtonTextActiveColor: var(--fontColor= White); --primaryButtonTextVisitedColor: var(--fontColorWhite); --primaryBu= ttonBorder: var(--buttonBorderReachDeck); --primaryButtonBorderHover: var(-= -buttonBorderReachDeckHover); --primaryButtonBorderRadius: var(--buttonRoun= dness); --primaryButtonIconFillColor: var(--white); --secondaryButtonBackgr= oundColor: var(--secondaryColor); --secondaryButtonBackgroundHoverColor: va= r(--secondaryColorHover); --secondaryButtonBackgroundActiveColor: var(--sec= ondaryColorActive); --secondaryButtonTextColor: var(--fontColorWhite); --se= condaryButtonTextHoverColor: var(--fontColorWhite); --secondaryButtonTextAc= tiveColor: var(--fontColorWhite); --secondaryButtonTextVisitedColor: var(--= fontColorWhite); --secondaryButtonBorder: var(--secondaryButtonBorder); --s= econdaryButtonBorderHover: var(--secondaryButtonBorderColorHover); --second= aryButtonBorderRadius: var(--buttonRoundness); --secondaryButtonIconFillCol= or: var(--white); --dashboardTopColor: #E12362; --dashboardContentBackgroun= dColor: #F2F5F9; --tableBackgroundHeaderColor: #DFE1E5; --table-hover-item:= var(--list-item-light-hover); --settingsTitleColor: var(--themeColorPrimar= y); } .th-rd { font-size: 10px; --themeColorDefault: var(--defaultColor); --theme= ColorPrimary: var(--themeColorReachDeck); --themeColorSecondary: var(--seco= ndaryColor); --toolbarBackgroundColor: var(--defaultColor); --toolbarIconFi= ll: var(--th-slate); --toolbarIconHoverFill: var(--th-slate); --toolbarIcon= ActiveFill: var(--th-slate); --toolbarIconToggledHoverFill: var(--primaryCo= lorBlue); --toolbarIconToggleFill: var(--primaryColorBlue); --toolbarIconTo= ggleHoverFill: var(--primaryColorBlue); --dashboardTopColor: var(--th-grey)= ; --dashboardTitleColor: var(--th-slate-dark); --iconFillColor: var(--th-sl= ate-dark); --buttonBackgroundColor: var(--defaultColor); --buttonBackground= HoverColor: var(--defaultColorHover); --buttonBackgroundActiveColor: var(--= defaultColorActive); --buttonTextColor: var(--fontColorDark); --buttonTextH= overColor: var(--fontColorDark); --buttonTextActiveColor: var(--fontColorDa= rk); --buttonTextVisitedColor: var(--fontColorDark); --buttonBorder: var(--= buttonBorder); --buttonBorderHover: var(--buttonBorderColorHover); --button= BorderRadius: var(--buttonRoundness); --buttonBorderIconFillColor: var(--bl= ack); --primaryButtonBackgroundColor: var(--primaryColorReachDeck); --prima= ryButtonBackgroundHoverColor: var(--primaryColorReachDeckHover); --primaryB= uttonBackgroundActiveColor: var(--primaryColorReachDeckActive); --primaryBu= ttonBorderActive: var(--buttonBorderReachDeckActive); --primaryButtonTextCo= lor: var(--fontColorWhite); --primaryButtonTextHoverColor: var(--fontColorW= hite); --primaryButtonTextActiveColor: var(--fontColorWhite); --primaryButt= onTextVisitedColor: var(--fontColorWhite); --primaryButtonBorder: var(--but= tonBorderReachDeck); --primaryButtonBorderHover: var(--buttonBorderReachDec= kHover); --primaryButtonBorderRadius: var(--buttonRoundness); --primaryButt= onIconFillColor: var(--white); --secondaryButtonBackgroundColor: var(--seco= ndaryColor); --secondaryButtonBackgroundHoverColor: var(--secondaryColorHov= er); --secondaryButtonBackgroundActiveColor: var(--secondaryColorActive); -= -secondaryButtonTextColor: var(--fontColorWhite); --secondaryButtonTextHove= rColor: var(--fontColorWhite); --secondaryButtonTextActiveColor: var(--font= ColorWhite); --secondaryButtonTextVisitedColor: var(--fontColorWhite); --se= condaryButtonBorder: var(--secondaryButtonBorder); --secondaryButtonBorderH= over: var(--secondaryButtonBorderColorHover); --secondaryButtonBorderRadius= : var(--buttonRoundness); --secondaryButtonIconFillColor: var(--white); --t= able-hover-item: var(--list-item-light-hover); --settingsTitleColor: var(--= themeColorPrimary); } .th-ss { --themeColorDefault: var(--defaultColor); --themeColorPrimary: var= (--themeColorSpeechStream); --themeColorSecondary: var(--secondaryColor); -= -dashboardTopColor: var(--brandColorPink); --dashboardTitleColor: var(--the= meColorSpeechStream); --iconFillColor: var(--th-slate-dark); --buttonBackgr= oundColor: var(--defaultColor); --buttonBackgroundHoverColor: var(--default= ColorHover); --buttonBackgroundActiveColor: var(--defaultColorActive); --bu= ttonTextColor: var(--fontColorDark); --buttonTextHoverColor: var(--fontColo= rDark); --buttonTextActiveColor: var(--fontColorDark); --buttonTextVisitedC= olor: var(--fontColorDark); --buttonBorder: var(--buttonBorder); --buttonBo= rderHover: var(--buttonBorderColorHover); --buttonBorderRadius: var(--butto= nRoundness); --buttonBorderIconFillColor: var(--black); --primaryButtonBack= groundColor: var(--themeColorSpeechStream); --primaryButtonBackgroundHoverC= olor: var(--primaryColorPinkHover); --primaryButtonBackgroundActiveColor: v= ar(--primaryColorPinkActive); --primaryButtonBorderActive: var(--buttonBord= erPinkActive); --primaryButtonTextColor: var(--fontColorWhite); --primaryBu= ttonTextHoverColor: var(--fontColorWhite); --primaryButtonTextActiveColor: = var(--fontColorWhite); --primaryButtonTextVisitedColor: var(--fontColorWhit= e); --primaryButtonBorder: var(--buttonBorderPink); --primaryButtonBorderHo= ver: var(--buttonBorderPinkHover); --primaryButtonBorderRadius: var(--butto= nRoundness); --primaryButtonIconFillColor: var(--white); --secondaryButtonB= ackgroundColor: var(--secondaryColor); --secondaryButtonBackgroundHoverColo= r: var(--secondaryColorHover); --secondaryButtonBackgroundActiveColor: var(= --secondaryColorActive); --secondaryButtonTextColor: var(--fontColorWhite);= --secondaryButtonTextHoverColor: var(--fontColorWhite); --secondaryButtonT= extActiveColor: var(--fontColorWhite); --secondaryButtonTextVisitedColor: v= ar(--fontColorWhite); --secondaryButtonBorder: var(--secondaryButtonBorder)= ; --secondaryButtonBorderHover: var(--secondaryButtonBorderColorHover); --s= econdaryButtonBorderRadius: var(--buttonRoundness); --secondaryButtonIconFi= llColor: var(--white); --table-hover-item: var(--list-item-light-hover); --= settingsTitleColor: var(--themeColorPrimary); } .th-st { --uniloginBackgroundColor: #F2F9FF; --uniloginWindowBackgroundColo= r: #2A3953; } .th-sv, .th-ft { --themeColorDefault: var(--defaultColor); --themeColorPrim= ary: var(--themeColorFluencyTutor); --themeColorSecondary: var(--secondaryC= olor); --dashboardTopColor: var(--brandColorGreen); --dashboardTitleColor: = var(--themeColorFluencyTutor); --iconFillColor: var(--th-slate-dark); --but= tonBackgroundColor: var(--defaultColor); --buttonBackgroundHoverColor: var(= --defaultColorHover); --buttonBackgroundActiveColor: var(--defaultColorActi= ve); --buttonTextColor: var(--fontColorDark); --buttonTextHoverColor: var(-= -fontColorDark); --buttonTextActiveColor: var(--fontColorDark); --buttonTex= tVisitedColor: var(--fontColorDark); --buttonBorder: var(--buttonBorder); -= -buttonBorderHover: var(--buttonBorderColorHover); --buttonBorderRadius: va= r(--buttonRoundness); --buttonBorderIconFillColor: var(--black); --primaryB= uttonBackgroundColor: var(--themeColorFluencyTutor); --primaryButtonBackgro= undHoverColor: var(--primaryColorGreenHover); --primaryButtonBackgroundActi= veColor: var(--primaryColorGreenActive); --primaryButtonBorderActive: var(-= -buttonBorderGreenActive); --primaryButtonTextColor: var(--fontColorWhite);= --primaryButtonTextHoverColor: var(--fontColorWhite); --primaryButtonTextA= ctiveColor: var(--fontColorWhite); --primaryButtonTextVisitedColor: var(--f= ontColorWhite); --primaryButtonBorder: var(--buttonBorderGreen); --primaryB= uttonBorderHover: var(--buttonBorderGreenHover); --primaryButtonBorderRadiu= s: var(--buttonRoundness); --primaryButtonIconFillColor: var(--white); --se= condaryButtonBackgroundColor: var(--secondaryColor); --secondaryButtonBackg= roundHoverColor: var(--secondaryColorHover); --secondaryButtonBackgroundAct= iveColor: var(--secondaryColorActive); --secondaryButtonTextColor: var(--fo= ntColorWhite); --secondaryButtonTextHoverColor: var(--fontColorWhite); --se= condaryButtonTextActiveColor: var(--fontColorWhite); --secondaryButtonTextV= isitedColor: var(--fontColorWhite); --secondaryButtonBorder: var(--secondar= yButtonBorder); --secondaryButtonBorderHover: var(--secondaryButtonBorderCo= lorHover); --secondaryButtonBorderRadius: var(--buttonRoundness); --seconda= ryButtonIconFillColor: var(--white); --table-hover-item: var(--list-item-li= ght-hover); --settingsTitleColor: var(--themeColorPrimary); } .th-cr { --themeColorDefault: var(--defaultColor); --themeColorPrimary: var= (--primaryColorClaroNavy); --themeColorSecondary: var(--secondaryColor); --= buttonBackgroundColor: var(--defaultColor); --buttonBackgroundHoverColor: v= ar(--defaultColorHover); --buttonBackgroundActiveColor: var(--defaultColorA= ctive); --buttonTextColor: var(--fontColorDark); --buttonTextHoverColor: va= r(--fontColorDark); --buttonTextActiveColor: var(--fontColorDark); --button= TextVisitedColor: var(--fontColorDark); --buttonBorder: var(--buttonBorder)= ; --buttonBorderHover: var(--buttonBorderColorHover); --buttonBorderRadius:= var(--buttonRoundness); --buttonBorderIconFillColor: var(--black); --prima= ryButtonBackgroundColor: var(--primaryColorClaroNavy); --primaryButtonBackg= roundHoverColor: var(--primaryColorClaroNavyHover); --primaryButtonBackgrou= ndActiveColor: var(--primaryColorClaroNavyActive); --primaryButtonBorderAct= ive: var(--buttonBorderClaroActive); --primaryButtonTextColor: var(--fontCo= lorWhite); --primaryButtonTextHoverColor: var(--fontColorWhite); --primaryB= uttonTextActiveColor: var(--fontColorWhite); --primaryButtonTextVisitedColo= r: var(--fontColorWhite); --primaryButtonBorder: var(--buttonBorderClaro); = --primaryButtonBorderHover: var(--buttonBorderClaroHover); --primaryButtonB= orderRadius: var(--buttonRoundness); --primaryButtonIconFillColor: var(--wh= ite); --altButtonBackgroundColor: var(--altColor); --altButtonBackgroundHov= erColor: var(--altColorHover); --altButtonBackgroundActiveColor: var(--altC= olorActive); --altButtonTextColor: var(--fontColorWhite); --altButtonTextHo= verColor: var(--fontColorWhite); --altButtonTextActiveColor: var(--fontColo= rWhite); --altButtonTextVisitedColor: var(--fontColorWhite); --altButtonBor= der: var(--altButtonBorder); --altButtonBorderHover: var(--altButtonBorderC= olorHover); --altButtonBorderRadius: var(--buttonRoundness); --altButtonIco= nFillColor: var(--white); --uniloginBackgroundColor: #F2F9FF; --uniloginWin= dowBackgroundColor: var(--themeColorPrimary); } .th-wh { background: rgb(246, 246, 246); --themeColorDefault: var(--default= Color); --themeColorPrimary: var(--primaryColorClaroNavy); --themeColorSeco= ndary: var(--secondaryColor); --buttonBackgroundColor: var(--defaultColor);= --buttonBackgroundHoverColor: var(--defaultColorHover); --buttonBackground= ActiveColor: var(--defaultColorActive); --buttonTextColor: var(--fontColorD= ark); --buttonTextHoverColor: var(--fontColorDark); --buttonTextActiveColor= : var(--fontColorDark); --buttonTextVisitedColor: var(--fontColorDark); --b= uttonBorder: var(--buttonBorder); --buttonBorderHover: var(--buttonBorderCo= lorHover); --buttonBorderRadius: var(--buttonRoundness); --buttonBorderIcon= FillColor: var(--black); --primaryButtonBackgroundColor: var(--primaryColor= ClaroBlue); --primaryButtonBackgroundHoverColor: var(--primaryColorClaroBlu= eHover); --primaryButtonBackgroundActiveColor: var(--primaryColorClaroBlueA= ctive); --primaryButtonBorderActive: var(--buttonBorderClaroActive); --prim= aryButtonTextColor: var(--fontColorWhite); --primaryButtonTextHoverColor: v= ar(--fontColorWhite); --primaryButtonTextActiveColor: var(--fontColorWhite)= ; --primaryButtonTextVisitedColor: var(--fontColorWhite); --primaryButtonBo= rder: var(--primaryColorClaroBlue); --primaryButtonBorderHover: var(--prima= ryColorClaroBlueHover); --primaryButtonBorderRadius: var(--buttonRoundness)= ; --primaryButtonIconFillColor: var(--white); --altButtonBackgroundColor: v= ar(--altColor); --altButtonBackgroundHoverColor: var(--altColorHover); --al= tButtonBackgroundActiveColor: var(--altColorActive); --altButtonTextColor: = var(--fontColorWhite); --altButtonTextHoverColor: var(--fontColorWhite); --= altButtonTextActiveColor: var(--fontColorWhite); --altButtonTextVisitedColo= r: var(--fontColorWhite); --altButtonBorder: var(--altButtonBorder); --altB= uttonBorderHover: var(--altButtonBorderColorHover); --altButtonBorderRadius= : var(--buttonRoundness); --altButtonIconFillColor: var(--white); --unilogi= nBackgroundColor: #F2F9FF; --uniloginWindowBackgroundColor: var(--primaryCo= lorClaroNavy); } .th-lds { --themeColorDefault: var(--defaultColor); --themeColorPrimary: va= r(--primaryColorLingdys); --themeColorSecondary: var(--secondaryColor); --b= uttonBackgroundColor: var(--defaultColor); --buttonBackgroundHoverColor: va= r(--defaultColorHover); --buttonBackgroundActiveColor: var(--defaultColorAc= tive); --buttonTextColor: var(--fontColorDark); --buttonTextHoverColor: var= (--fontColorDark); --buttonTextActiveColor: var(--fontColorDark); --buttonT= extVisitedColor: var(--fontColorDark); --buttonBorder: var(--buttonBorder);= --buttonBorderHover: var(--buttonBorderColorHover); --buttonBorderRadius: = var(--buttonRoundness); --buttonBorderIconFillColor: var(--black); --primar= yButtonBackgroundColor: var(--primaryColorLingdys); --primaryButtonBackgrou= ndHoverColor: var(--primaryColorLingdysHover); --primaryButtonBackgroundAct= iveColor: var(--primaryColorLingdysActive); --primaryButtonBorderActive: va= r(--buttonBorderLingdysActive); --primaryButtonTextColor: var(--fontColorWh= ite); --primaryButtonTextHoverColor: var(--fontColorWhite); --primaryButton= TextActiveColor: var(--fontColorWhite); --primaryButtonTextVisitedColor: va= r(--fontColorWhite); --primaryButtonBorder: var(--buttonBorderLingdys); --p= rimaryButtonBorderHover: var(--buttonBorderLingdysHover); --primaryButtonBo= rderRadius: var(--buttonRoundness); --primaryButtonIconFillColor: var(--whi= te); --altButtonBackgroundColor: var(--altColor); --altButtonBackgroundHove= rColor: var(--altColorHover); --altButtonBackgroundActiveColor: var(--altCo= lorActive); --altButtonTextColor: var(--fontColorWhite); --altButtonTextHov= erColor: var(--fontColorWhite); --altButtonTextActiveColor: var(--fontColor= White); --altButtonTextVisitedColor: var(--fontColorWhite); --altButtonBord= er: var(--altButtonBorder); --altButtonBorderHover: var(--altButtonBorderCo= lorHover); --altButtonBorderRadius: var(--buttonRoundness); --altButtonIcon= FillColor: var(--white); --uniloginBackgroundColor: #F2F9FF; --uniloginWind= owBackgroundColor: var(--themeColorPrimary); } .th-aw { --themeColorDefault: var(--defaultColor); --themeColorPrimary: var= (--primaryColorClaroNavy); --themeColorSecondary: var(--secondaryColor); --= buttonBackgroundColor: var(--defaultColor); --buttonBackgroundHoverColor: v= ar(--defaultColorHover); --buttonBackgroundActiveColor: var(--defaultColorA= ctive); --buttonTextColor: var(--fontColorDark); --buttonTextHoverColor: va= r(--fontColorDark); --buttonTextActiveColor: var(--fontColorDark); --button= TextVisitedColor: var(--fontColorDark); --buttonBorder: var(--buttonBorder)= ; --buttonBorderHover: var(--buttonBorderColorHover); --buttonBorderRadius:= var(--buttonRoundness); --buttonBorderIconFillColor: var(--black); --prima= ryButtonBackgroundColor: var(--primaryColorAppWriter); --primaryButtonBackg= roundHoverColor: var(--primaryColorAppWriterHover); --primaryButtonBackgrou= ndActiveColor: var(--primaryColorAppWriterActive); --primaryButtonBorderAct= ive: var(--buttonBorderAppWriterActive); --primaryButtonTextColor: var(--fo= ntColorWhite); --primaryButtonTextHoverColor: var(--fontColorWhite); --prim= aryButtonTextActiveColor: var(--fontColorWhite); --primaryButtonTextVisited= Color: var(--fontColorWhite); --primaryButtonBorder: var(--buttonBorderAppW= riter); --primaryButtonBorderHover: var(--buttonBorderAppWriterHover); --pr= imaryButtonBorderRadius: var(--buttonRoundness); --primaryButtonIconFillCol= or: var(--white); --altButtonBackgroundColor: var(--altColor); --altButtonB= ackgroundHoverColor: var(--altColorHover); --altButtonBackgroundActiveColor= : var(--altColorActive); --altButtonTextColor: var(--fontColorWhite); --alt= ButtonTextHoverColor: var(--fontColorWhite); --altButtonTextActiveColor: va= r(--fontColorWhite); --altButtonTextVisitedColor: var(--fontColorWhite); --= altButtonBorder: var(--altButtonBorder); --altButtonBorderHover: var(--altB= uttonBorderColorHover); --altButtonBorderRadius: var(--buttonRoundness); --= altButtonIconFillColor: var(--white); --uniloginBackgroundColor: #F7F7F7; -= -uniloginWindowBackgroundColor: var(--primaryColorAppWriter); } .dark-mode { --toolbarBackgroundColor: var(--th-slate-dark); --toolbarButto= nBackgroundColor: var(--th-slate-dark); --toolbarButtonBackgroundHoverColor= : var(--icon-button-background-hover-color-dark); --toolbarButtonBackground= ActiveColor: var(--icon-button-background-active-color-dark); --toolbarButt= onBorderActive: var(--buttonBorderPink); --toolbarIconFill: var(--white); -= -toolbarIconHoverFill: var(--white); --toolbarIconActiveFill: var(--white);= --dashboardHeaderBackgroundColor: var(--th-slate-dark); --dashboardSidebar= BorderTopColor: var(--th-slate); --dashboardSidebarBackgroundColor: var(--t= h-slate-dark); --dashboardContentBackgroundColor: var(--th-slate); --dashbo= ardCardBackgroundColor: var(--th-slate-dark); --dashboardCardBackgroundHove= rColor: var(--th-slate-dark-hover600); --dashboardCardBackgroundActiveColor= : var(--th-slate-dark-active600); --dashboardCardHighlightColor: var(--bran= dColorBlue); --dashboardTextColor: var(--th-white); --dashboardTitleTextCol= or: var(--th-white); --dashboardSubTitleTextColor: var(--th-white); --menuI= conFillColor: var(--white); --iconButtonBackgroundDefaultColor: var(--icon-= button-background-default-color-dark); --iconButtonBackgroundHoverColor: va= r(--icon-button-background-hover-color-dark); --iconButtonBackgroundActiveC= olor: var(--icon-button-background-active-color-dark); --iconButtonBorderCo= lor: 2px solid transparent; --iconFillColor: var(--white); --buttonLinkText= Color: var(--white); --buttonLinkIconColor: var(--white); --buttonNoBackgro= undTextColor: var(--white); --buttonNoBackgroundIconColor: var(--white); --= buttonNoBackgroundColor: transparent; --buttonNoBackgroundColorHover: var(-= -icon-button-background-hover-color-dark); --buttonNoBackgroundColorActive:= var(--icon-button-background-active-color-dark); --buttonNoBackgroundBorde= r: 2px solid transparent; --buttonNoBackgroundBorderHover: 2px solid transp= arent; --buttonNoBackgroundBorderActive: 2px solid transparent; --panelBack= groundColor: var(--th-slate); --panelBackgroundColorLight: var(--th-slate-l= ight); --panelBackgroundColorDark: var(--th-slate-dark); --fontColor: var(-= -textColorLight); --borderColor: 1px solid var(--th-slate-light); --infoBac= kgroundColor: var(--notificationDarkModeBackground); --successBackgroundCol= or: var(--notificationDarkModeBackground); --errorBackgroundColor: var(--no= tificationDarkModeBackground); --warningBackgroundColor: var(--notification= DarkModeBackground); --infoBorderColor: var(--notificationDarkModeBorder); = --successBorderColor: var(--notificationDarkModeBorder); --errorBorderColor= : var(--notificationDarkModeBorder); --warningBorderColor: var(--notificati= onDarkModeBorder); --infoWarningColor: #fff; --successWarningColor: #fff; -= -errorWarningColor: #fff; --warningWarningColor: #fff; --infoTitleColor: #f= ff; --successTitleColor: #fff; --errorTitleColor: #fff; --warningTitleColor= : #fff; --accordionBackgroundColor: var(--th-slate-dark); --accordionTextCo= lor: #fff; --accordionTextBottomColor: #f5f5f5; --accordionIconColor: var(-= -toolbarWhite); --accordionBackgroundColorHover: var(--th-slate-dark-hover6= 00); --tableBackgroundColor: var(--th-slate); --tableBackgroundHeaderColor:= var(--th-slate-alt); --tableBackgroundAltColor: var(--th-slate-alt); --tab= leBackgroundHoverColor: var(--th-slate-hover); --tableBorderColor: var(--th= -slate-dark); --tableTextColor: #fff; --ListGroupSearchItemColor: var(--th-= slate-dark); --ListGroupSearchItemColorHover: var(--th-slate-dark-hover800)= ; --ListGroupSearchItemTextColor: var(--th-white); --ListGroupSearchItemBor= derColor: rgba(0, 0, 0, 0.225); --ListGroupSearchItemAsideColor: var(--th-s= late-dark); --ListGroupSearchItemAsideTextColor: #fff; } .dark-mode.th-rw { --toolbarIconActiveFill: var(--white); --toolbarIconTogg= ledHoverFill: var(--brandColorPurple); --toolbarIconToggleFill: var(--brand= ColorPurple); --toolbarIconToggleHoverFill: var(--brandColorPurple); } .dark-mode.th-pr { --toolbarButtonBackgroundHoverColor: var(--primaryColorB= lue); --toolbarButtonBackgroundActiveColor: var(--primaryColorBlueHover); -= -toolbarButtonBorderActive: var(--buttonBorderBlueActive); --toolbarIconTog= gleFill: var(--iconToggleFillOrbitNote); --textColor: var(--textColorLight)= ; --cardIconFillColor: var(--brandColorBlue); --primaryButtonBackgroundColo= r: var(--primaryColor); --primaryButtonBackgroundHoverColor: var(--primaryC= olorHover); --primaryButtonBackgroundActiveColor: var(--primaryColorActive)= ; --primaryButtonBorderActive: var(--primaryButtonBorderActive); --primaryB= uttonBorder: var(--primaryButtonBorder); --primaryButtonBorderHover: var(--= primaryButtonBorderHover); --dashboardTopColor: var(--primaryColorBlue); --= dashboardTitleColor: var(--themeColorEquatio); --dashboardPaneBackgroundCol= or: var(--th-slate-dark); --dashboardPaneBorderColor: var(--th-slate-dark);= --dashboardPaneDashedBorderColor: var(--dashboardDashedBorderDark); --list= GroupItemBackgroundColor: var(--th-slate-dark); --listGroupItemBackgroundCo= lorHover: var(--th-slate-dark-hover800); --listGroupItemBackgroundColorActi= ve: var(--th-slate-dark-active800); --listGroupTileBackgroundColorActive: v= ar(--th-slate-dark-active800); --list-item-hover: var(--listGroupItemBackgr= oundColorHover); } .dark-mode.th-rd { --toolbarIconToggledHoverFill: var(--brandColorBlue); --= toolbarIconToggleFill: var(--brandColorBlue); --toolbarIconToggleHoverFill:= var(--brandColorBlue); --dashboardTopColor: var(--th-slate); --dashboardCa= rdAuditorColor: var(--primaryColorBlue); --dashboardCardAuditorLabelColor: = var(--th-grey); --dashboardCardEditorColor: var(--reachDeckEditorColor); --= dashboardCardEditorLabelColor: var(--th-grey); --dashboardCardToolbarColor:= var(--primaryColorOrange); --dashboardCardToolbarLabelColor: var(--th-grey= ); --dashboardCardBorderColor: var(--th-slate-light); --dashboardCardFooter= LinkColor: hsl(197, 100%, 50%); --icon-opacity: .9; --cardIconFillColor: va= r(--th-white); --listGroupItemBackgroundColor: var(--th-slate-dark); --list= GroupItemBackgroundColorHover: var(--th-slate-dark-hover800); --listGroupIt= emBackgroundColorActive: var(--th-slate-dark-active800); --listGroupTileBac= kgroundColorActive: var(--th-slate-dark-active800); --list-item-hover: var(= --listGroupItemBackgroundColorHover); } .dark-mode { --inputBorder: 1px solid var(--th-slate); --inputTextColor: va= r( --th-white); --inputBackgroundColor: var(--th-cool-grey-800); --modalHea= derBackgroundColor: var(--th-cool-grey-800); --modalContentBackgroundColor:= var(--th-cool-grey-700); --modalContentBorderColorHeader: var(--th-cool-gr= ey-700); --modalContentBorderColorFooter: var(--th-cool-grey-700); --modalT= extColor: var(--th-white); --settingsDialogBackgroundColor: var(--th-cool-g= rey-700); --settingsDialogMenuBackgroundColor: var(--th-cool-grey-800); --s= ettingsDialogItemSelectedBackgroundColor: var(--th-slate-dark); --settingsD= ialogItemBackgroundColorHover: var(--th-cool-grey-700); --settingsDialogIte= mBackgroundColorActive: var(--th-cool-grey-600); --settingsTitleColor: #fff= ; --selectBorder: 1px solid var( --slate-light); --selectBackgroundColor: v= ar( --th-slate); --selectBackgroundColorHover: rgba(255, 255, 255, 0.146); = --selectBackgroundColorActive: rgba(255, 255, 255, 0.221); } .dark-mode .gw-select { background: url("data:image/svg+xml,%3Cpath d=3D'M7.41 7.84L1= 2 12.42l4.59-4.58L18 9.25l-6 6-6-6z' fill=3D'%23fff'/%3E%3Cpath d=3D'M0-.75= h24v24H0z' fill=3D'none'/%3E") right 0.9em top 40% / 1.3em no-repeat,= 0px 0px / 100% repeat transparent; border: 1px solid rgb(255, 255, 255); c= olor: rgb(255, 255, 255); } .dark-mode .gw-select > option { background: rgb(67, 78, 101); } .dark-mode { --listGroupBackgroundColor: transparent; --listGroupItemTextCo= lor: var(--th-white); --listGroupItemBackgroundColor: var(--th-cool-grey-80= 0); --listGroupItemActionsBackgroundColor: var(--th-cool-grey-850); --listG= roupItemBackgroundColorHover: var(--th-cool-grey-700); --listGroupItemBackg= roundColorActive: var(--th-cool-grey-600); --listGroupItemIconColor: var(--= th-white); --listGroupItemArrowColor: var(--th-cool-grey-800); } @media (prefers-color-scheme: dark) { :root .day.dark-scheme { background: rgb(51, 51, 51); color: white; } :root .night.dark-scheme { background: black; color: rgb(221, 221, 221); = } } @media (prefers-color-scheme: light) { :root .day.light-scheme { background: white; color: rgb(85, 85, 85); } :root .night.light-scheme { background: rgb(238, 238, 238); color: black;= } } .th-rw { --listGroupItemBackgroundColorActive: white; --squareButtonBackgro= undHover: #f5f5f5; --squareButtonIconFillColor: rgb(36, 42, 56); --squareBu= ttonActiveBackGroundColor: #EFEFEF; --squareButtonIconTickColor: #506C7E; } .dark-mode { --listGroupItemBackgroundColorFocus: rgb(63, 79, 90); --modalT= extColorFocus: white; --listGroupItemBackgroundColorActive: rgb(36, 45, 51)= ; --modalTextColorActive: white; --squareButtonBackgroundHover: rgb(56, 71,= 81); --squareButtonIconFillColor: white; --squareButtonActiveBackGroundCol= or: #24323E; --squareButtonIconTickColor: #FFF; } .dark-mode.th-rw { --toolbarIconButtonFillColor: var(--white); } .gw-toolbar--s1 { --fontSize: 5px; } .gw-toolbar--s2 { --fontSize: 10px; } .gw-toolbar--s3 { --fontSize: 15px; } .gw-toolbar--s4 { --fontSize: 20px; } .gw-listitem-fontsize-s10 { --gw-listitem-fontsize: 10px !important; } .gw-listitem-fontsize-s11 { --gw-listitem-fontsize: 11px !important; } .gw-listitem-fontsize-s12 { --gw-listitem-fontsize: 12px !important; } .gw-listitem-fontsize-s13 { --gw-listitem-fontsize: 13px !important; } .gw-listitem-fontsize-s14 { --gw-listitem-fontsize: 14px !important; } .gw-listitem-fontsize-s15 { --gw-listitem-fontsize: 15px !important; } .gw-listitem-fontsize-s16 { --gw-listitem-fontsize: 16px !important; } .gw-listitem-fontsize-s17 { --gw-listitem-fontsize: 17px !important; } .gw-listitem-fontsize-s18 { --gw-listitem-fontsize: 18px !important; } .gw-listitem-fontsize-s19 { --gw-listitem-fontsize: 19px !important; } .gw-listitem-fontsize-s20 { --gw-listitem-fontsize: 20px !important; } .gw-listitem-fontsize-s21 { --gw-listitem-fontsize: 21px !important; } .gw-listitem-fontsize-s22 { --gw-listitem-fontsize: 22px !important; } .gw-listitem-fontsize-s23 { --gw-listitem-fontsize: 23px !important; } .gw-listitem-fontsize-s24 { --gw-listitem-fontsize: 24px !important; } :root { --fontSize: 10px; } .gw-info { --notification-bg-color: var(--infoBackgroundColor); --notificat= ion-border-color: var(--infoBorderColor); --notification-color: var(--infoT= itleColor); } .gw-success { --notification-bg-color: var(--successBackgroundColor); --not= ification-border-color: var(--successBorderColor); --notification-color: va= r(--successTitleColor); } .gw-error { --notification-bg-color: var(--errorBackgroundColor); --notific= ation-border-color: var(--errorBorderColor); --notification-color: var(--er= rorTitleColor); } .gw-warning { --notification-bg-color: var(--warningBackgroundColor); --not= ification-border-color: var(--warningBorderColor); --notification-color: va= r(--warningTitleColor); } .th-rw { --toolbarIconToggleFill: var(--primaryColorPurple); --toolbarIconT= oggleHoverFill: var(--primaryColorPurple); } .gw-toolbar--undocked { --toolbarWidth: fit-content; --toolbarDisplay: bloc= k; --toolbarPosition: fixed; } .gw-ul--small { --liWidth: 150px; } .gw-ul--medium { --liWidth: 300px; } .gw-ul--large { --liWidth: 450px; } ------MultipartBoundary--rfdF0oUtfn75zMpwEma3uZoPJlEYYCUY3Idz8Vnk19---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-e9812fef-483c-45c1-998e-bf2b0cd84101@mhtml.blink @charset "utf-8"; *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; = --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; -= -tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: = ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-= from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ;= --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-s= pacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-widt= h: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5= ); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-sh= adow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightne= ss: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; = --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --= tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale= : ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opaci= ty: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ;= --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-trans= late-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y= : 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pin= ch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-posit= ion: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordi= nal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; = --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --= tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ri= ng-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 = #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw= -contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-satur= ate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdro= p-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-b= ackdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw= -backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-cont= ain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } *, ::after, ::before { box-sizing: border-box; border-width: 0px; border-st= yle: solid; border-color: rgb(229, 231, 235); } ::after, ::before { --tw-content: ''; } :host, html { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-f= amily: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI= Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: norm= al; font-variation-settings: normal; -webkit-tap-highlight-color: transpare= nt; } body { margin: 0px; line-height: inherit; } hr { height: 0px; color: inherit; border-top-width: 1px; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Mo= naco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-s= ettings: normal; font-variation-settings: normal; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-ali= gn: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0px; border-color: inherit; border-collapse: collapse;= } button, input, optgroup, select, textarea { font-family: inherit; font-feat= ure-settings: inherit; font-variation-settings: inherit; font-size: 100%; f= ont-weight: inherit; line-height: inherit; letter-spacing: inherit; color: = inherit; margin: 0px; padding: 0px; } button, select { text-transform: none; } button, input:where([type=3D"button"]), input:where([type=3D"reset"]), inpu= t:where([type=3D"submit"]) { appearance: button; background-color: transpar= ent; background-image: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type=3D"search"] { appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } summary { display: list-item; } blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0p= x; } fieldset { margin: 0px; padding: 0px; } legend { padding: 0px; } menu, ol, ul { list-style: none; margin: 0px; padding: 0px; } dialog { padding: 0px; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163= , 175); } [role=3D"button"], button { cursor: pointer; } :disabled { cursor: default; } audio, canvas, embed, iframe, img, object, svg, video { display: block; ver= tical-align: middle; } img, video { max-width: 100%; height: auto; } [hidden]:where(:not([hidden=3D"until-found"])) { display: none; } .container { width: 100%; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .inset-0 { inset: 0px; } .-right-1 { right: -0.25rem; } .-top-1 { top: -0.25rem; } .-top-5 { top: -1.25rem; } .left-1\/2 { left: 50%; } .top-4 { top: 1rem; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-\[300\] { z-index: 300; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-auto { margin-top: auto; margin-bottom: auto; } .mb-1 { margin-bottom: 0.25rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-8 { margin-bottom: 2rem; } .ml-1 { margin-left: 0.25rem; } .ml-2 { margin-left: 0.5rem; } .mr-1 { margin-right: 0.25rem; } .mr-4 { margin-right: 1rem; } .mt-0\.5 { margin-top: 0.125rem; } .mt-1 { margin-top: 0.25rem; } .mt-2 { margin-top: 0.5rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-6 { margin-top: 1.5rem; } .block { display: block; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .h-screen { height: 100vh; } .h-10 { height: 2.5rem; } .h-2 { height: 0.5rem; } .h-20 { height: 5rem; } .h-4 { height: 1rem; } .h-5 { height: 1.25rem; } .h-5\/6 { height: 83.3333%; } .h-56 { height: 14rem; } .h-6 { height: 1.5rem; } .h-72 { height: 18rem; } .h-8 { height: 2rem; } .h-full { height: 100%; } .h-14 { height: 3.5rem; } .max-h-80 { max-height: 20rem; } .min-h-\[260px\] { min-height: 260px; } .w-1\/3 { width: 33.3333%; } .w-10 { width: 2.5rem; } .w-2 { width: 0.5rem; } .w-32 { width: 8rem; } .w-56 { width: 14rem; } .w-6 { width: 1.5rem; } .w-72 { width: 18rem; } .w-full { width: 100%; } .w-14 { width: 3.5rem; } .min-w-\[250px\] { min-width: 250px; } .max-w-3xl { max-width: 48rem; } .max-w-4xl { max-width: 56rem; } .max-w-lg { max-width: 32rem; } .max-w-md { max-width: 28rem; } .max-w-sm { max-width: 24rem; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-= translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--t= w-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--t= w-scale-y)); } @keyframes pulse {=20 50% { opacity: 0.5; } } .animate-pulse { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite nor= mal none running pulse; } .cursor-pointer { cursor: pointer; } .cursor-not-allowed { cursor: not-allowed; } .select-none { user-select: none; } .list-inside { list-style-position: inside; } .list-disc { list-style-type: disc; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-1 { gap: 0.25rem; } .gap-2 { gap: 0.5rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; mar= gin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom= : calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; mar= gin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:= calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; mar= gin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom= : calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; mar= gin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: c= alc(1rem * var(--tw-space-y-reverse)); } .self-center { align-self: center; } .overflow-hidden { overflow: hidden; } .overflow-y-auto { overflow-y: auto; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;= } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-3xl { border-radius: 1.5rem; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-xl { border-radius: 0.75rem; } .border { border-width: 1px; } .border-2 { border-width: 2px; } .border-4 { border-width: 4px; } .border-b { border-bottom-width: 1px; } .border-b-4 { border-bottom-width: 4px; } .border-l-4 { border-left-width: 4px; } .border-t { border-top-width: 1px; } .border-blue-500 { --tw-border-opacity: 1; border-color: rgb(59 130 246 / v= ar(--tw-border-opacity, 1)); } .border-blue-500\/30 { border-color: rgba(59, 130, 246, 0.3); } .border-blue-800 { --tw-border-opacity: 1; border-color: rgb(30 64 175 / va= r(--tw-border-opacity, 1)); } .border-cyan-500 { --tw-border-opacity: 1; border-color: rgb(6 182 212 / va= r(--tw-border-opacity, 1)); } .border-cyan-800 { --tw-border-opacity: 1; border-color: rgb(21 94 117 / va= r(--tw-border-opacity, 1)); } .border-emerald-500 { --tw-border-opacity: 1; border-color: rgb(16 185 129 = / var(--tw-border-opacity, 1)); } .border-emerald-900 { --tw-border-opacity: 1; border-color: rgb(6 78 59 / v= ar(--tw-border-opacity, 1)); } .border-green-500\/30 { border-color: rgba(34, 197, 94, 0.3); } .border-indigo-500 { --tw-border-opacity: 1; border-color: rgb(99 102 241 /= var(--tw-border-opacity, 1)); } .border-orange-500 { --tw-border-opacity: 1; border-color: rgb(249 115 22 /= var(--tw-border-opacity, 1)); } .border-pink-500 { --tw-border-opacity: 1; border-color: rgb(236 72 153 / v= ar(--tw-border-opacity, 1)); } .border-pink-800 { --tw-border-opacity: 1; border-color: rgb(157 23 77 / va= r(--tw-border-opacity, 1)); } .border-pink-900 { --tw-border-opacity: 1; border-color: rgb(131 24 67 / va= r(--tw-border-opacity, 1)); } .border-purple-500 { --tw-border-opacity: 1; border-color: rgb(168 85 247 /= var(--tw-border-opacity, 1)); } .border-purple-700 { --tw-border-opacity: 1; border-color: rgb(126 34 206 /= var(--tw-border-opacity, 1)); } .border-purple-800 { --tw-border-opacity: 1; border-color: rgb(107 33 168 /= var(--tw-border-opacity, 1)); } .border-purple-900 { --tw-border-opacity: 1; border-color: rgb(88 28 135 / = var(--tw-border-opacity, 1)); } .border-red-500 { --tw-border-opacity: 1; border-color: rgb(239 68 68 / var= (--tw-border-opacity, 1)); } .border-red-800 { --tw-border-opacity: 1; border-color: rgb(153 27 27 / var= (--tw-border-opacity, 1)); } .border-slate-500 { --tw-border-opacity: 1; border-color: rgb(100 116 139 /= var(--tw-border-opacity, 1)); } .border-slate-600 { --tw-border-opacity: 1; border-color: rgb(71 85 105 / v= ar(--tw-border-opacity, 1)); } .border-slate-700 { --tw-border-opacity: 1; border-color: rgb(51 65 85 / va= r(--tw-border-opacity, 1)); } .border-slate-800 { --tw-border-opacity: 1; border-color: rgb(30 41 59 / va= r(--tw-border-opacity, 1)); } .border-white\/10 { border-color: rgba(255, 255, 255, 0.1); } .border-white\/20 { border-color: rgba(255, 255, 255, 0.2); } .border-white\/5 { border-color: rgba(255, 255, 255, 0.05); } .border-yellow-400 { --tw-border-opacity: 1; border-color: rgb(250 204 21 /= var(--tw-border-opacity, 1)); } .border-yellow-500 { --tw-border-opacity: 1; border-color: rgb(234 179 8 / = var(--tw-border-opacity, 1)); } .border-yellow-700 { --tw-border-opacity: 1; border-color: rgb(161 98 7 / v= ar(--tw-border-opacity, 1)); } .border-slate-600\/50 { border-color: rgba(71, 85, 105, 0.5); } .border-green-600 { --tw-border-opacity: 1; border-color: rgb(22 163 74 / v= ar(--tw-border-opacity, 1)); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-o= pacity, 1)); } .bg-black\/10 { background-color: rgba(0, 0, 0, 0.1); } .bg-black\/20 { background-color: rgba(0, 0, 0, 0.2); } .bg-black\/30 { background-color: rgba(0, 0, 0, 0.3); } .bg-black\/70 { background-color: rgba(0, 0, 0, 0.7); } .bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--= tw-bg-opacity, 1)); } .bg-blue-900 { --tw-bg-opacity: 1; background-color: rgb(30 58 138 / var(--= tw-bg-opacity, 1)); } .bg-blue-900\/40 { background-color: rgba(30, 58, 138, 0.4); } .bg-cyan-600 { --tw-bg-opacity: 1; background-color: rgb(8 145 178 / var(--= tw-bg-opacity, 1)); } .bg-emerald-900 { --tw-bg-opacity: 1; background-color: rgb(6 78 59 / var(-= -tw-bg-opacity, 1)); } .bg-green-600 { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(-= -tw-bg-opacity, 1)); } .bg-green-900\/30 { background-color: rgba(20, 83, 45, 0.3); } .bg-green-900\/40 { background-color: rgba(20, 83, 45, 0.4); } .bg-indigo-600 { --tw-bg-opacity: 1; background-color: rgb(79 70 229 / var(= --tw-bg-opacity, 1)); } .bg-indigo-900 { --tw-bg-opacity: 1; background-color: rgb(49 46 129 / var(= --tw-bg-opacity, 1)); } .bg-orange-600 { --tw-bg-opacity: 1; background-color: rgb(234 88 12 / var(= --tw-bg-opacity, 1)); } .bg-orange-900 { --tw-bg-opacity: 1; background-color: rgb(124 45 18 / var(= --tw-bg-opacity, 1)); } .bg-pink-600 { --tw-bg-opacity: 1; background-color: rgb(219 39 119 / var(-= -tw-bg-opacity, 1)); } .bg-pink-700 { --tw-bg-opacity: 1; background-color: rgb(190 24 93 / var(--= tw-bg-opacity, 1)); } .bg-purple-600 { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var= (--tw-bg-opacity, 1)); } .bg-purple-900 { --tw-bg-opacity: 1; background-color: rgb(88 28 135 / var(= --tw-bg-opacity, 1)); } .bg-purple-900\/40 { background-color: rgba(88, 28, 135, 0.4); } .bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--t= w-bg-opacity, 1)); } .bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--t= w-bg-opacity, 1)); } .bg-red-700 { --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--t= w-bg-opacity, 1)); } .bg-red-900 { --tw-bg-opacity: 1; background-color: rgb(127 29 29 / var(--t= w-bg-opacity, 1)); } .bg-slate-600 { --tw-bg-opacity: 1; background-color: rgb(71 85 105 / var(-= -tw-bg-opacity, 1)); } .bg-slate-700 { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--= tw-bg-opacity, 1)); } .bg-slate-800 { --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--= tw-bg-opacity, 1)); } .bg-slate-900 { --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--= tw-bg-opacity, 1)); } .bg-slate-900\/50 { background-color: rgba(15, 23, 42, 0.5); } .bg-slate-900\/70 { background-color: rgba(15, 23, 42, 0.7); } .bg-slate-900\/95 { background-color: rgba(15, 23, 42, 0.95); } .bg-slate-950 { --tw-bg-opacity: 1; background-color: rgb(2 6 23 / var(--tw= -bg-opacity, 1)); } .bg-yellow-500 { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(= --tw-bg-opacity, 1)); } .bg-slate-900\/60 { background-color: rgba(15, 23, 42, 0.6); } .bg-green-900\/20 { background-color: rgba(20, 83, 45, 0.2); } .bg-emerald-800 { --tw-bg-opacity: 1; background-color: rgb(6 95 70 / var(-= -tw-bg-opacity, 1)); } .bg-emerald-600 { --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var= (--tw-bg-opacity, 1)); } .bg-\[radial-gradient\(circle_at_center\,_var\(--tw-gradient-stops\)\)\] { = background-image: radial-gradient(circle at center, var(--tw-gradient-stops= )); } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-g= radient-stops)); } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gr= adient-stops)); } .from-black\/10 { --tw-gradient-from: rgb(0 0 0 / 0.1) var(--tw-gradient-fr= om-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-positio= n); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-orange-600 { --tw-gradient-from: #ea580c var(--tw-gradient-from-posit= ion); --tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position); = --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-orange-900\/40 { --tw-gradient-from: rgb(124 45 18 / 0.4) var(--tw-gr= adient-from-position); --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradie= nt-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gra= dient-to); } .from-purple-600 { --tw-gradient-from: #9333ea var(--tw-gradient-from-posit= ion); --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);= --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-slate-900 { --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-= position); --tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-g= radient-via-position), var(--tw-gradient-to); } .to-black\/30 { --tw-gradient-to: rgb(0 0 0 / 0.3) var(--tw-gradient-to-pos= ition); } .to-indigo-600 { --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position); = } .to-red-600 { --tw-gradient-to: #dc2626 var(--tw-gradient-to-position); } .to-slate-900 { --tw-gradient-to: #0f172a var(--tw-gradient-to-position); } .p-2 { padding: 0.5rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-3 { padding-bottom: 0.75rem; } .pr-1 { padding-right: 0.25rem; } .pr-2 { padding-right: 0.5rem; } .pt-3 { padding-top: 0.75rem; } .pr-3 { padding-right: 0.75rem; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Cons= olas, "Liberation Mono", "Courier New", monospace; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-5xl { font-size: 3rem; line-height: 1; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[9px\] { font-size: 9px; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-bold { font-weight: 700; } .font-extrabold { font-weight: 800; } .font-medium { font-weight: 500; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .leading-none { line-height: 1; } .leading-relaxed { line-height: 1.625; } .leading-tight { line-height: 1.25; } .tracking-\[0\.2em\] { letter-spacing: 0.2em; } .tracking-tight { letter-spacing: -0.025em; } .tracking-wide { letter-spacing: 0.025em; } .tracking-wider { letter-spacing: 0.05em; } .tracking-widest { letter-spacing: 0.1em; } .text-amber-300 { --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-te= xt-opacity, 1)); } .text-amber-500 { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-te= xt-opacity, 1)); } .text-blue-400 { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-tex= t-opacity, 1)); } .text-cyan-400 { --tw-text-opacity: 1; color: rgb(34 211 238 / var(--tw-tex= t-opacity, 1)); } .text-emerald-400 { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-= text-opacity, 1)); } .text-green-400 { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-te= xt-opacity, 1)); } .text-indigo-400 { --tw-text-opacity: 1; color: rgb(129 140 248 / var(--tw-= text-opacity, 1)); } .text-orange-400 { --tw-text-opacity: 1; color: rgb(251 146 60 / var(--tw-t= ext-opacity, 1)); } .text-pink-400 { --tw-text-opacity: 1; color: rgb(244 114 182 / var(--tw-te= xt-opacity, 1)); } .text-pink-500 { --tw-text-opacity: 1; color: rgb(236 72 153 / var(--tw-tex= t-opacity, 1)); } .text-purple-200 { --tw-text-opacity: 1; color: rgb(233 213 255 / var(--tw-= text-opacity, 1)); } .text-purple-300 { --tw-text-opacity: 1; color: rgb(216 180 254 / var(--tw-= text-opacity, 1)); } .text-purple-400 { --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-= text-opacity, 1)); } .text-red-400 { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-tex= t-opacity, 1)); } .text-slate-200 { --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-t= ext-opacity, 1)); } .text-slate-300 { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-t= ext-opacity, 1)); } .text-slate-400 { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-t= ext-opacity, 1)); } .text-slate-500 { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-t= ext-opacity, 1)); } .text-slate-900 { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text= -opacity, 1)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-= opacity, 1)); } .text-yellow-400 { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-t= ext-opacity, 1)); } .text-indigo-300 { --tw-text-opacity: 1; color: rgb(165 180 252 / var(--tw-= text-opacity, 1)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-= opacity, 1)); } .text-rose-400 { --tw-text-opacity: 1; color: rgb(251 113 133 / var(--tw-te= xt-opacity, 1)); } .text-emerald-300 { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw= -text-opacity, 1)); } .text-yellow-500 { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-te= xt-opacity, 1)); } .text-fuchsia-300 { --tw-text-opacity: 1; color: rgb(240 171 252 / var(--tw= -text-opacity, 1)); } .underline { text-decoration-line: underline; } .accent-indigo-500 { accent-color: rgb(99, 102, 241); } .opacity-90 { opacity: 0.9; } .opacity-40 { opacity: 0.4; } .opacity-70 { opacity: 0.7; } .opacity-50 { opacity: 0.5; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0= 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2= px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 = 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow= -colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ri= ng-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sh= adow); } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shad= ow-colored: inset 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-= ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-= shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px= rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-co= lor), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offs= et-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); = } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px r= gb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color)= , 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-s= hadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colore= d: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-sha= dow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6p= x rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-c= olor), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-of= fset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)= ; } .outline-none { outline: transparent solid 2px; outline-offset: 2px; } .drop-shadow-2xl { --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.= 15)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--= tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(= --tw-sepia) var(--tw-drop-shadow); } .drop-shadow-lg { --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04= )) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)); filter: var(--tw-blur) var(--tw= -brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) va= r(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow-md { --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)= ) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); filter: var(--tw-blur) var(--tw= -brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) va= r(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow-sm { --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05)= ); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-= grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--t= w-sepia) var(--tw-drop-shadow); } .transition-colors { transition-property: color, background-color, border-c= olor, text-decoration-color, fill, stroke, -webkit-text-decoration-color; t= ransition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duratio= n: 150ms; } .transition-all { transition-property: all; transition-timing-function: cub= ic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .hover\:bg-blue-500:hover { --tw-bg-opacity: 1; background-color: rgb(59 13= 0 246 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-800:hover { --tw-bg-opacity: 1; background-color: rgb(30 64= 175 / var(--tw-bg-opacity, 1)); } .hover\:bg-cyan-500:hover { --tw-bg-opacity: 1; background-color: rgb(6 182= 212 / var(--tw-bg-opacity, 1)); } .hover\:bg-cyan-700:hover { --tw-bg-opacity: 1; background-color: rgb(14 11= 6 144 / var(--tw-bg-opacity, 1)); } .hover\:bg-emerald-800:hover { --tw-bg-opacity: 1; background-color: rgb(6 = 95 70 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-500:hover { --tw-bg-opacity: 1; background-color: rgb(34 1= 97 94 / var(--tw-bg-opacity, 1)); } .hover\:bg-indigo-500:hover { --tw-bg-opacity: 1; background-color: rgb(99 = 102 241 / var(--tw-bg-opacity, 1)); } .hover\:bg-indigo-800:hover { --tw-bg-opacity: 1; background-color: rgb(55 = 48 163 / var(--tw-bg-opacity, 1)); } .hover\:bg-orange-500:hover { --tw-bg-opacity: 1; background-color: rgb(249= 115 22 / var(--tw-bg-opacity, 1)); } .hover\:bg-orange-800:hover { --tw-bg-opacity: 1; background-color: rgb(154= 52 18 / var(--tw-bg-opacity, 1)); } .hover\:bg-pink-600:hover { --tw-bg-opacity: 1; background-color: rgb(219 3= 9 119 / var(--tw-bg-opacity, 1)); } .hover\:bg-pink-700:hover { --tw-bg-opacity: 1; background-color: rgb(190 2= 4 93 / var(--tw-bg-opacity, 1)); } .hover\:bg-purple-700:hover { --tw-bg-opacity: 1; background-color: rgb(126= 34 206 / var(--tw-bg-opacity, 1)); } .hover\:bg-purple-800:hover { --tw-bg-opacity: 1; background-color: rgb(107= 33 168 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-500:hover { --tw-bg-opacity: 1; background-color: rgb(239 68= 68 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-600:hover { --tw-bg-opacity: 1; background-color: rgb(220 38= 38 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-800:hover { --tw-bg-opacity: 1; background-color: rgb(153 27= 27 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-600:hover { --tw-bg-opacity: 1; background-color: rgb(71 8= 5 105 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-700:hover { --tw-bg-opacity: 1; background-color: rgb(51 6= 5 85 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-800:hover { --tw-bg-opacity: 1; background-color: rgb(30 4= 1 59 / var(--tw-bg-opacity, 1)); } .hover\:bg-yellow-400:hover { --tw-bg-opacity: 1; background-color: rgb(250= 204 21 / var(--tw-bg-opacity, 1)); } .hover\:bg-emerald-700:hover { --tw-bg-opacity: 1; background-color: rgb(4 = 120 87 / var(--tw-bg-opacity, 1)); } .hover\:bg-emerald-500:hover { --tw-bg-opacity: 1; background-color: rgb(16= 185 129 / var(--tw-bg-opacity, 1)); } .hover\:from-orange-500:hover { --tw-gradient-from: #f97316 var(--tw-gradie= nt-from-position); --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-= to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradie= nt-to); } .hover\:from-purple-500:hover { --tw-gradient-from: #a855f7 var(--tw-gradie= nt-from-position); --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-= to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradie= nt-to); } .hover\:to-indigo-500:hover { --tw-gradient-to: #6366f1 var(--tw-gradient-t= o-position); } .hover\:to-red-500:hover { --tw-gradient-to: #ef4444 var(--tw-gradient-to-p= osition); } .hover\:text-pink-400:hover { --tw-text-opacity: 1; color: rgb(244 114 182 = / var(--tw-text-opacity, 1)); } .hover\:text-purple-300:hover { --tw-text-opacity: 1; color: rgb(216 180 25= 4 / var(--tw-text-opacity, 1)); } .hover\:text-red-300:hover { --tw-text-opacity: 1; color: rgb(252 165 165 /= var(--tw-text-opacity, 1)); } .hover\:text-slate-300:hover { --tw-text-opacity: 1; color: rgb(203 213 225= / var(--tw-text-opacity, 1)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / v= ar(--tw-text-opacity, 1)); } .focus\:border-red-500:focus { --tw-border-opacity: 1; border-color: rgb(23= 9 68 68 / var(--tw-border-opacity, 1)); } .group:hover .group-hover\:text-blue-300 { --tw-text-opacity: 1; color: rgb= (147 197 253 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-emerald-300 { --tw-text-opacity: 1; color: = rgb(110 231 183 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-orange-300 { --tw-text-opacity: 1; color: r= gb(253 186 116 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-purple-300 { --tw-text-opacity: 1; color: r= gb(216 180 254 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-red-300 { --tw-text-opacity: 1; color: rgb(= 252 165 165 / var(--tw-text-opacity, 1)); } @media (min-width: 640px) { .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .sm\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); } } @media (min-width: 1024px) { .lg\:w-1\/3 { width: 33.3333%; } .lg\:flex-row { flex-direction: row; } } ------MultipartBoundary--rfdF0oUtfn75zMpwEma3uZoPJlEYYCUY3Idz8Vnk19---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-2fe234e2-6801-4059-a154-e5fada3c6a10@mhtml.blink @charset "utf-8"; :root { --bg-main: #0f172a; --panel-bg: #1e293b; --border-col: #334155; --t= ext-main: #e2e8f0; --text-dim: #94a3b8; --accent-prim: #6366f1; --accent-se= c: #818cf8; --btn-primary: #4f46e5; --btn-hover: #4338ca; } [data-theme=3D"nebula"] { --bg-main: #2e1065; --panel-bg: #4c1d95; --border= -col: #6d28d9; --text-main: #f3e8ff; --text-dim: #d8b4fe; --accent-prim: #d= 946ef; } [data-theme=3D"magma"] { --bg-main: #450a0a; --panel-bg: #7f1d1d; --border-= col: #991b1b; --text-main: #fecaca; --text-dim: #fca5a5; --accent-prim: #f9= 7316; } [data-theme=3D"matrix"] { --bg-main: #020617; --panel-bg: #052e16; --border= -col: #14532d; --text-main: #4ade80; --text-dim: #22c55e; --accent-prim: #2= 2c55e; } [data-theme=3D"ocean"] { --bg-main: #082f49; --panel-bg: #0c4a6e; --border-= col: #075985; --text-main: #e0f2fe; --text-dim: #bae6fd; --accent-prim: #06= b6d4; } body { font-family: Inter, sans-serif; background-color: var(--bg-main); co= lor: var(--text-main); user-select: none; overflow: hidden; height: 100vh; = display: flex; flex-direction: column; margin: 0px; transition: background-= color 0.5s, color 0.5s; } .stars-bg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%= ; z-index: -1; pointer-events: none; opacity: 0.6; } .star { position: absolute; background: rgb(255, 255, 255); border-radius: = 50%; box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 5px 2px; animation: auto = linear 0s infinite normal none running drift; opacity: 0.8; } @keyframes drift {=20 0% { transform: translateY(0px); } 100% { transform: translateY(-100vh); } } #cookie { cursor: pointer; transition: transform 0.05s cubic-bezier(0.175, = 0.885, 0.32, 1.275); -webkit-tap-highlight-color: transparent; z-index: 10;= filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 10px 20px); } #cookie:active { transform: scale(0.92); } .btn-anim { transition: 0.15s; position: relative; overflow: hidden; } .btn-anim:hover:not(:disabled) { transform: translateY(-2px); filter: brigh= tness(1.1); box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px; } .btn-anim:active:not(:disabled) { transform: translateY(1px); filter: brigh= tness(0.9); } .btn-anim:disabled { opacity: 0.5; cursor: not-allowed; filter: grayscale(1= ); } .theme-panel { background-color: var(--panel-bg); border-color: var(--borde= r-col); } .upgrade-item { transition: background-color 0.2s, border-color 0.2s; min-h= eight: 80px; position: relative; display: flex; flex-direction: column; jus= tify-content: space-between; background-color: rgba(0, 0, 0, 0.2); border: = 2px solid var(--border-col); } .upgrade-item:hover:not(.locked-upgrade) { background-color: rgba(255, 255,= 255, 0.05); border-color: var(--accent-prim); z-index: 10; } .upgrade-item * { pointer-events: none; } .locked-upgrade { opacity: 0.8; background-color: rgba(0, 0, 0, 0.4) !impor= tant; border-color: var(--border-col) !important; color: var(--text-dim) !i= mportant; cursor: not-allowed !important; } .game-card { transition: 0.2s ease-out; border: 2px solid var(--border-col)= ; background: var(--panel-bg); position: relative; overflow: hidden; } .game-card:hover { border-color: var(--accent-prim); transform: translateX(= -4px); box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 0px; } .modal { background-color: rgba(0, 0, 0, 0.8); z-index: 200; backdrop-filte= r: blur(5px); } .modal-content { background-color: var(--panel-bg); box-shadow: rgba(0, 0, = 0, 0.7) 0px 25px 50px -12px; border: 2px solid var(--border-col); color: va= r(--text-main); } .scroll-area { max-height: 75vh; overflow-y: auto; padding-right: 6px; } .scroll-area::-webkit-scrollbar { width: 8px; } .scroll-area::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); bor= der-radius: 4px; } .scroll-area::-webkit-scrollbar-thumb { background-color: var(--border-col)= ; border-radius: 4px; } .xp-container { width: 100%; height: 10px; background: rgba(0, 0, 0, 0.3); = border-radius: 5px; overflow: hidden; border: 1px solid var(--border-col); = } .xp-fill { height: 100%; background: linear-gradient(90deg, var(--accent-pr= im), #a855f7); width: 0%; transition: width 0.4s ease-out; } canvas { background-color: rgba(0, 0, 0, 0.3); border: 2px solid var(--bord= er-col); border-radius: 12px; box-shadow: rgb(0, 0, 0) 0px 0px 30px inset; = cursor: crosshair; } .sweeper-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: = 4px; background: var(--border-col); padding: 4px; border-radius: 8px; margi= n: 0px auto; } .sweeper-cell { width: 40px; height: 40px; background: rgba(255, 255, 255, = 0.1); border-radius: 4px; display: flex; align-items: center; justify-conte= nt: center; font-weight: bold; cursor: pointer; user-select: none; font-siz= e: 20px; transition: background 0.1s; } .sweeper-cell:hover { background: rgba(255, 255, 255, 0.2); } .sweeper-cell.revealed { background: rgba(0, 0, 0, 0.3); cursor: default; b= ox-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px inset; } .sweeper-cell.mine { background: rgb(239, 68, 68); animation: 0.5s ease 0s = 1 normal none running shake; } .sweeper-cell.flagged { background: rgb(251, 191, 36); } @keyframes shake {=20 0%, 100% { transform: translateX(0px); } 25% { transform: translateX(-2px); } 75% { transform: translateX(2px); } } .wheel-spinner { transition: transform 4s cubic-bezier(0.17, 0.67, 0.12, 0.= 99); transform: rotate(0deg); } .wheel-label { position: absolute; width: 100%; height: 100%; text-align: c= enter; color: rgb(255, 255, 255); font-size: 11px; font-weight: 900; text-s= hadow: rgb(0, 0, 0) 0px 2px 4px; pointer-events: none; letter-spacing: 1px;= } .rare-cookie { position: absolute; width: 70px; height: 70px; border-radius= : 50%; cursor: pointer; z-index: 250; animation: 0.8s ease 0s infinite alte= rnate none running rare-pulse; box-shadow: currentcolor 0px 0px 20px; borde= r: 4px solid currentcolor; background-color: currentcolor; background-image= : radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.9) 0%, rgba(255,= 255, 255, 0) 40%); } @keyframes rare-pulse {=20 0% { transform: scale(1); filter: brightness(1); } 100% { transform: scale(1.1); filter: brightness(1.3); } } .click-anim { position: absolute; font-size: 1.5rem; font-weight: 900; poin= ter-events: none; animation: 0.8s ease 0s 1 normal forwards running riseAnd= Fade; text-shadow: rgba(0, 0, 0, 0.8) 0px 2px 4px; z-index: 150; } @keyframes riseAndFade {=20 0% { transform: translateY(0px) scale(1); opacity: 1; } 100% { transform: translateY(-60px) scale(1.2); opacity: 0; } } .info-icon { display: inline-flex; align-items: center; justify-content: ce= nter; width: 14px; height: 14px; border-radius: 50%; background-color: rgba= (255, 255, 255, 0.1); font-size: 9px; font-weight: bold; font-family: serif= ; cursor: help; margin-left: 4px; transition: 0.2s; border: 1px solid rgba(= 255, 255, 255, 0.2); z-index: 50; pointer-events: auto !important; } .info-icon:hover { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0= ); transform: scale(1.2); } #achievement-toast { transition: transform 0.4s cubic-bezier(0.175, 0.885, = 0.32, 1.275); transform: translateX(150%); display: none; } #achievement-toast.show { transform: translateX(0px); display: flex; } .costume-card, .theme-card { transition: 0.2s; border: 2px solid var(--bord= er-col); position: relative; background: rgba(0, 0, 0, 0.2); display: flex;= flex-direction: column; align-items: center; justify-content: center; padd= ing: 10px; } .costume-card:hover:not(.locked), .theme-card:hover:not(.locked) { border-c= olor: var(--accent-prim); transform: translateY(-3px); box-shadow: rgba(255= , 255, 255, 0.1) 0px 0px 15px; } .costume-card.equipped, .theme-card.equipped { border-color: rgb(34, 197, 9= 4); background-color: rgba(34, 197, 94, 0.1); } .costume-card.locked, .theme-card.locked { opacity: 0.5; filter: grayscale(= 1); cursor: not-allowed; } [data-theme=3D"aurora"] { --bg-main: #022c22; --panel-bg: #064e3b; --border= -col: #0f766e; --text-main: #ccfbf1; --text-dim: #99f6e4; --accent-prim: #1= 4b8a6; } [data-theme=3D"sunset"] { --bg-main: #7c2d12; --panel-bg: #9a3412; --border= -col: #b45309; --text-main: #ffedd5; --text-dim: #fed7aa; --accent-prim: #f= b923c; } [data-theme=3D"candy"] { --bg-main: #4a044e; --panel-bg: #86198f; --border-= col: #a855f7; --text-main: #fdf2ff; --text-dim: #f5d0fe; --accent-prim: #ec= 4899; } [data-theme=3D"voidlight"] { --bg-main: #020617; --panel-bg: #111827; --bor= der-col: #1e293b; --text-main: #e5e7eb; --text-dim: #9ca3af; --accent-prim:= #6366f1; } [data-theme=3D"rainbowTheme"] { --bg-main: #111827; --panel-bg: #4c1d95; --= border-col: #f97316; --text-main: #fef9c3; --text-dim: #fde68a; --accent-pr= im: #ec4899; background-image: linear-gradient(120deg, rgb(249, 115, 22), r= gb(236, 72, 153), rgb(99, 102, 241), rgb(34, 197, 94)); background-size: 40= 0% 400%; animation: 30s ease 0s infinite normal none running rainbow-theme-= shift; } @keyframes rainbow-theme-shift {=20 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } [data-theme=3D"rpsTheme"] { --bg-main: #020617; --panel-bg: #1e1b4b; --bord= er-col: #4c1d95; --text-main: #e0f2fe; --text-dim: #c4b5fd; --accent-prim: = #6366f1; } [data-theme=3D"diamondTheme"] { --bg-main: #0f172a; --panel-bg: #082f49; --= border-col: #38bdf8; --text-main: #e0f2fe; --text-dim: #bae6fd; --accent-pr= im: #0ea5e9; } ------MultipartBoundary--rfdF0oUtfn75zMpwEma3uZoPJlEYYCUY3Idz8Vnk19------