From c08249d3159e83483f041d8b32d945645e968761 Mon Sep 17 00:00:00 2001 From: Adam Laki Date: Thu, 18 Jan 2024 19:15:54 +0100 Subject: [PATCH] Run prod --- dist/account/index.html | 1523 ++++----- dist/account/notifications/index.html | 1518 ++++----- dist/account/password/index.html | 1426 ++++---- dist/account/profile/index.html | 1472 ++++---- dist/categories/index.html | 1649 ++++----- dist/customers/index.html | 1709 ++++------ dist/index.html | 1501 ++++----- dist/item/edit/index.html | 3015 +++++++---------- dist/item/view/index.html | 1374 +++----- dist/orders/index.html | 1801 ++++------ dist/password-reset/index.html | 250 +- dist/products/index.html | 1920 +++++------ dist/settings/index.html | 1450 ++++---- dist/sign-in/index.html | 326 +- dist/sign-up/index.html | 355 +- src/css/main.css | 4461 +------------------------ 16 files changed, 8673 insertions(+), 17077 deletions(-) diff --git a/dist/account/index.html b/dist/account/index.html index cd7f343..8282895 100644 --- a/dist/account/index.html +++ b/dist/account/index.html @@ -1,61 +1,34 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -Account - Spruce CSS Root Admin Template - - - - - - - - - + + + + + + + + + + + + Account - Spruce CSS Root Admin Template + + + + + + + + + - - - - - - - - - - - + }"> +
-
-
-
- -
- - -
- - -
    - -
  1. - - Dashboard - -
    2. - -
  2. - - Account - -
    3. - -
- - -
-
-
- -
-
-

Notifications

- -
-
- -
-
-
- - -
-
-

- Important Weekly Team Meeting -

-

August 9, 2023 12:00

-
- - + - -
- -
-
-

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

-
-
- -
- -
-
-
- - -
-
-

- Upcoming Payment Deadline for Monthly Subscription -

-

August 10, 2023 17:30

- +
    +
  1. + Dashboard +
    2. +
  2. + Account +
    3. +
- -
- -
-
-
- - -
-
-

- 25th Wedding Anniversary Celebration at Grand Hotel -

-

August 15, 2023 20:00

-
- - - -
- -
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+

Notifications

+ +
+
+
+
+
+ +
+
+

+ Important Weekly Team Meeting +

+

August 9, 2023 12:00

+
+ +
+
+
+

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Upcoming Payment Deadline for Monthly Subscription +

+

August 10, 2023 17:30

+
+
+
+
+
+
+ +
+
+

+ 25th Wedding Anniversary Celebration at Grand Hotel +

+

August 15, 2023 20:00

+
+ +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Exclusive Webinar: Unveiling the Latest Industry Trends +

+

August 20, 2023 11:30

+
+
+
+
+
+
+ +
+
+

+ Final Submission Deadline for Project Proposal +

+

August 18, 2023 14:00

+
+
+
+
+
+
+ +
+
+

+ Departure for Exciting Adventure: Traveling to Exotic Destinations +

+

August 25, 2023 10:00

+
+
+
+
+
+
+ +
+
+

+ Highly Anticipated Product Release: Introducing InnovationX +

+

August 30, 2023 16:00

+
+
+
+
+ View all notifications
- -
- -
-
-
- - -
-
-

- Exclusive Webinar: Unveiling the Latest Industry Trends -

-

August 20, 2023 11:30

-
- -
- -
- -
-
-
- - -
-
-

- Final Submission Deadline for Project Proposal -

-

August 18, 2023 14:00

+
+ Adam Laki +
+ Administrator + info@adamlaki.com +
+ +
-
- -
- -
-
-
- - -
-
-

- Departure for Exciting Adventure: Traveling to Exotic Destinations -

-

August 25, 2023 10:00

+
- -
-
-
- - -
-
-

- Highly Anticipated Product Release: Introducing InnovationX -

-

August 30, 2023 16:00

+
+
+
+
+
+

Account

-
- -
- -
- View all notifications -
- - -
- Adam Laki -
- Administrator - info@adamlaki.com -
- - -
- - - - - - - - -
-
-
-
-

Account

- -
- -
-
-
-
- -
- + +
-
-

Personal Information

- Edit -
-
-
-
-

First Name

-

Adam

-
-
-

Last Name

-

Laki

-
-
-

Email

-

info@adamlaki.com

-
-
-

Phone

-

+36 555 66 44

-
-
-

Bio

-

Hey, I’m Adam! I’m a passionate, accessibility-focused front-end developer. I develop with Gatsby, 11ty, and WordPress. I like to learn and try out new things in my field.

-
-
-
-
-
-
-

Notifications

- Edit -
-
-
-
-

News and updates (Email)

-

Enabled

-
-
-

Tips and tutorials (Email)

-

Enabled

-
-
-

Comments (Email)

-

Disabled

-
-
-

Reminders (Email)

-

Disabled

-
-
-

News and updates (Push)

-

Disabled

-
-
-

Tips and tutorials (Push)

-

Disabled

-
-
-

Comments (Push)

-

Enabled

-
-
-

Reminders (Push)

-

Disabled

-
-
-
-
- +
+

Personal Information

+ Edit +
+
+
+
+

First Name

+

Adam

+
+
+

Last Name

+

Laki

+
+
+

Email

+

info@adamlaki.com

+
+
+

Phone

+

+36 555 66 44

+
+
+

Bio

+

Hey, I’m Adam! I’m a passionate, accessibility-focused front-end developer. I develop with Gatsby, 11ty, and WordPress. I like to learn and try out new things in my field.

+
+
+
+
+
+
+

Notifications

+ Edit +
+
+
+
+

News and updates (Email)

+

Enabled

+
+
+

Tips and tutorials (Email)

+

Enabled

+
+
+

Comments (Email)

+

Disabled

+
+
+

Reminders (Email)

+

Disabled

+
+
+

News and updates (Push)

+

Disabled

+
+
+

Tips and tutorials (Push)

+

Disabled

+
+
+

Comments (Push)

+

Enabled

+
+
+

Reminders (Push)

+

Disabled

+
+
+
+
- +
+
+

+ Some rights reserved. Created with Root and Spruce CSS. +

+
+
+ + + + + + + + + + + + + - - - - - - - - - - - - - diff --git a/dist/account/notifications/index.html b/dist/account/notifications/index.html index 2b03f65..fb3ccc7 100644 --- a/dist/account/notifications/index.html +++ b/dist/account/notifications/index.html @@ -1,61 +1,34 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -Account - Spruce CSS Root Admin Template - - - - - - - - - + + + + + + + + + + + + Account - Spruce CSS Root Admin Template + + + + + + + + + - - - - - - - - - - - + }"> +
-
-
-
- -
- - -
- - -
    - -
  1. - - Dashboard - -
    2. - -
  2. - - Account - -
    3. - -
  3. - - Notifications - -
    4. - -
- - -
-
-
- -
-
-

Notifications

- -
-
- -
-
-
- - -
-
-

- Important Weekly Team Meeting -

-

August 9, 2023 12:00

-
- - + - -
- -
-
-

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

-
-
- -
- -
-
-
- - -
-
-

- Upcoming Payment Deadline for Monthly Subscription -

-

August 10, 2023 17:30

- +
    +
  1. + Dashboard +
    2. +
  2. + Account +
    3. +
  3. + Notifications +
    4. +
- -
- -
-
-
- - -
-
-

- 25th Wedding Anniversary Celebration at Grand Hotel -

-

August 15, 2023 20:00

-
- - - -
- -
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+

Notifications

+ +
+
+
+
+
+ +
+
+

+ Important Weekly Team Meeting +

+

August 9, 2023 12:00

+
+ +
+
+
+

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Upcoming Payment Deadline for Monthly Subscription +

+

August 10, 2023 17:30

+
+
+
+
+
+
+ +
+
+

+ 25th Wedding Anniversary Celebration at Grand Hotel +

+

August 15, 2023 20:00

+
+ +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Exclusive Webinar: Unveiling the Latest Industry Trends +

+

August 20, 2023 11:30

+
+
+
+
+
+
+ +
+
+

+ Final Submission Deadline for Project Proposal +

+

August 18, 2023 14:00

+
+
+
+
+
+
+ +
+
+

+ Departure for Exciting Adventure: Traveling to Exotic Destinations +

+

August 25, 2023 10:00

+
+
+
+
+
+
+ +
+
+

+ Highly Anticipated Product Release: Introducing InnovationX +

+

August 30, 2023 16:00

+
+
+
+
+ View all notifications
- -
- -
-
-
- - -
-
-

- Exclusive Webinar: Unveiling the Latest Industry Trends -

-

August 20, 2023 11:30

-
- -
- -
- -
-
-
- - -
-
-

- Final Submission Deadline for Project Proposal -

-

August 18, 2023 14:00

+
+ Adam Laki +
+ Administrator + info@adamlaki.com +
+ +
-
- -
- -
-
-
- - -
-
-

- Departure for Exciting Adventure: Traveling to Exotic Destinations -

-

August 25, 2023 10:00

+
- -
-
-
- - -
-
-

- Highly Anticipated Product Release: Introducing InnovationX -

-

August 30, 2023 16:00

+
+
+
+
+
+

Account

-
- -
- -
- View all notifications -
- - -
- Adam Laki -
- Administrator - info@adamlaki.com -
- - -
- - - - - - - - -
-
-
-
-

Account

- -
- -
-
-
-
- -
- + +

Notifications

-
-
-
- - Email notifications - Configure tools that integrate with Code Scanning to keep the quality of your code under control. - -
- - - - -
-
-
-
-
- - Push notifications - Praesent lobortis imperdiet mattis. - -
- - - - -
-
-
-
-
- - -
- +
+
+
+ + Email notifications + Configure tools that integrate with Code Scanning to keep the quality of your code under control. + +
+ + + + +
+
+
+
+
+ + Push notifications + Praesent lobortis imperdiet mattis. + +
+ + + + +
+
+
+
+
+ + +
- +
+
+

+ Some rights reserved. Created with Root and Spruce CSS. +

+
+
+ + + + + + + + + + + + + - - - - - - - - - - - - - diff --git a/dist/account/password/index.html b/dist/account/password/index.html index 69f0a27..1b6c9a3 100644 --- a/dist/account/password/index.html +++ b/dist/account/password/index.html @@ -1,61 +1,34 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -Account - Spruce CSS Root Admin Template - - - - - - - - - + + + + + + + + + + + + Account - Spruce CSS Root Admin Template + + + + + + + + + - - - - - - - - - - - + }"> +
-
-
-
- -
- - -
- - -
    - -
  1. - - Dashboard - -
    2. - -
  2. - - Account - -
    3. - -
  3. - - Password - -
    4. - -
- - -
-
-
- -
-
-

Notifications

- -
-
- -
-
-
- - -
-
-

- Important Weekly Team Meeting -

-

August 9, 2023 12:00

-
- - + - -
- -
-
-

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

-
-
- -
- -
-
-
- - -
-
-

- Upcoming Payment Deadline for Monthly Subscription -

-

August 10, 2023 17:30

- +
    +
  1. + Dashboard +
    2. +
  2. + Account +
    3. +
  3. + Password +
    4. +
- -
- -
-
-
- - -
-
-

- 25th Wedding Anniversary Celebration at Grand Hotel -

-

August 15, 2023 20:00

-
- - - -
- -
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+

Notifications

+ +
+
+
+
+
+ +
+
+

+ Important Weekly Team Meeting +

+

August 9, 2023 12:00

+
+ +
+
+
+

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Upcoming Payment Deadline for Monthly Subscription +

+

August 10, 2023 17:30

+
+
+
+
+
+
+ +
+
+

+ 25th Wedding Anniversary Celebration at Grand Hotel +

+

August 15, 2023 20:00

+
+ +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Exclusive Webinar: Unveiling the Latest Industry Trends +

+

August 20, 2023 11:30

+
+
+
+
+
+
+ +
+
+

+ Final Submission Deadline for Project Proposal +

+

August 18, 2023 14:00

+
+
+
+
+
+
+ +
+
+

+ Departure for Exciting Adventure: Traveling to Exotic Destinations +

+

August 25, 2023 10:00

+
+
+
+
+
+
+ +
+
+

+ Highly Anticipated Product Release: Introducing InnovationX +

+

August 30, 2023 16:00

+
+
+
+
+ View all notifications
- -
- -
-
-
- - -
-
-

- Exclusive Webinar: Unveiling the Latest Industry Trends -

-

August 20, 2023 11:30

-
- -
- -
- -
-
-
- - -
-
-

- Final Submission Deadline for Project Proposal -

-

August 18, 2023 14:00

+
+ Adam Laki +
+ Administrator + info@adamlaki.com +
+ +
-
- -
- -
-
-
- - -
-
-

- Departure for Exciting Adventure: Traveling to Exotic Destinations -

-

August 25, 2023 10:00

+
- -
-
-
- - -
-
-

- Highly Anticipated Product Release: Introducing InnovationX -

-

August 30, 2023 16:00

+
+
+
+
+
+

Account

-
- -
- -
- View all notifications -
- - -
- Adam Laki -
- Administrator - info@adamlaki.com -
- - -
- - - - - - - - -
-
-
-
-

Account

- -
- -
-
-
-
- -
- + +

Set up a new password

-
-
- - -
-
- - -
-
- - -
-
-
- - -
- +
+
+ + +
+
+ + +
+
+ + +
+
+
+ + +
- +
+
+

+ Some rights reserved. Created with Root and Spruce CSS. +

+
+
+ + + + + + + + + + + + + - - - - - - - - - - - - - diff --git a/dist/account/profile/index.html b/dist/account/profile/index.html index e79ea44..c1d3f54 100644 --- a/dist/account/profile/index.html +++ b/dist/account/profile/index.html @@ -1,61 +1,34 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -Account - Spruce CSS Root Admin Template - - - - - - - - - + + + + + + + + + + + + Account - Spruce CSS Root Admin Template + + + + + + + + + - - - - - - - - - - - + }"> +
-
-
-
- -
- - -
- - -
    - -
  1. - - Dashboard - -
    2. - -
  2. - - Account - -
    3. - -
  3. - - Profile - -
    4. - -
- - -
-
-
- -
-
-

Notifications

- -
-
- -
-
-
- - -
-
-

- Important Weekly Team Meeting -

-

August 9, 2023 12:00

-
- - + - -
- -
-
-

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

-
-
- -
- -
-
-
- - -
-
-

- Upcoming Payment Deadline for Monthly Subscription -

-

August 10, 2023 17:30

- +
    +
  1. + Dashboard +
    2. +
  2. + Account +
    3. +
  3. + Profile +
    4. +
- -
- -
-
-
- - -
-
-

- 25th Wedding Anniversary Celebration at Grand Hotel -

-

August 15, 2023 20:00

-
- - - -
- -
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+

Notifications

+ +
+
+
+
+
+ +
+
+

+ Important Weekly Team Meeting +

+

August 9, 2023 12:00

+
+ +
+
+
+

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Upcoming Payment Deadline for Monthly Subscription +

+

August 10, 2023 17:30

+
+
+
+
+
+
+ +
+
+

+ 25th Wedding Anniversary Celebration at Grand Hotel +

+

August 15, 2023 20:00

+
+ +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Exclusive Webinar: Unveiling the Latest Industry Trends +

+

August 20, 2023 11:30

+
+
+
+
+
+
+ +
+
+

+ Final Submission Deadline for Project Proposal +

+

August 18, 2023 14:00

+
+
+
+
+
+
+ +
+
+

+ Departure for Exciting Adventure: Traveling to Exotic Destinations +

+

August 25, 2023 10:00

+
+
+
+
+
+
+ +
+
+

+ Highly Anticipated Product Release: Introducing InnovationX +

+

August 30, 2023 16:00

+
+
+
+
+ View all notifications
- -
- -
-
-
- - -
-
-

- Exclusive Webinar: Unveiling the Latest Industry Trends -

-

August 20, 2023 11:30

-
- -
- -
- -
-
-
- - -
-
-

- Final Submission Deadline for Project Proposal -

-

August 18, 2023 14:00

+
+ Adam Laki +
+ Administrator + info@adamlaki.com +
+ +
-
- -
- -
-
-
- - -
-
-

- Departure for Exciting Adventure: Traveling to Exotic Destinations -

-

August 25, 2023 10:00

+
- -
-
-
- - -
-
-

- Highly Anticipated Product Release: Introducing InnovationX -

-

August 30, 2023 16:00

+
+
+
+
+
+

Account

-
- -
- -
- View all notifications -
- - -
- Adam Laki -
- Administrator - info@adamlaki.com -
- - -
- - - - - - - - -
-
-
-
-

Account

- -
- -
-
-
-
- -
- + +

Personal Information

-
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
-

Address

-
-
- - -
-
- - -
-
- - -
-
-
- - -
- +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+

Address

+
+
+ + +
+
+ + +
+
+ + +
+
+
+ + +
- +
+
+

+ Some rights reserved. Created with Root and Spruce CSS. +

+
+
+ + + + + + + + + + + + + - - - - - - - - - - - - - diff --git a/dist/categories/index.html b/dist/categories/index.html index c4312e6..958014e 100644 --- a/dist/categories/index.html +++ b/dist/categories/index.html @@ -1,61 +1,34 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -Categories - Spruce CSS Root Admin Template - - - - - - - - - + + + + + + + + + + + + Categories - Spruce CSS Root Admin Template + + + + + + + + + - - - - - - - - - - - + }"> +
-
-
-
- -
- - -
- - -
    - -
  1. - - Dashboard - -
    2. - -
  2. - - Categories - -
    3. - -
- - -
-
-
- -
-
-

Notifications

- -
-
- -
-
-
- - -
-
-

- Important Weekly Team Meeting -

-

August 9, 2023 12:00

-
- - + - -
- -
-
-

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

-
-
- -
- -
-
-
- - -
-
-

- Upcoming Payment Deadline for Monthly Subscription -

-

August 10, 2023 17:30

- +
    +
  1. + Dashboard +
    2. +
  2. + Categories +
    3. +
- -
- -
-
-
- - -
-
-

- 25th Wedding Anniversary Celebration at Grand Hotel -

-

August 15, 2023 20:00

-
- - - -
- -
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+

Notifications

+ +
+
+
+
+
+ +
+
+

+ Important Weekly Team Meeting +

+

August 9, 2023 12:00

+
+ +
+
+
+

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Upcoming Payment Deadline for Monthly Subscription +

+

August 10, 2023 17:30

+
+
+
+
+
+
+ +
+
+

+ 25th Wedding Anniversary Celebration at Grand Hotel +

+

August 15, 2023 20:00

+
+ +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Exclusive Webinar: Unveiling the Latest Industry Trends +

+

August 20, 2023 11:30

+
+
+
+
+
+
+ +
+
+

+ Final Submission Deadline for Project Proposal +

+

August 18, 2023 14:00

+
+
+
+
+
+
+ +
+
+

+ Departure for Exciting Adventure: Traveling to Exotic Destinations +

+

August 25, 2023 10:00

+
+
+
+
+
+
+ +
+
+

+ Highly Anticipated Product Release: Introducing InnovationX +

+

August 30, 2023 16:00

+
+
+
+
+ View all notifications
- -
- -
-
-
- - -
-
-

- Exclusive Webinar: Unveiling the Latest Industry Trends -

-

August 20, 2023 11:30

-
- -
- -
- -
-
-
- - -
-
-

- Final Submission Deadline for Project Proposal -

-

August 18, 2023 14:00

+
+ Adam Laki +
+ Administrator + info@adamlaki.com +
+ +
-
- -
- -
-
-
- - -
-
-

- Departure for Exciting Adventure: Traveling to Exotic Destinations -

-

August 25, 2023 10:00

+
- -
-
-
- - +
+
+
+
+
+

Categories

-
-

- Highly Anticipated Product Release: Introducing InnovationX -

-

August 30, 2023 16:00

+
+ + + Add new category +
-
- -
- -
- View all notifications -
-
- -
- Adam Laki -
- Administrator - info@adamlaki.com -
- - -
- - - - - - - - -
-
-
-
-

Categories

- -
- -
- - - - - - - Add new category - - -
- -
-
-
-
-
-
-
-
- -
-
- - -
-
- - -
-
-
-
- - - - - - - - - - - - - -
- Select - - - - Description 
-
-
-
-
- - -
-

-
- -
- -
-
-
- +
+
+ + + + + + + + + + + + + +
+ Select + + + + Description 
+
+
+
+
+ + +
+

+
+ +
+
+ + - +
+
+

+ Some rights reserved. Created with Root and Spruce CSS. +

+
+
+ + + + + + + + + + + + + - - - - - - - - - - - - - diff --git a/dist/customers/index.html b/dist/customers/index.html index 2d3fc7e..45927a6 100644 --- a/dist/customers/index.html +++ b/dist/customers/index.html @@ -1,61 +1,34 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -Customers - Spruce CSS Root Admin Template - - - - - - - - - + + + + + + + + + + + + Customers - Spruce CSS Root Admin Template + + + + + + + + + - - - - - - - - - - - + }"> +
-
-
-
- -
- - -
- - -
    - -
  1. - - Dashboard - -
    2. - -
  2. - - Customers - -
    3. - -
- - -
-
-
- -
-
-

Notifications

- -
-
- -
-
-
- - -
-
-

- Important Weekly Team Meeting -

-

August 9, 2023 12:00

-
- - + - -
- -
-
-

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

-
-
- -
- -
-
-
- - -
-
-

- Upcoming Payment Deadline for Monthly Subscription -

-

August 10, 2023 17:30

- +
    +
  1. + Dashboard +
    2. +
  2. + Customers +
    3. +
- -
- -
-
-
- - -
-
-

- 25th Wedding Anniversary Celebration at Grand Hotel -

-

August 15, 2023 20:00

-
- - - -
- -
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+

Notifications

+ +
+
+
+
+
+ +
+
+

+ Important Weekly Team Meeting +

+

August 9, 2023 12:00

+
+ +
+
+
+

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Upcoming Payment Deadline for Monthly Subscription +

+

August 10, 2023 17:30

+
+
+
+
+
+
+ +
+
+

+ 25th Wedding Anniversary Celebration at Grand Hotel +

+

August 15, 2023 20:00

+
+ +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Exclusive Webinar: Unveiling the Latest Industry Trends +

+

August 20, 2023 11:30

+
+
+
+
+
+
+ +
+
+

+ Final Submission Deadline for Project Proposal +

+

August 18, 2023 14:00

+
+
+
+
+
+
+ +
+
+

+ Departure for Exciting Adventure: Traveling to Exotic Destinations +

+

August 25, 2023 10:00

+
+
+
+
+
+
+ +
+
+

+ Highly Anticipated Product Release: Introducing InnovationX +

+

August 30, 2023 16:00

+
+
+
+
+ View all notifications
- -
- -
-
-
- - -
-
-

- Exclusive Webinar: Unveiling the Latest Industry Trends -

-

August 20, 2023 11:30

-
- -
- -
- -
-
-
- - -
-
-

- Final Submission Deadline for Project Proposal -

-

August 18, 2023 14:00

+
+ Adam Laki +
+ Administrator + info@adamlaki.com +
+ +
-
- -
- -
-
-
- - -
-
-

- Departure for Exciting Adventure: Traveling to Exotic Destinations -

-

August 25, 2023 10:00

+
- -
-
-
- - +
+
+
+
+
+

Customers

-
-

- Highly Anticipated Product Release: Introducing InnovationX -

-

August 30, 2023 16:00

+
+ + + Add new customer +
-
-
- -
- View all notifications -
-
- -
- Adam Laki -
- Administrator - info@adamlaki.com -
- - -
- - - - - - - - -
-
-
-
-

Customers

-
- -
- - - - - - - Add new customer - - -
- -
-
-
-
-
-
-
-
- - - -
-
-
-
-
-
- -
-
- - -
-
- - -
-
-
-
- - - - - - - - - - - - - - - -
- Select - - Image - - - - Email 
-
-
-
-
- - -
-

-
- -
- -
-
-
- +
+
+ + + + + + + + + + + + + + + +
+ Select + + Image + + + + Email 
+
+
+
+
+ + +
+

+
+ +
+
+ + - +
+
+

+ Some rights reserved. Created with Root and Spruce CSS. +

+
+
+ + + + + + + + + + + + + - - - - - - - - - - - - - diff --git a/dist/index.html b/dist/index.html index b140ff5..fddeb2a 100644 --- a/dist/index.html +++ b/dist/index.html @@ -1,61 +1,34 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -Spruce CSS Root Admin Template - - - - - - - - - + + + + + + + + + + + + Spruce CSS Root Admin Template + + + + + + + + + - - - - - - - - - - - + }"> +
-
-
-
- -
- - -
- - - -
-
-
- -
-
-

Notifications

- -
-
- -
-
-
- - -
-
-

- Important Weekly Team Meeting -

-

August 9, 2023 12:00

-
- - + - -
- -
-
-

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

-
-
- -
- -
-
-
- - -
-
-

- Upcoming Payment Deadline for Monthly Subscription -

-

August 10, 2023 17:30

-
- -
- -
-
-
- - -
-
-

- 25th Wedding Anniversary Celebration at Grand Hotel -

-

August 15, 2023 20:00

-
- - - -
- -
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+

Notifications

+ +
+
+
+
+
+ +
+
+

+ Important Weekly Team Meeting +

+

August 9, 2023 12:00

+
+ +
+
+
+

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Upcoming Payment Deadline for Monthly Subscription +

+

August 10, 2023 17:30

+
+
+
+
+
+
+ +
+
+

+ 25th Wedding Anniversary Celebration at Grand Hotel +

+

August 15, 2023 20:00

+
+ +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Exclusive Webinar: Unveiling the Latest Industry Trends +

+

August 20, 2023 11:30

+
+
+
+
+
+
+ +
+
+

+ Final Submission Deadline for Project Proposal +

+

August 18, 2023 14:00

+
+
+
+
+
+
+ +
+
+

+ Departure for Exciting Adventure: Traveling to Exotic Destinations +

+

August 25, 2023 10:00

+
+
+
+
+
+
+ +
+
+

+ Highly Anticipated Product Release: Introducing InnovationX +

+

August 30, 2023 16:00

+
+
+
+
+ View all notifications
- -
- -
-
-
- - -
-
-

- Exclusive Webinar: Unveiling the Latest Industry Trends -

-

August 20, 2023 11:30

-
- -
- -
- -
-
-
- - -
-
-

- Final Submission Deadline for Project Proposal -

-

August 18, 2023 14:00

+
+ Adam Laki +
+ Administrator + info@adamlaki.com +
+ +
-
- -
- -
-
-
- - -
-
-

- Departure for Exciting Adventure: Traveling to Exotic Destinations -

-

August 25, 2023 10:00

+
- -
-
-
- - +
+
+
+
+
+

Home

+
+

Hey Adam, welcome back! Here is your personal dashboard.

+
-
-

- Highly Anticipated Product Release: Introducing InnovationX -

-

August 30, 2023 16:00

+
+ + + Orders +
-
- -
- -
- View all notifications -
-
- -
- Adam Laki -
- Administrator - info@adamlaki.com -
- - -
- - - - - - - - -
-
-
-
-

Home

- -
-

Hey Adam, welcome back! Here is your personal dashboard.

-
- -
- -
- - - - - - - Orders - - -
- -
-
-
-
-
-
-

Orders

-

65

- -
- +12% - - - - -
- -
-
-
-
-
- - - +
+

Orders

+

65

+
+ +12% + +
+
+
+
+
+
-
-

Customers

-

54

- -
- +6% - - - - -
- -
-
-
-
-
- - - +
+

Customers

+

54

+
+ +6% + +
+
+
+
+
+
-
-

Users

-

184

- -
- -12% - - - - -
- -
-
-
-
-
- +
+

Users

+

184

+
+ -12% + +
+
+
+
+
+
-
-

Orders

-
- - -
-
-
-
-
-
- +
+

Orders

+
+ + +
+
+
+
+
+
-
-

Active Users

-
-
-
-
-
- +
+

Active Users

+
+
+
+
+ - +
+
+

+ Some rights reserved. Created with Root and Spruce CSS. +

+
+
+ + + + + + + + + + + + + - - - - - - - - - - - - - diff --git a/dist/item/edit/index.html b/dist/item/edit/index.html index dfca250..029b8de 100644 --- a/dist/item/edit/index.html +++ b/dist/item/edit/index.html @@ -1,61 +1,34 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -Add/Edit Item - Spruce CSS Root Admin Template - - - - - - - - - + + + + + + + + + + + + Add/Edit Item - Spruce CSS Root Admin Template + + + + + + + + + - - - - - - - - - - - + }"> +
-
-
-
- -
- - -
- - -
    - -
  1. - - Dashboard - -
    2. - -
  2. - - Products - -
    3. - -
  3. - - Edit - -
    4. - -
- - -
-
-
- -
-
-

Notifications

- -
-
- -
-
-
- - -
-
-

- Important Weekly Team Meeting -

-

August 9, 2023 12:00

-
- - + - -
- -
-
-

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

-
-
- -
- -
-
-
- - -
-
-

- Upcoming Payment Deadline for Monthly Subscription -

-

August 10, 2023 17:30

- +
    +
  1. + Dashboard +
    2. +
  2. + Products +
    3. +
  3. + Edit +
    4. +
- -
- -
-
-
- - -
-
-

- 25th Wedding Anniversary Celebration at Grand Hotel -

-

August 15, 2023 20:00

-
- - - -
- -
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+

Notifications

+ +
+
+
+
+
+ +
+
+

+ Important Weekly Team Meeting +

+

August 9, 2023 12:00

+
+ +
+
+
+

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Upcoming Payment Deadline for Monthly Subscription +

+

August 10, 2023 17:30

+
+
+
+
+
+
+ +
+
+

+ 25th Wedding Anniversary Celebration at Grand Hotel +

+

August 15, 2023 20:00

+
+ +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Exclusive Webinar: Unveiling the Latest Industry Trends +

+

August 20, 2023 11:30

+
+
+
+
+
+
+ +
+
+

+ Final Submission Deadline for Project Proposal +

+

August 18, 2023 14:00

+
+
+
+
+
+
+ +
+
+

+ Departure for Exciting Adventure: Traveling to Exotic Destinations +

+

August 25, 2023 10:00

+
+
+
+
+
+
+ +
+
+

+ Highly Anticipated Product Release: Introducing InnovationX +

+

August 30, 2023 16:00

+
+
+
+
+ View all notifications
- -
- -
-
-
- - -
-
-

- Exclusive Webinar: Unveiling the Latest Industry Trends -

-

August 20, 2023 11:30

-
- -
- -
- -
-
-
- - -
-
-

- Final Submission Deadline for Project Proposal -

-

August 18, 2023 14:00

+
+ Adam Laki +
+ Administrator + info@adamlaki.com +
+ +
-
- -
- -
-
-
- - -
-
-

- Departure for Exciting Adventure: Traveling to Exotic Destinations -

-

August 25, 2023 10:00

+
- -
-
-
- - +
+
+
+
+
+

Add/Edit Item

-
-

- Highly Anticipated Product Release: Introducing InnovationX -

-

August 30, 2023 16:00

+
+ + + View item +
-
- -
- -
- View all notifications -
-
- -
- Adam Laki -
- Administrator - info@adamlaki.com -
- - -
- - - - - - - - -
-
-
-
-

Add/Edit Item

- -
- -
- - - - - - - View item - - -
- -
-
-
-
@@ -899,8 +625,9 @@

General

- - + + Just a help text for presentation purpose
@@ -912,48 +639,29 @@

General

- -
-
- - - -
- - - - - piece - - -
- +
+ + + +
+ + + piece + +
@@ -965,177 +673,153 @@

General

-
-
-
- - -
-
-

Upload a product image

-
    -
  • Accepted formats: JPG, PNG
    • -
  • Maximum upload limit: 5 MB
    • -
-
- - -
-
-
-
- +
+
+
+ +
+
+

Upload a product image

+
    +
  • Accepted formats: JPG, PNG
    • +
  • Maximum upload limit: 5 MB
    • +
+
+ + +
+
+
+
-
-
- -
- - - - - -
-
- - - - -
-
- - -
-
- - -
-
- -
-
- - -
-
-
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id pellentesque mi. Nunc euismod libero vitae facilisis iaculis. Praesent porttitor eros ut lacinia pretium. Morbi sed tortor fringilla, tempor ligula vel, suscipit velit. Duis imperdiet sodales rhoncus. Cras ut mi mattis, imperdiet erat sit amet, fermentum metus. Quisque eu eros mi. Duis eget leo commodo, placerat ante nec, tristique neque. Aenean urna velit, laoreet hendrerit maximus non, commodo in eros. Praesent vitae accumsan magna.

- -

Integer efficitur fermentum nulla, eget condimentum erat placerat at. Etiam malesuada convallis mi, eget accumsan arcu blandit in. Morbi in quam in lacus vestibulum elementum. Nam ultrices nisi a tincidunt ornare. Cras commodo ultricies nisl, sed pellentesque tellus elementum eget. Duis eu ante efficitur, eleifend elit eget, suscipit justo.

- -
    -
  • Integer lacinia bibendum felis vel lacinia. Donec lobortis convallis tincidunt.
    • -
  • Vestibulum non rutrum magna. Nullam lacinia elit non gravida tempor. Interdum et malesuada fames ac ante ipsum primis in faucibus.
    • -
  • Suspendisse mollis congue nunc cursus euismod. Vestibulum posuere nunc eget aliquet semper.
    • -
  • Nam lacinia elit eu eros lacinia, at bibendum urna faucibus. Sed sed mi ultricies, ullamcorper magna in, interdum mauris.
    • -
-
-
-
- +
+
+ +
+ + + + + +
+
+ + + + +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id pellentesque mi. Nunc euismod libero vitae facilisis iaculis. Praesent porttitor eros ut lacinia pretium. Morbi sed tortor fringilla, tempor ligula vel, suscipit velit. Duis imperdiet sodales rhoncus. Cras ut mi mattis, imperdiet erat sit amet, fermentum metus. Quisque eu eros mi. Duis eget leo commodo, placerat ante nec, tristique neque. Aenean urna velit, laoreet hendrerit maximus non, commodo in eros. Praesent vitae accumsan magna.

+

Integer efficitur fermentum nulla, eget condimentum erat placerat at. Etiam malesuada convallis mi, eget accumsan arcu blandit in. Morbi in quam in lacus vestibulum elementum. Nam ultrices nisi a tincidunt ornare. Cras commodo ultricies nisl, sed pellentesque tellus elementum eget. Duis eu ante efficitur, eleifend elit eget, suscipit justo.

+
    +
  • Integer lacinia bibendum felis vel lacinia. Donec lobortis convallis tincidunt.
    • +
  • Vestibulum non rutrum magna. Nullam lacinia elit non gravida tempor. Interdum et malesuada fames ac ante ipsum primis in faucibus.
    • +
  • Suspendisse mollis congue nunc cursus euismod. Vestibulum posuere nunc eget aliquet semper.
    • +
  • Nam lacinia elit eu eros lacinia, at bibendum urna faucibus. Sed sed mi ultricies, ullamcorper magna in, interdum mauris.
    • +
+
+
+
Gallery -
General this.open = false; $refs.open.focus(); } - }" -> - -
    - -
  • -
    - - pic1234.jpg -
    -
    - - - -
    -
    • -
  • -
    - - - - - document5678.pdf -
    -
    - - - -
    -
    • -
  • -
    - - image5678.png -
    -
    - - - -
    -
    • -
  • -
    - - photo91011.gif -
    -
    - - - -
    -
    • -
- - -
- + }"> + +
    + +
  • +
    + + pic1234.jpg +
    +
    + + + +
    +
    • +
  • +
    + + + + document5678.pdf +
    +
    + + + +
    +
    • +
  • +
    + + image5678.png +
    +
    + + + +
    +
    • +
  • +
    + + photo91011.gif +
    +
    + + + +
    +
    • +
+ +
- -
-
- -
-
- -
-
    - -
  • - No results found. -
    • -
-
-
- -
-
- - - + +
+
+ +
+
+ +
+
    + +
  • + No results found. +
    • +
+
+
+ +
+
+
Modal -
- - -
- + }"> + + +
@@ -1868,152 +1411,120 @@

Repeater

Section builder -
-
-
-
- -

- #1 - YouTube Video -

-
-
- - - -
-
-
-
-
- - -
-
- - -
-
- - -
-
-
-
-
-
-
- -

- #2 - Testimonial -

-
-
- - - -
-
-
-
-
- - -
-
- - -
-
-
-
-
- -
    -
  • - -
    • -
  • - -
    • -
-
-
- +
+
+
+
+ +

+ #1 + YouTube Video +

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

+ #2 + Testimonial +

+
+
+ + + +
+
+
+
+
+ + +
+
+ + +
+
+
+
+
+ +
    +
  • + +
    • +
  • + +
    • +
+
+
@@ -2025,15 +1536,15 @@

Metadata

- +
- +
- +
@@ -2046,7 +1557,7 @@

SEO

- +
@@ -2067,7 +1578,7 @@

Settings

$
- +
.00
@@ -2081,7 +1592,7 @@

Settings

@@ -2102,29 +1613,27 @@

Settings

- +
+
+

+ Some rights reserved. Created with Root and Spruce CSS. +

+
+
+ + + + + + + + + + + + + - - - - - - - - - - - - - diff --git a/dist/item/view/index.html b/dist/item/view/index.html index c59548f..88ebe1f 100644 --- a/dist/item/view/index.html +++ b/dist/item/view/index.html @@ -1,61 +1,34 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -View Item - Spruce CSS Root Admin Template - - - - - - - - - + + + + + + + + + + + + View Item - Spruce CSS Root Admin Template + + + + + + + + + - - - - - - - - - - - + }"> +
-
-
-
- -
- - -
- - -
    - -
  1. - - Dashboard - -
    2. - -
  2. - - Products - -
    3. - -
  3. - - View - -
    4. - -
- - -
-
-
- -
-
-

Notifications

- -
-
- -
-
-
- - -
-
-

- Important Weekly Team Meeting -

-

August 9, 2023 12:00

-
- - + - -
- -
-
-

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

-
-
- -
- -
-
-
- - -
-
-

- Upcoming Payment Deadline for Monthly Subscription -

-

August 10, 2023 17:30

- +
    +
  1. + Dashboard +
    2. +
  2. + Products +
    3. +
  3. + View +
    4. +
- -
- -
-
-
- - -
-
-

- 25th Wedding Anniversary Celebration at Grand Hotel -

-

August 15, 2023 20:00

-
- - - -
- -
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+

Notifications

+ +
+
+
+
+
+ +
+
+

+ Important Weekly Team Meeting +

+

August 9, 2023 12:00

+
+ +
+
+
+

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Upcoming Payment Deadline for Monthly Subscription +

+

August 10, 2023 17:30

+
+
+
+
+
+
+ +
+
+

+ 25th Wedding Anniversary Celebration at Grand Hotel +

+

August 15, 2023 20:00

+
+ +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Exclusive Webinar: Unveiling the Latest Industry Trends +

+

August 20, 2023 11:30

+
+
+
+
+
+
+ +
+
+

+ Final Submission Deadline for Project Proposal +

+

August 18, 2023 14:00

+
+
+
+
+
+
+ +
+
+

+ Departure for Exciting Adventure: Traveling to Exotic Destinations +

+

August 25, 2023 10:00

+
+
+
+
+
+
+ +
+
+

+ Highly Anticipated Product Release: Introducing InnovationX +

+

August 30, 2023 16:00

+
+
+
+
+ View all notifications
- -
- -
-
-
- - -
-
-

- Exclusive Webinar: Unveiling the Latest Industry Trends -

-

August 20, 2023 11:30

-
- -
- -
- -
-
-
- - -
-
-

- Final Submission Deadline for Project Proposal -

-

August 18, 2023 14:00

+
+ Adam Laki +
+ Administrator + info@adamlaki.com +
+ +
-
- -
- -
-
-
- - -
-
-

- Departure for Exciting Adventure: Traveling to Exotic Destinations -

-

August 25, 2023 10:00

+
- -
-
-
- - +
+
+
+
+
+

View Item

-
-

- Highly Anticipated Product Release: Introducing InnovationX -

-

August 30, 2023 16:00

+
+ + + Edit item + + + Delete +
-
- -
- -
- View all notifications -
-
- -
- Adam Laki -
- Administrator - info@adamlaki.com -
- - -
- - - - - - - - -
-
-
-
-

View Item

- -
- -
- - - - - - - Edit item - - - - - Delete - - -
- -
-
-
-
@@ -978,29 +702,27 @@

View Item

-
-
-

- Some rights reserved. Created with Root and Spruce CSS. -

-
-
-
- +
+
+

+ Some rights reserved. Created with Root and Spruce CSS. +

+
+
+
+ + + + + + + + + + + + - - - - - - - - - - - - - diff --git a/dist/orders/index.html b/dist/orders/index.html index 3cad45a..6023bbe 100644 --- a/dist/orders/index.html +++ b/dist/orders/index.html @@ -1,61 +1,34 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -Orders - Spruce CSS Root Admin Template - - - - - - - - - + + + + + + + + + + + + Orders - Spruce CSS Root Admin Template + + + + + + + + + - - - - - - - - - - - + }"> +
-
-
-
- -
- - -
- - -
    - -
  1. - - Dashboard - -
    2. - -
  2. - - Orders - -
    3. - -
- - -
-
-
- -
-
-

Notifications

- -
-
- -
-
-
- - -
-
-

- Important Weekly Team Meeting -

-

August 9, 2023 12:00

-
- - + - -
- -
-
-

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

-
-
- -
- -
-
-
- - -
-
-

- Upcoming Payment Deadline for Monthly Subscription -

-

August 10, 2023 17:30

- +
    +
  1. + Dashboard +
    2. +
  2. + Orders +
    3. +
- -
- -
-
-
- - -
-
-

- 25th Wedding Anniversary Celebration at Grand Hotel -

-

August 15, 2023 20:00

-
- - - -
- -
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+

Notifications

+ +
+
+
+
+
+ +
+
+

+ Important Weekly Team Meeting +

+

August 9, 2023 12:00

+
+ +
+
+
+

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Upcoming Payment Deadline for Monthly Subscription +

+

August 10, 2023 17:30

+
+
+
+
+
+
+ +
+
+

+ 25th Wedding Anniversary Celebration at Grand Hotel +

+

August 15, 2023 20:00

+
+ +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Exclusive Webinar: Unveiling the Latest Industry Trends +

+

August 20, 2023 11:30

+
+
+
+
+
+
+ +
+
+

+ Final Submission Deadline for Project Proposal +

+

August 18, 2023 14:00

+
+
+
+
+
+
+ +
+
+

+ Departure for Exciting Adventure: Traveling to Exotic Destinations +

+

August 25, 2023 10:00

+
+
+
+
+
+
+ +
+
+

+ Highly Anticipated Product Release: Introducing InnovationX +

+

August 30, 2023 16:00

+
+
+
+
+ View all notifications
- -
- -
-
-
- - -
-
-

- Exclusive Webinar: Unveiling the Latest Industry Trends -

-

August 20, 2023 11:30

-
- -
- -
- -
-
-
- - -
-
-

- Final Submission Deadline for Project Proposal -

-

August 18, 2023 14:00

+
+ Adam Laki +
+ Administrator + info@adamlaki.com +
+ +
-
- -
- -
-
-
- - -
-
-

- Departure for Exciting Adventure: Traveling to Exotic Destinations -

-

August 25, 2023 10:00

+
- -
-
-
- - +
+
+
+
+
+

Orders

-
-

- Highly Anticipated Product Release: Introducing InnovationX -

-

August 30, 2023 16:00

+
+ + + Add new order +
-
- -
- -
- View all notifications -
-
- -
- Adam Laki -
- Administrator - info@adamlaki.com -
- - -
- - - - - - - - -
-
-
-
-

Orders

- -
- -
- - - - - - - Add new order - - -
- -
-
-
-
-
-
-
-
- - - -
-
- -
-
-
- - +
+
+
+ + + + +
+ +
+
+
+ + +
+
+ + +
+
+
+
+
-
- - +
+
+
+ +
+
+ + +
+
+ + +
+
+
+
+ + + + + + + + + + + + + + + +
+ Select + + ID + + + + Customer 
+
+
+
+
+ + +
+

+
+ +
+
- -
-
-
-
-
-
-
- -
-
- - -
-
- -
-
- - - - - - - - - - - - - - - -
- Select - - ID - - - - Customer 
-
-
-
-
- - -
-

-
- -
- -
-
-
- -
-
-
-
-

- Some rights reserved. Created with Root and Spruce CSS. -

-
-
-
- +
+
+

+ Some rights reserved. Created with Root and Spruce CSS. +

+
+
+
+ + + + + + + + + + + + - - - - - - - - - - - - - diff --git a/dist/password-reset/index.html b/dist/password-reset/index.html index 83e12ba..a2c5c78 100644 --- a/dist/password-reset/index.html +++ b/dist/password-reset/index.html @@ -1,61 +1,34 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -Forgot Password - Spruce CSS Root Admin Template - - - - - - - - - + + + + + + + + + + + + Forgot Password - Spruce CSS Root Admin Template + + + + + + + + + - - - - - - - - - - - + }"> +
-

Password
Reset

-

Don't worry, it happens. Please, give us your email associated with your account.

-
-
-
- - -
-
- -
-
-
-
- +

Password +
Reset +

+

Don't worry, it happens. Please, give us your email associated with your account.

+
+
+
+ + +
+
+ +
+
+
+
-

Not a member? Sign Up

+

Not a member? Sign Up +

+ + + + + + + + + + + + - - - - - - - - - - - - - diff --git a/dist/products/index.html b/dist/products/index.html index 0cdfb92..aff1b4b 100644 --- a/dist/products/index.html +++ b/dist/products/index.html @@ -1,61 +1,34 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -Products - Spruce CSS Root Admin Template - - - - - - - - - + + + + + + + + + + + + Products - Spruce CSS Root Admin Template + + + + + + + + + - - - - - - - - - - - + }"> +
-
-
-
- -
- - -
- - -
    - -
  1. - - Dashboard - -
    2. - -
  2. - - Products - -
    3. - -
- - -
-
-
- -
-
-

Notifications

- -
-
- -
-
-
- - -
-
-

- Important Weekly Team Meeting -

-

August 9, 2023 12:00

-
- - + - -
- -
-
-

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

-
-
- -
- -
-
-
- - -
-
-

- Upcoming Payment Deadline for Monthly Subscription -

-

August 10, 2023 17:30

- +
    +
  1. + Dashboard +
    2. +
  2. + Products +
    3. +
- -
- -
-
-
- - -
-
-

- 25th Wedding Anniversary Celebration at Grand Hotel -

-

August 15, 2023 20:00

-
- - - -
- -
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+

Notifications

+ +
+
+
+
+
+ +
+
+

+ Important Weekly Team Meeting +

+

August 9, 2023 12:00

+
+ +
+
+
+

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Upcoming Payment Deadline for Monthly Subscription +

+

August 10, 2023 17:30

+
+
+
+
+
+
+ +
+
+

+ 25th Wedding Anniversary Celebration at Grand Hotel +

+

August 15, 2023 20:00

+
+ +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Exclusive Webinar: Unveiling the Latest Industry Trends +

+

August 20, 2023 11:30

+
+
+
+
+
+
+ +
+
+

+ Final Submission Deadline for Project Proposal +

+

August 18, 2023 14:00

+
+
+
+
+
+
+ +
+
+

+ Departure for Exciting Adventure: Traveling to Exotic Destinations +

+

August 25, 2023 10:00

+
+
+
+
+
+
+ +
+
+

+ Highly Anticipated Product Release: Introducing InnovationX +

+

August 30, 2023 16:00

+
+
+
+
+ View all notifications
- -
- -
-
-
- - -
-
-

- Exclusive Webinar: Unveiling the Latest Industry Trends -

-

August 20, 2023 11:30

-
- -
- -
- -
-
-
- - -
-
-

- Final Submission Deadline for Project Proposal -

-

August 18, 2023 14:00

+
+ Adam Laki +
+ Administrator + info@adamlaki.com +
+ +
-
- -
- -
-
-
- - -
-
-

- Departure for Exciting Adventure: Traveling to Exotic Destinations -

-

August 25, 2023 10:00

+
- -
-
-
- - +
+
+
+
+
+

Products

-
-

- Highly Anticipated Product Release: Introducing InnovationX -

-

August 30, 2023 16:00

+
+ + + Add new product +
-
- -
- -
- View all notifications -
-
- -
- Adam Laki -
- Administrator - info@adamlaki.com -
- - -
- -
- - - - - - -
-
-
-
-

Products

- -
- -
- - - - - - - Add new product - - -
- -
-
-
-
-
- -
- - -
- -
-

Total Products

-
-

341

- -
- +12% - - - - -
- -
-
-
- - +
+ +
+
+

Total Products

+
+

341

+
+ +12% + +
+
+
+
- -
- - -
- -
-

Total Inventory

-
-

2,340

- -
-
-
- - +
+ +
+
+

Total Inventory

+
+

2,340

+
+
+
- -
- - -
- -
-

Best Selling

-
-

ZephyrFit Fitness Tracker

- -
-
-
- +
+ +
+
+

Best Selling

+
+

ZephyrFit Fitness Tracker

+
+
+
-
-
-
-
- - - -
-
- -
-
-
- - +
+
+
+ + + + +
+ +
+
+
+ + +
+
+ + +
+
+
+
+
-
- - +
+
+
+ +
+
+ + +
+
+ + +
+
+
+
+ + + + + + + + + + + + + + + + + +
+ Select + + Image + + + + SKUQtyStatus 
+
+
+
+
+ + +
+

+
+ +
+
- -
-
-
-
-
-
-
- -
-
- - -
-
- -
-
- - - - - - - - - - - - - - - - - -
- Select - - Image - - - - SKUQtyStatus 
-
-
-
-
- - -
-

-
- -
- -
-
-
- -
-
-
-
-

- Some rights reserved. Created with Root and Spruce CSS. -

-
-
-
- +
+
+

+ Some rights reserved. Created with Root and Spruce CSS. +

+
+
+
+ + + + + + + + + + + + - - - - - - - - - - - - - diff --git a/dist/settings/index.html b/dist/settings/index.html index 1133587..a1d2560 100644 --- a/dist/settings/index.html +++ b/dist/settings/index.html @@ -1,61 +1,34 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -Settings - Spruce CSS Root Admin Template - - - - - - - - - + + + + + + + + + + + + Settings - Spruce CSS Root Admin Template + + + + + + + + + - - - - - - - - - - - + }"> +
-
-
-
- -
- - -
- - -
    - -
  1. - - Dashboard - -
    2. - -
  2. - - Settings - -
    3. - -
- - -
-
-
- -
-
-

Notifications

- -
-
- -
-
-
- - -
-
-

- Important Weekly Team Meeting -

-

August 9, 2023 12:00

-
- - + - -
- -
-
-

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

-
-
- -
- -
-
-
- - -
-
-

- Upcoming Payment Deadline for Monthly Subscription -

-

August 10, 2023 17:30

- +
    +
  1. + Dashboard +
    2. +
  2. + Settings +
    3. +
- -
- -
-
-
- - -
-
-

- 25th Wedding Anniversary Celebration at Grand Hotel -

-

August 15, 2023 20:00

-
- - - -
- -
-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+

Notifications

+ +
+
+
+
+
+ +
+
+

+ Important Weekly Team Meeting +

+

August 9, 2023 12:00

+
+ +
+
+
+

Maecenas ornare diam id ante lacinia volutpat. Sed in aliquam lorem. Praesent venenatis, purus eu dictum fringilla, mauris nisl lacinia nulla, et tempus purus magna a purus.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Upcoming Payment Deadline for Monthly Subscription +

+

August 10, 2023 17:30

+
+
+
+
+
+
+ +
+
+

+ 25th Wedding Anniversary Celebration at Grand Hotel +

+

August 15, 2023 20:00

+
+ +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas congue est quis justo tempor vulputate.

+

Nullam scelerisque lectus at felis gravida pretium. Integer eget ullamcorper ipsum. Vestibulum dignissim bibendum velit id tincidunt.

+
+
+
+
+
+
+ +
+
+

+ Exclusive Webinar: Unveiling the Latest Industry Trends +

+

August 20, 2023 11:30

+
+
+
+
+
+
+ +
+
+

+ Final Submission Deadline for Project Proposal +

+

August 18, 2023 14:00

+
+
+
+
+
+
+ +
+
+

+ Departure for Exciting Adventure: Traveling to Exotic Destinations +

+

August 25, 2023 10:00

+
+
+
+
+
+
+ +
+
+

+ Highly Anticipated Product Release: Introducing InnovationX +

+

August 30, 2023 16:00

+
+
+
+
+ View all notifications
- -
- -
-
-
- - -
-
-

- Exclusive Webinar: Unveiling the Latest Industry Trends -

-

August 20, 2023 11:30

-
- -
- -
- -
-
-
- - -
-
-

- Final Submission Deadline for Project Proposal -

-

August 18, 2023 14:00

+
+ Adam Laki +
+ Administrator + info@adamlaki.com +
+ +
-
- -
- -
-
-
- - -
-
-

- Departure for Exciting Adventure: Traveling to Exotic Destinations -

-

August 25, 2023 10:00

+
- -
-
-
- - -
-
-

- Highly Anticipated Product Release: Introducing InnovationX -

-

August 30, 2023 16:00

+
+
+
+
+
+

Settings

-
-
- -
- View all notifications -
- - -
- Adam Laki -
- Administrator - info@adamlaki.com -
- - -
- - - - - - - - -
-
-
-
-

Settings

-
- -
-
-
-
- -
-
-
-

Account

-

Change your account settings.

-
-
- Edit -
+
+
+
+

Account

+

Change your account settings.

+
+
+ Edit
- -
-
-
-

Privacy

-

Change your privacy settings.

-
-
- Edit -
+
+
+
+
+

Privacy

+

Change your privacy settings.

+
+
+ Edit
- -
-
-
-

Security

-

Change your security settings.

-
-
- Edit -
+
+
+
+
+

Security

+

Change your security settings.

+
+
+ Edit
- -
-
-
-

Notifications

-

Change your notification settings.

-
-
- Edit -
+
+
+
+
+

Notifications

+

Change your notification settings.

+
+
+ Edit
- -
-
-
-

Billing

-

Change your billing settings.

-
-
- Edit -
+
+
+
+
+

Billing

+

Change your billing settings.

+
+
+ Edit
- -
-
-
-

Integrations

-

Change your integration settings.

-
-
- Edit -
+
+
+
+
+

Integrations

+

Change your integration settings.

+
+
+ Edit
- +
-
-
-

- Some rights reserved. Created with Root and Spruce CSS. -

-
-
-
- +
+
+

+ Some rights reserved. Created with Root and Spruce CSS. +

+
+
+
+ + + + + + + + + + + + - - - - - - - - - - - - - diff --git a/dist/sign-in/index.html b/dist/sign-in/index.html index 8138a9a..640c9b9 100644 --- a/dist/sign-in/index.html +++ b/dist/sign-in/index.html @@ -1,61 +1,34 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -Login - Spruce CSS Root Admin Template - - - - - - - - - + + + + + + + + + + + + Login - Spruce CSS Root Admin Template + + + + + + + + + - - - - - - - - - - - + }"> +
-

Sign In

-

Hey there, welcome back!

-
-
- - -
- - -
-
- - -
-
- -
-
- -
-
-
-
- +

Sign In

+

Hey there, welcome back!

+
+
+ + +
+ + +
+
+ + +
+
+ +
+
+ +
+
+
+
-

Not a member? Sign Up

+

Not a member? Sign Up +

+ + + + + + + + + + + + - - - - - - - - - - - - - diff --git a/dist/sign-up/index.html b/dist/sign-up/index.html index 563fa37..f636645 100644 --- a/dist/sign-up/index.html +++ b/dist/sign-up/index.html @@ -1,61 +1,34 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -Registration - Spruce CSS Root Admin Template - - - - - - - - - + + + + + + + + + + + + Registration - Spruce CSS Root Admin Template + + + + + + + + + - - - - - - - - - - - + }"> +
-

Sign Up

-

Enter your details and register.

-
-
- - -
- - -
-
- - -
-
-
- - -
-
- - +

Sign Up

+

Enter your details and register.

+ +
+ + +
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ +
+
+ +
+
+
-
-
- -
-
- -
-
- -
-
-

Not a member? Sign Up

+

Not a member? Sign Up +

+ + + + + + + + + + + + - - - - - - - - - - - - - diff --git a/src/css/main.css b/src/css/main.css index 60aff94..1f4c956 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -1,4460 +1 @@ -@font-face { - font-display: swap; - font-family: "Manrope"; - font-style: normal; - font-weight: 400; - src: url("../../font/manrope-v14-latin-regular.woff2") format("woff2"); -} -@font-face { - font-display: swap; - font-family: "Manrope"; - font-style: normal; - font-weight: 500; - src: url("../../font/manrope-v14-latin-500.woff2") format("woff2"); -} -@font-face { - font-display: swap; - font-family: "Manrope"; - font-style: normal; - font-weight: 600; - src: url("../../font/manrope-v14-latin-600.woff2") format("woff2"); -} -@font-face { - font-display: swap; - font-family: "Manrope"; - font-style: normal; - font-weight: 700; - src: url("../../font/manrope-v14-latin-800.woff2") format("woff2"); -} -@font-face { - font-display: swap; - font-family: "Open Sans"; - font-style: normal; - font-weight: 400; - src: url("../../font/open-sans-v35-latin-regular.woff2") format("woff2"); -} -@font-face { - font-display: swap; - font-family: "Open Sans"; - font-style: normal; - font-weight: 700; - src: url("../../font/open-sans-v35-latin-700.woff2") format("woff2"); -} -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ -/* Document - ========================================================================== */ -/** -* 1. Correct the line height in all browsers. -* 2. Prevent adjustments of font size after orientation changes in iOS. -*/ -html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/* Sections - ========================================================================== */ -/** -* Remove the margin in all browsers. -*/ -body { - margin: 0; -} - -/** -* Render the `main` element consistently in IE. -*/ -main { - display: block; -} - -/** -* Correct the font size and margin on `h1` elements within `section` and -* `article` contexts in Chrome, Firefox, and Safari. -*/ -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/* Grouping content - ========================================================================== */ -/** -* 1. Add the correct box sizing in Firefox. -* 2. Show the overflow in Edge and IE. -*/ -hr { - box-sizing: content-box; /* 1 */ - block-size: 0; /* 1 */ - overflow: visible; /* 2 */ -} - -/** -* 1. Correct the inheritance and scaling of font size in all browsers. -* 2. Correct the odd `em` font sizing in all browsers. -*/ -pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/* Text-level semantics - ========================================================================== */ -/** -* Remove the gray background on active links in IE 10. -*/ -a { - background-color: transparent; -} - -/** -* 1. Remove the bottom border in Chrome 57- -* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. -*/ -abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ -} - -/** -* Add the correct font weight in Chrome, Edge, and Safari. -*/ -b, -strong { - font-weight: bolder; -} - -/** -* 1. Correct the inheritance and scaling of font size in all browsers. -* 2. Correct the odd `em` font sizing in all browsers. -*/ -code, -kbd, -samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/** -* Add the correct font size in all browsers. -*/ -small { - font-size: 80%; -} - -/** -* Prevent `sub` and `sup` elements from affecting the line height in -* all browsers. -*/ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ -/** -* Remove the border on images inside links in IE 10. -*/ -img { - border-style: none; -} - -/* Forms - ========================================================================== */ -/** -* 1. Change the font styles in all browsers. -* 2. Remove the margin in Firefox and Safari. -*/ -button, -input, -optgroup, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ -} - -/** -* Show the overflow in IE. -* 1. Show the overflow in Edge. -*/ -button, -input { /* 1 */ - overflow: visible; -} - -/** -* Remove the inheritance of text transform in Edge, Firefox, and IE. -* 1. Remove the inheritance of text transform in Firefox. -*/ -button, -select { /* 1 */ - text-transform: none; -} - -/** -* Correct the inability to style clickable types in iOS and Safari. -*/ -button, -[type=button], -[type=reset], -[type=submit] { - -webkit-appearance: button; -} - -/** -* Remove the inner border and padding in Firefox. -*/ -button::-moz-focus-inner, -[type=button]::-moz-focus-inner, -[type=reset]::-moz-focus-inner, -[type=submit]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** -* Restore the focus styles unset by the previous rule. -*/ -button:-moz-focusring, -[type=button]:-moz-focusring, -[type=reset]:-moz-focusring, -[type=submit]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** -* Correct the padding in Firefox. -*/ -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -/** -* 1. Correct the text wrapping in Edge and IE. -* 2. Correct the color inheritance from `fieldset` elements in IE. -* 3. Remove the padding so developers are not caught out when they zero out -* `fieldset` elements in all browsers. -*/ -legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-inline-size: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ -} - -/** -* Add the correct vertical alignment in Chrome, Firefox, and Opera. -*/ -progress { - vertical-align: baseline; -} - -/** -* Remove the default vertical scrollbar in IE 10+. -*/ -textarea { - overflow: auto; -} - -/** -* 1. Add the correct box sizing in IE 10. -* 2. Remove the padding in IE 10. -*/ -[type=checkbox], -[type=radio] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** -* Correct the cursor style of increment and decrement buttons in Chrome. -*/ -[type=number]::-webkit-inner-spin-button, -[type=number]::-webkit-outer-spin-button { - block-size: auto; -} - -/** -* 1. Correct the odd appearance in Chrome and Safari. -* 2. Correct the outline style in Safari. -*/ -[type=search] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} - -/** -* Remove the inner padding in Chrome and Safari on macOS. -*/ -[type=search]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** -* 1. Correct the inability to style clickable types in iOS and Safari. -* 2. Change font properties to `inherit` in Safari. -*/ -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} - -/* Interactive - ========================================================================== */ -/* -* Add the correct display in Edge, IE 10+, and Firefox. -*/ -details { - display: block; -} - -/* -* Add the correct display in all browsers. -*/ -summary { - display: list-item; -} - -/* Misc - ========================================================================== */ -/** -* Add the correct display in IE 10+. -*/ -template { - display: none; -} - -/** -* Add the correct display in IE 10. -*/ -[hidden] { - display: none; -} - -:root { - --root-alert-color-danger: hsl(0, 71%, 51%); - --root-alert-color-info: hsl(195, 100%, 42%); - --root-alert-color-success: hsl(150, 100%, 33%); - --root-alert-color-warning: hsl(48, 89%, 55%); -} - -:root { - --root-base-color-background: hsl(0, 0%, 100%); - --root-base-color-blockquote-border: hsl(214, 98%, 49%); - --root-base-color-border: hsl(215, 100%, 96%); - --root-base-color-code-background: #f0f6ff; - --root-base-color-code-foreground: hsl(205, 100%, 2%); - --root-base-color-heading: hsl(205, 100%, 2%); - --root-base-color-link: hsl(214, 98%, 49%); - --root-base-color-link-hover: #0257c6; - --root-base-color-mark-background: hsl(50, 100%, 80%); - --root-base-color-mark-foreground: hsl(205, 100%, 2%); - --root-base-color-marker: hsl(214, 98%, 49%); - --root-base-color-primary: hsl(214, 98%, 49%); - --root-base-color-secondary: hsl(160, 89%, 46%); - --root-base-color-strong: hsl(205, 100%, 2%); - --root-base-color-text: hsl(208, 9%, 42%); - --root-base-color-primary-lightest: hsl(210, 60%, 98%); -} - -:root { - --root-btn-color-primary-background: hsl(214, 98%, 49%); - --root-btn-color-primary-background-hover: #0256c5; - --root-btn-color-primary-foreground: hsl(0, 0%, 100%); - --root-btn-color-primary-shadow: #aed1fe; - --root-btn-color-secondary-background: hsl(160, 89%, 46%); - --root-btn-color-secondary-background-hover: #0aae77; - --root-btn-color-secondary-foreground: hsl(0, 0%, 100%); - --root-btn-color-secondary-shadow: #a3fadd; - --root-btn-color-dark-background: hsl(205, 100%, 2%); - --root-btn-color-dark-background-hover: hsl(205, 100%, 5%); - --root-btn-color-dark-foreground: hsl(0, 0%, 100%); - --root-btn-color-dark-outline-background-hover: hsl(205, 100%, 2%); - --root-btn-color-dark-outline-border: hsl(260, 4%, 70%); - --root-btn-color-dark-outline-foreground: hsl(205, 100%, 2%); - --root-btn-color-dark-outline-foreground-hover: hsl(0, 0%, 100%); - --root-btn-color-dark-outline-focus-ring: hsl(205, 100%, 2%); - --root-btn-color-dark-shadow: hsla(205, 100%, 2%, 0.05); - --root-btn-color-light-background: hsl(210, 60%, 98%); - --root-btn-color-light-background-hover: hsl(214, 98%, 49%); - --root-btn-color-light-focus-ring: hsl(214, 98%, 49%); - --root-btn-color-light-foreground: hsl(214, 98%, 49%); - --root-btn-color-light-foreground-hover: hsl(0, 0%, 100%); - --root-btn-color-delete-background: #fceeee; - --root-btn-color-delete-background-hover: hsl(0, 71%, 51%); - --root-btn-color-delete-focus-ring: hsl(0, 71%, 51%); - --root-btn-color-delete-foreground: hsl(0, 71%, 51%); - --root-btn-color-delete-foreground-hover: hsl(0, 0%, 100%); - --root-btn-color-primary-outline-foreground: hsl(214, 98%, 49%); -} - -:root { - --root-form-color-background: hsl(0, 0%, 100%); - --root-form-color-background-disabled: hsl(0, 0%, 95%); - --root-form-color-border: hsl(260, 4%, 75%); - --root-form-color-border-disabled: hsl(215, 63%, 93%); - --root-form-color-border-focus: hsl(214, 98%, 49%); - --root-form-color-check-background: hsl(214, 98%, 49%); - --root-form-color-check-focus-ring: hsl(214, 98%, 49%); - --root-form-color-check-foreground: hsl(0, 0%, 100%); - --root-form-color-group-label-background: hsl(210, 60%, 98%); - --root-form-color-group-label-foreground: hsl(208, 9%, 42%); - --root-form-color-invalid: hsl(0, 71%, 51%); - --root-form-color-invalid-focus-ring: rgba(219, 41, 41, 0.25); - --root-form-color-label: hsl(205, 100%, 2%); - --root-form-color-legend: hsl(205, 100%, 2%); - --root-form-color-placeholder: hsl(208, 7%, 40%); - --root-form-color-range-thumb-background: hsl(214, 98%, 49%); - --root-form-color-range-thumb-focus-ring: hsl(214, 98%, 49%); - --root-form-color-range-track-background: hsl(215, 63%, 93%); - --root-form-color-ring-focus: rgba(2, 109, 247, 0.25); - --root-form-color-select-foreground: hsl(205, 100%, 2%); - --root-form-color-text: hsl(208, 9%, 42%); - --root-form-color-valid: hsl(150, 100%, 33%); - --root-form-color-valid-focus-ring: rgba(0, 168, 84, 0.25); -} - -:root { - --root-selection-color-foreground: hsl(0, 0%, 100%); - --root-selection-color-background: hsl(214, 98%, 49%); -} - -:root { - --root-scrollbar-color-thumb-background: hsla(0, 0%, 0%, 0.15); - --root-scrollbar-color-thumb-background-hover: hsla(0, 0%, 0%, 0.25); - --root-scrollbar-color-track-background: hsla(0, 0%, 0%, 0.05); -} - -:root { - --root-table-color-border: hsl(215, 63%, 93%); - --root-table-color-caption: hsl(208, 9%, 42%); - --root-table-color-heading: hsl(205, 100%, 2%); - --root-table-color-hover: hsl(210, 60%, 98%); - --root-table-color-stripe: hsl(210, 60%, 98%); - --root-table-color-text: hsl(208, 9%, 42%); -} - -:root { - --root-breadcrumb-color-separator: hsl(0, 0%, 80%); -} - -:root { - --root-combobox-color-item-background: hsl(210, 60%, 98%); - --root-combobox-color-item-foreground: hsl(214, 98%, 49%); -} - -:root { - --root-data-table-color-icon: hsl(0, 0%, 80%); -} - -:root { - --root-header-color-background: hsla(0, 0%, 100%, 0.95); -} - -:root { - --root-navigation-color-arrow: hsla(0, 0%, 0%, 0.15); -} - -:root { - --root-main-color-background: hsl(210, 60%, 98%); -} - -:root { - --root-media-color-background: hsl(210, 60%, 98%); - --root-media-color-dropzone-background: hsla(214, 98%, 49%, 0.75); - --root-media-color-dropzone-border: hsl(214, 98%, 40%); - --root-media-color-icon: hsl(214, 98%, 49%); -} - -:root { - --root-modal-color-background: hsla(210, 60%, 98%, 0.9); -} - -:root { - --root-search-color-icon: hsla(229, 26%, 48%, 0.25); -} - -:root { - --root-prism-color-color: hsl(243, 14%, 29%); - --root-prism-color-background: hsl(0, 0%, 98%); - --root-prism-color-comment: hsl(225, 14%, 46%); - --root-prism-color-punctuation: hsl(279, 50%, 53%); - --root-prism-color-namespace: hsl(173, 100%, 24%); - --root-prism-color-deleted: hsla(1, 83%, 63%, 0.56); - --root-prism-color-boolean: hsl(0, 44%, 53%); - --root-prism-color-number: hsl(315, 90%, 35%); - --root-prism-color-constant: hsl(221, 57%, 52%); - --root-prism-color-class-name: hsl(0, 0%, 7%); - --root-prism-color-regex: hsl(1, 48%, 59%); -} - -:root { - --root-widget-color-icon-background: #f5f9ff; -} - -:root { - --root-border-radius: 0.45rem; - --root-font-family-base: Open Sans, sans-serif; - --root-font-family-cursive: ui-monospace, Cascadia Code, Source Code Pro, Menlo, Consolas, DejaVu Sans Mono, monospace; - --root-font-family-heading: Manrope, sans-serif; - --root-font-size-base: 0.938rem; - --root-font-size-lead: clamp(1.15rem, 2vw, 1.35rem); - --root-font-size-lg: 1.125rem; - --root-font-size-ratio: 1.25; - --root-font-size-sm: 0.875rem; - --root-font-weight-heading: 600; - --root-inline-padding: 0.1em 0.3em; - --root-line-height-base: 1.8; - --root-line-height-heading: calc(2px + 2ex + 2px); - --root-line-height-lg: 1.8; - --root-line-height-md: 1.5; - --root-line-height-sm: 1.2; - --root-border-radius-lg: 0.925rem; - --root-border-radius-sm: 0.45rem; - --root-container-inline-size: 84rem; - --root-page-margin: 2cm; - --root-hidden-elements: header, footer, aside, nav, form, iframe, [class^="aspect-ratio"]; -} -@media (prefers-reduced-motion: no-preference) { - :root { - --root-duration: 0.15s; - --root-timing-function: ease-in-out; - } -} - -.sr-only { - block-size: 1px !important; - border: 0 !important; - clip: rect(0, 0, 0, 0) !important; - inline-size: 1px !important; - margin: -1px !important; - overflow: hidden !important; - padding: 0 !important; - position: absolute !important; - white-space: nowrap !important; -} - -[tabindex="-1"]:focus { - outline: none !important; -} - -::selection { - background-color: var(--root-selection-color-background); - color: var(--root-selection-color-foreground); - text-shadow: none; -} - -html { - box-sizing: border-box; -} -@media (prefers-reduced-motion: no-preference) { - html { - scroll-behavior: smooth; - } -} - -*, -::before, -::after { - box-sizing: inherit; -} - -body { - background: var(--root-base-color-background); - color: var(--root-base-color-text); -} - -a { - color: var(--root-base-color-link); - text-decoration: underline; - transition-duration: var(--root-duration); - transition-property: color; - transition-timing-function: var(--root-timing-function); -} -a:hover { - color: var(--root-base-color-link-hover); -} - -button { - color: inherit; -} - -a, -button { - touch-action: manipulation; -} - -hr { - border: 0; - border-block-start: 1px solid var(--root-base-color-border); -} - -img { - block-size: auto; - display: block; - max-inline-size: 100%; - user-select: none; -} - -iframe { - block-size: 100%; - display: block; - inline-size: 100%; -} - -figure { - margin-inline: 0; -} -figure figcaption { - margin-block-start: 0.5rem; - text-align: center; -} - -.table-responsive { - --inline-size: 40rem; - -webkit-overflow-scrolling: touch; - overflow-x: auto; -} -.table-responsive table { - min-inline-size: var(--inline-size); -} - -.table { - --root-line-height: 1.5; - --root-padding: 1rem; - --root-responsive-inline-size: 40rem; - border-collapse: collapse; - color: var(--root-table-color-text); - inline-size: 100%; -} -.table caption { - color: var(--root-table-color-caption); - margin-block-end: 1rem; -} -.table th, -.table td { - border-block-end: 1px solid var(--root-table-color-border); - line-height: var(--root-line-height); - padding: var(--root-padding); -} -.table th { - color: var(--root-table-color-heading); - text-align: inherit; - text-align: -webkit-match-parent; -} -.table--striped > tbody > tr:nth-child(odd) { - background-color: var(--root-table-color-stripe); -} -.table--hover > tbody > tr:hover { - background: var(--root-table-color-hover); -} -.table--clear-border th, -.table--clear-border td { - border: 0; -} -.table--in-line th:first-child, -.table--in-line td:first-child { - padding-inline-start: 0; -} -.table--in-line th:last-child, -.table--in-line td:last-child { - padding-inline-end: 0; -} -.table--sm { - --root-padding: 0.5rem; -} -.table--sm th, -.table--sm td { - padding: var(--root-padding); -} -.table--rounded th:first-child, -.table--rounded td:first-child { - border-end-start-radius: var(--root-border-radius-sm); - border-start-start-radius: var(--root-border-radius-sm); -} -.table--rounded th:last-child, -.table--rounded td:last-child { - border-end-end-radius: var(--root-border-radius-sm); - border-start-end-radius: var(--root-border-radius-sm); -} - -html { - -webkit-tap-highlight-color: hsla(0, 0%, 0%, 0); -} - -body { - font-family: var(--root-font-family-base); - font-size: var(--root-font-size-base); - line-height: var(--root-line-height-base); -} - -p, -li, -h1, -h2, -h3, -h4, -h5, -h6 { - hyphens: auto; - overflow-wrap: break-word; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - color: var(--root-base-color-heading); - font-family: var(--root-font-family-heading); - font-weight: var(--root-font-weight-heading); - line-height: var(--root-line-height-heading); -} - -h1 { - font-size: clamp(1.9465332031rem, 2vw + 1rem, 2.2900390625rem); -} - -h2 { - font-size: clamp(1.5572265625rem, 2vw + 1rem, 1.83203125rem); -} - -h3 { - font-size: clamp(1.24578125rem, 2vw + 1rem, 1.465625rem); -} - -h4 { - font-size: clamp(0.996625rem, 2vw + 1rem, 1.1725rem); -} - -h5 { - font-size: 0.938rem; -} - -h6 { - font-size: 0.938rem; -} - -ul, -ol { - list-style-position: inside; -} -ul > *, -ol > * { - margin-block-end: 0; - margin-block-start: 0; -} -ul > * + *, -ol > * + * { - margin-block-start: 0.25rem; -} -ul li, -ol li { - list-style-position: outside; -} -ul li::marker, -ol li::marker { - color: var(--root-base-color-marker); -} - -li > ul, -li > ol { - margin-block-start: 0.25rem; -} - -dl dt { - color: var(--root-base-color-heading); - font-weight: bold; -} -dl dd { - margin: 0; -} -dl dd + dt { - margin-block-start: 1rem; -} - -.quote { - border-inline-start: 0.5rem solid var(--root-base-color-blockquote-border); - padding-inline-start: 1.5rem; -} -.quote > * { - margin-block-end: 0; - margin-block-start: 0; -} -.quote > * + * { - margin-block-start: 0.5rem; -} -.quote blockquote { - border-inline-start: 0; - padding-inline-start: 0; -} -.quote figcaption { - text-align: start; -} - -blockquote { - border-inline-start: 0.5rem solid var(--root-base-color-blockquote-border); - margin-inline-start: 0; - padding-inline-start: 1.5rem; -} -blockquote > * { - margin-block-end: 0; - margin-block-start: 0; -} -blockquote > * + * { - margin-block-start: 0.5rem; -} - -abbr[title] { - border-block-end: 1px dotted; - cursor: help; - text-decoration: none; -} - -mark { - background-color: var(--root-base-color-mark-background); - border-radius: var(--root-border-radius); - color: var(--root-base-color-mark-foreground); - padding: var(--root-inline-padding); -} - -code, -kbd, -samp { - background-color: var(--root-base-color-code-background); - border-radius: var(--root-border-radius); - color: var(--root-base-color-code-foreground); - padding: var(--root-inline-padding); -} - -strong { - color: var(--root-base-color-strong); -} - -.lead { - font-size: var(--root-font-size-lead); -} - -.hidden, -[hidden] { - display: none !important; -} - -.h1 { - font-size: clamp(1.9465332031rem, 2vw + 1rem, 2.2900390625rem); -} - -.h2 { - font-size: clamp(1.5572265625rem, 2vw + 1rem, 1.83203125rem); -} - -.h3 { - font-size: clamp(1.24578125rem, 2vw + 1rem, 1.465625rem); -} - -.h4 { - font-size: clamp(0.996625rem, 2vw + 1rem, 1.1725rem); -} - -.h5 { - font-size: 0.938rem; -} - -.h6 { - font-size: 0.938rem; -} - -.btn { - --root-border-radius: 0.45rem; - --root-border-width: 1px; - --root-font-family: Manrope, sans-serif; - --root-font-size: 0.938rem; - --root-font-weight: 600; - --root-gap: 0.5rem; - --root-icon-padding: 0.75em; - --root-icon-size: 1em; - --root-padding: 0.75em 1em; - --root-shadow-size: 0.25rem; - align-items: center; - border-radius: var(--root-border-radius); - border-style: solid; - border-width: var(--root-border-width); - cursor: pointer; - display: inline-flex; - font-family: var(--root-font-family); - font-size: var(--root-font-size); - font-weight: var(--root-font-weight); - gap: var(--root-gap); - justify-content: center; - line-height: 1; - padding: var(--root-padding); - text-align: start; - text-decoration: none; - transition-duration: var(--root-duration); - transition-property: background-color, border-color, box-shadow, color; - transition-timing-function: var(--root-timing-function); -} - -.btn:focus { - outline-color: transparent; - outline-style: solid; -} - -.btn:disabled { - opacity: 0.5; - pointer-events: none; -} - -.btn--icon { - padding: var(--root-icon-padding); -} -.btn--icon.btn--sm { - padding: var(--root-icon-padding); -} -.btn--icon.btn--lg { - padding: var(--root-icon-padding); -} - -.btn__icon { - block-size: var(--root-icon-size); - flex-shrink: 0; - inline-size: var(--root-icon-size); - pointer-events: none; -} -.btn__icon--sm { - block-size: var(--root-icon-size); - inline-size: var(--root-icon-size); -} - -.btn--sm { - --root-font-size: 0.8rem; - --root-gap: 0.25rem; - --root-icon-padding: 0.5em; - --root-icon-size: 0.8rem; - --root-padding: 0.5em 0.75em; - font-size: var(--root-font-size); - gap: var(--root-gap); - padding: var(--root-padding); -} - -.btn--lg { - --root-font-size: 1rem; - --root-gap: 0.5rem; - --root-icon-padding: 0.9em; - --root-padding: 0.9em 1.15em; -} - -.btn--block { - inline-size: 100%; -} - -.btn--primary { - background-color: var(--root-btn-color-primary-background); - border-color: var(--root-btn-color-primary-background); - color: var(--root-btn-color-primary-foreground); -} -.btn--primary:focus-visible { - outline: 2px solid var(--root-btn-color-primary-background); - outline-offset: 2px; -} -.btn--primary:hover { - background-color: var(--root-btn-color-primary-background-hover); - border-color: var(--root-btn-color-primary-background-hover); - color: var(--root-btn-color-primary-foreground); -} -.btn--primary-shadow { - box-shadow: 0 0.55em 1em -0.2em var(--root-btn-color-primary-shadow), 0 0.15em 0.35em -0.185em var(--root-btn-color-primary-shadow); -} - -.btn--secondary { - background-color: var(--root-btn-color-secondary-background); - border-color: var(--root-btn-color-secondary-background); - color: var(--root-btn-color-secondary-foreground); -} -.btn--secondary:focus-visible { - outline: 2px solid var(--root-btn-color-secondary-background); - outline-offset: 2px; -} -.btn--secondary:hover { - background-color: var(--root-btn-color-secondary-background-hover); - border-color: var(--root-btn-color-secondary-background-hover); - color: var(--root-btn-color-secondary-foreground); -} -.btn--secondary-shadow { - box-shadow: 0 0.55em 1em -0.2em var(--root-btn-color-secondary-shadow), 0 0.15em 0.35em -0.185em var(--root-btn-color-secondary-shadow); -} - -.btn--outline-primary { - background-color: transparent; - border-color: var(--root-btn-color-primary-background); - color: var(--root-btn-color-primary-outline-foreground); -} -.btn--outline-primary:focus-visible { - outline: 2px solid var(--root-btn-color-primary-background); - outline-offset: 2px; -} -.btn--outline-primary:hover { - background-color: var(--root-btn-color-primary-background); - border-color: var(--root-btn-color-primary-background); - color: var(--root-btn-color-primary-foreground); -} - -.btn--outline-secondary { - background-color: transparent; - border-color: var(--root-btn-color-secondary-background); - color: var(--root-btn-color-secondary-background); -} -.btn--outline-secondary:focus-visible { - outline: 2px solid var(--root-btn-color-secondary-background); - outline-offset: 2px; -} -.btn--outline-secondary:hover { - background-color: var(--root-btn-color-secondary-background); - border-color: var(--root-btn-color-secondary-background); - color: var(--root-btn-color-secondary-foreground); -} - -.form-file::file-selector-button { - --root-border-radius: 0.45rem; - --root-border-width: 1px; - --root-font-family: Manrope, sans-serif; - --root-font-size: 0.938rem; - --root-font-weight: 600; - --root-gap: 0.5rem; - --root-icon-padding: 0.75em; - --root-icon-size: 1em; - --root-padding: 0.75em 1em; - --root-shadow-size: 0.25rem; - align-items: center; - border-radius: var(--root-border-radius); - border-style: solid; - border-width: var(--root-border-width); - cursor: pointer; - display: inline-flex; - font-family: var(--root-font-family); - font-size: var(--root-font-size); - font-weight: var(--root-font-weight); - gap: var(--root-gap); - justify-content: center; - line-height: 1; - padding: var(--root-padding); - text-align: start; - text-decoration: none; - transition-duration: var(--root-duration); - transition-property: background-color, border-color, box-shadow, color; - transition-timing-function: var(--root-timing-function); -} - -.form-file:focus { - outline-color: transparent; - outline-style: solid; -} - -.form-file:disabled { - opacity: 0.5; - pointer-events: none; -} - -.form-file--sm::file-selector-button { - --root-font-size: 0.8rem; - --root-gap: 0.25rem; - --root-icon-padding: 0.5em; - --root-icon-size: 0.8rem; - --root-padding: 0.5em 0.75em; - font-size: var(--root-font-size); - gap: var(--root-gap); - padding: var(--root-padding); -} - -.form-file--lg::file-selector-button { - --root-font-size: 1rem; - --root-gap: 0.5rem; - --root-icon-padding: 0.9em; - --root-padding: 0.9em 1.15em; -} - -.form-file--block::file-selector-button { - inline-size: 100%; -} - -.form-file { - display: block; -} -.form-file:focus { - outline: revert; -} -.form-file:focus-within::file-selector-button { - background-color: var(--root-btn-color-primary-background-hover); -} -.form-file::file-selector-button { - background-color: var(--root-btn-color-primary-background); - border-color: var(--root-btn-color-primary-background); - color: var(--root-btn-color-primary-foreground); - margin-inline-end: 1rem; -} -.form-file::file-selector-button:hover { - background-color: var(--root-btn-color-primary-background-hover); - border-color: var(--root-btn-color-primary-background-hover); - color: var(--root-btn-color-primary-foreground); -} -.form-file::file-selector-button-shadow { - box-shadow: 0 0.55em 1em -0.2em var(--root-btn-color-primary-shadow), 0 0.15em 0.35em -0.185em var(--root-btn-color-primary-shadow); -} - -.form-label { - color: var(--root-form-color-label); - font-family: Manrope, sans-serif; - font-weight: 600; - line-height: 1.5; - text-align: start; -} - -.form-control { - --webkit-date-line-height: 1.375; - --root-border-radius: 0.45rem; - --root-border-width: 1px; - --root-font-size: 0.938rem; - --root-line-height: 1.5; - --root-padding: 0.5em 0.75em; - --root-textarea-block-size: 6rem; - appearance: none; - background-color: var(--root-form-color-background); - border: var(--root-border-width) solid var(--root-form-color-border); - border-radius: var(--root-border-radius); - box-sizing: border-box; - color: var(--root-form-color-text); - display: block; - font-size: var(--root-font-size); - inline-size: 100%; - line-height: var(--root-line-height); - padding: var(--root-padding); - transition-duration: var(--root-duration); - transition-property: border, box-shadow; - transition-timing-function: var(--root-timing-function); -} -.form-control::placeholder { - color: var(--root-form-color-placeholder); -} -.form-control::-webkit-datetime-edit { - line-height: var(--webkit-date-line-height); -} -.form-control:focus { - border-color: var(--root-form-color-border-focus); - box-shadow: 0 0 0 0.25rem var(--root-form-color-ring-focus); - outline: 2px solid transparent; -} -.form-control[type=color] { - --root-aspect-ratio: 1; - --root-block-size: 100%; - --root-inline-size: 2.625rem; - --root-padding: 0.5em; - aspect-ratio: var(--root-aspect-ratio); - block-size: var(--root-block-size); - inline-size: var(--root-inline-size); - padding: var(--root-padding); -} -.form-control[type=color]::-webkit-color-swatch-wrapper { - padding: 0; -} -.form-control[type=color]::-moz-color-swatch { - border: 0; - border-radius: var(--root-border-radius); -} -.form-control[type=color]::-webkit-color-swatch { - border: 0; - border-radius: var(--root-border-radius); -} -.form-control[disabled], .form-control[disabled=true] { - background-color: var(--root-form-color-background-disabled); - border-color: var(--root-form-color-border-disabled); - cursor: not-allowed; -} -textarea.form-control { - block-size: var(--root-textarea-block-size); - min-block-size: var(--root-textarea-block-size); - resize: vertical; -} - -.form-control--valid, .form-control--invalid { - background-position: center right 0.5em; - background-repeat: no-repeat; - background-size: 1.25em auto; - padding-inline-end: 2em; -} -html[dir=rtl] .form-control--valid, html[dir=rtl] .form-control--invalid { - background-position: center left 0.5em; -} -.form-control--valid { - background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"%3e%3cpath d="M12,2c5.519,0 10,4.481 10,10c0,5.519 -4.481,10 -10,10c-5.519,0 -10,-4.481 -10,-10c0,-5.519 4.481,-10 10,-10Zm0,1.667c4.599,-0 8.333,3.734 8.333,8.333c0,4.599 -3.734,8.333 -8.333,8.333c-4.599,0 -8.333,-3.734 -8.333,-8.333c-0,-4.599 3.734,-8.333 8.333,-8.333Zm-1.476,10.182l-2.984,-2.984c-0.065,-0.065 -0.17,-0.065 -0.235,0l-0.943,0.943c-0.065,0.065 -0.065,0.171 -0,0.236l4.043,4.042c0.033,0.033 0.076,0.05 0.119,0.049c0.044,0.001 0.087,-0.016 0.12,-0.049l6.994,-6.994c0.065,-0.065 0.065,-0.17 0,-0.235l-0.943,-0.943c-0.065,-0.065 -0.17,-0.065 -0.235,-0l-5.936,5.935Z" style="fill:hsl%28150, 100%, 33%%29;"/%3e%3c/svg%3e'); - border-color: var(--root-alert-color-success); -} -.form-control--valid:focus { - border-color: var(--root-form-color-valid); - box-shadow: 0 0 0 0.25rem var(--root-form-color-valid-focus-ring); - outline: 2px solid transparent; -} -.form-control--invalid { - background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"%3e%3cpath d="M12,2c5.519,0 10,4.481 10,10c0,5.519 -4.481,10 -10,10c-5.519,0 -10,-4.481 -10,-10c0,-5.519 4.481,-10 10,-10Zm0,1.667c4.599,-0 8.333,3.734 8.333,8.333c0,4.599 -3.734,8.333 -8.333,8.333c-4.599,0 -8.333,-3.734 -8.333,-8.333c-0,-4.599 3.734,-8.333 8.333,-8.333Zm0.813,11.649c-0,-0.081 -0.065,-0.146 -0.146,-0.146l-1.334,0c-0.081,0 -0.146,0.065 -0.146,0.146l0,1.169c0,0.08 0.065,0.146 0.146,0.146l1.334,-0c0.081,-0 0.146,-0.066 0.146,-0.146l-0,-1.169Zm-0,-7.784c-0,-0.09 -0.073,-0.163 -0.163,-0.163l-1.3,0c-0.09,0 -0.163,0.073 -0.163,0.163l0,6.351c0,0.09 0.073,0.163 0.163,0.163l1.3,-0c0.09,-0 0.163,-0.073 0.163,-0.163l-0,-6.351Z" style="fill:hsl%280, 71%, 51%%29;"/%3e%3c/svg%3e'); - border-color: var(--root-alert-color-danger); -} -.form-control--invalid:focus { - border-color: var(--root-form-color-invalid); - box-shadow: 0 0 0 0.25rem var(--root-form-color-invalid-focus-ring); - outline: 2px solid transparent; -} -.form-control--sm { - --webkit-date-line-height: 1.36; - --root-border-radius: 0.35em; - --root-padding: 0.1em 0.45em; -} -.form-control--sm[type=color] { - --root-aspect-ratio: 1; - --root-block-size: 100%; - --root-inline-size: 1.925rem; - --root-padding: 0.25em; -} -.form-control--lg { - --webkit-date-line-height: 1.387; - --root-padding: 0.65em 1em; -} -.form-control--lg[type=color] { - --root-aspect-ratio: 1; - --root-block-size: 100%; - --root-inline-size: 3.204rem; - --root-padding: 0.5em; -} - -select.form-control:not([multiple]):not([size]) { - background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%28205, 100%, 2%%29;"/%3e%3c/svg%3e'); - background-position: center right 0.5em; - background-repeat: no-repeat; - background-size: 1.25em auto; - padding-inline-end: 2em; -} -html[dir=rtl] select.form-control:not([multiple]):not([size]) { - background-position: center left 0.5em; -} - -.form-check { - --root-border-radius: 0.45rem; - --root-border-width: 1px; - --root-font-size: 1.125rem; - --root-font-weight: 400; - --root-line-height: 1.5; - --root-margin-block: 0.1em; - --root-vertical-alignment: center; - align-items: var(--root-vertical-alignment); - display: inline-flex; - gap: 0.5rem; -} - -.form-check--vertical-center { - align-items: center; -} - -.form-check--vertical-start { - align-items: flex-start; -} - -.form-check--sm { - --root-border-radius: 0.35em; - --root-padding: 0.1em 0.45em; -} -.form-check--sm .form-check__control { - font-size: var(--root-font-size); -} - -.form-check--lg { - --root-padding: 0.65em 1em; -} -.form-check__control { - appearance: none; - background-color: var(--root-form-color-background); - background-position: center; - background-repeat: no-repeat; - background-size: contain; - block-size: 1em; - border: var(--root-border-width) solid var(--root-form-color-border); - flex-shrink: 0; - font-size: var(--root-font-size); - font-weight: var(--root-font-weight); - inline-size: 1em; - line-height: 1; - margin-block: var(--root-margin-block); - transition-duration: var(--root-duration); - transition-property: border, box-shadow; - transition-timing-function: var(--root-timing-function); -} -.form-check__control[type=radio] { - border-radius: 50%; -} -.form-check__control[type=checkbox] { - border-radius: var(--root-border-radius); -} -.form-check__control:focus-visible { - outline: 2px solid var(--root-form-color-check-focus-ring); - outline-offset: 2px; -} -.form-check__control:checked { - background-color: var(--root-form-color-check-background); - border-color: var(--root-form-color-check-background); -} -.form-check__control:checked[type=radio] { - background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="6" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e'); -} -.form-check__control:checked[type=checkbox] { - background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M9.525,13.777l-2.411,-2.412c-0.234,-0.233 -0.613,-0.233 -0.846,0l-1.27,1.27c-0.233,0.233 -0.233,0.612 0,0.846l4.104,4.103c0.116,0.117 0.269,0.175 0.422,0.175l0.003,0c0.152,0 0.305,-0.058 0.421,-0.175l9.054,-9.053c0.233,-0.234 0.233,-0.613 -0,-0.846l-1.27,-1.269c-0.233,-0.234 -0.612,-0.234 -0.846,-0l-7.361,7.361Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e'); -} -.form-check__control:indeterminate[type=checkbox] { - background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M19.5,11.1c-0,-0.331 -0.269,-0.6 -0.6,-0.6l-13.8,0c-0.331,0 -0.6,0.269 -0.6,0.6l0,1.8c0,0.331 0.269,0.6 0.6,0.6l13.8,0c0.331,0 0.6,-0.269 0.6,-0.6l-0,-1.8Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e'); - background-color: var(--root-form-color-check-background); - border-color: var(--root-form-color-check-background); -} -.form-check__control:disabled, .form-check__control.disabled { - background-color: var(--root-form-color-background-disabled); - border-color: var(--root-form-color-border-disabled); - cursor: not-allowed; -} -.form-check__control:disabled + .form-check__label, .form-check__control.disabled + .form-check__label { - opacity: 0.5; -} - -.form-check__label { - font-weight: var(--root-font-weight); - line-height: var(--root-line-height); -} - -.form-switch { - --root-border-width: 1px; - --root-font-size: 1.125rem; - --root-font-weight: 600; - --root-line-height: 1.5; - --root-margin-block: 0.15em; - --root-vertical-alignment: center; - align-items: var(--root-vertical-alignment); - display: inline-flex; - gap: 0.5rem; -} -.form-switch--block { - inline-size: 100%; - justify-content: space-between; -} - -.form-switch--vertical-center { - align-items: center; -} - -.form-switch--vertical-start { - align-items: flex-start; -} - -.form-switch--sm { - --root-font-size: 0.938rem; -} - -.form-switch--lg { - --root-font-size: clamp(1.15rem, 2vw, 1.35rem); -} - -.form-switch__control { - background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="8.5" style="fill:hsl%28260, 4%, 75%%29;"/%3e%3c/svg%3e'); - appearance: none; - background-color: var(--root-form-color-background); - background-position: left center; - background-repeat: no-repeat; - background-size: contain; - block-size: 1em; - border: var(--root-border-width) solid var(--root-form-color-border); - border-radius: 2em; - flex-shrink: 0; - font-size: var(--root-font-size); - inline-size: 2em; - line-height: 1; - margin-block: var(--root-margin-block); - transition-duration: var(--root-duration); - transition-property: background-position, border, box-shadow; - transition-timing-function: var(--root-timing-function); -} -.form-switch__control:checked { - background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="8.5" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e'); - background-color: var(--root-form-color-check-background); - background-position: right center; - border-color: var(--root-form-color-check-background); -} -.form-switch__control:disabled { - background-color: var(--root-form-color-background-disabled); - border-color: var(--root-form-color-border-disabled); - cursor: not-allowed; -} -.form-switch__control:disabled + .form-switch__label { - opacity: 0.5; -} - -[dir=rtl] .form-switch__control { - background-position: right center; -} -[dir=rtl] .form-switch__control:checked { - background-position: left center; -} - -.form-switch__label { - font-weight: var(--root-font-weight); - line-height: var(--root-line-height); -} - -fieldset { - --root-layout-gap: 1rem; - --root-legend-font-size: 0.938rem; - --root-legend-font-weight: 600; - --root-gap: 0.5rem; - border: 0; - margin: 0; - padding: 0; -} -fieldset > * { - margin-block-end: 0; - margin-block-start: 0; -} -fieldset > * + * { - margin-block-start: var(--root-layout-gap); -} -fieldset + fieldset { - margin-block-start: 3rem; -} - -legend { - color: var(--root-form-color-legend); - font-size: var(--root-legend-font-size); - font-weight: var(--root-legend-font-weight); -} - -.form-group-label { - --root-border-radius: 0.45rem; - --root-border-width: 1px; - align-items: center; - background-color: var(--root-form-color-group-label-background); - border: var(--root-border-width) solid var(--root-form-color-border); - border-radius: var(--root-border-radius); - color: var(--root-form-color-group-label-foreground); - display: flex; - padding-inline: 1rem; -} - -.form-group { - --root-gap: 0.5rem; - --root-row-container-inline-size: 40rem; - display: flex; - flex-direction: column; - gap: var(--root-gap); -} -.form-group--horizontal-check { - --root-gap: 1rem; - display: flex; - flex-direction: row; - flex-wrap: wrap; - gap: var(--root-gap); -} -.form-group--vertical-check { - --root-gap: 1rem; - align-items: start; - flex-direction: column; - gap: var(--root-gap); -} -.form-group--row { - --root-container-inline-size: 38rem; - --root-gap: 0.25rem 1rem; - --root-label-inline-size: 10rem; - --root-vertical-alignment: center; - align-items: var(--root-vertical-alignment); - display: grid; - gap: var(--root-gap); - grid-template-columns: minmax(0, 1fr); -} -.form-group--row\:vertical-center { - align-items: center; -} -.form-group--row\:vertical-start { - align-items: flex-start; -} -@container form-group-container (inline-size > 38rem) { - .form-group--row { - grid-template-columns: minmax(0, var(--root-label-inline-size)) minmax(0, 1fr); - } -} -@container form-group-container (inline-size > 38rem) { - .form-group--row .form-description, - .form-group--row .field-feedback { - grid-column-start: 2; - } -} -.form-group--stacked { - display: flex; -} -.form-group--stacked > * + * { - border-radius: 0; - margin-inline-start: -1px; -} -.form-group--stacked > *:first-child { - border-start-end-radius: 0; - border-start-start-radius: var(--root-border-radius); - border-end-end-radius: 0; - border-end-start-radius: var(--root-border-radius); -} -.form-group--stacked > *:last-child { - border-start-end-radius: var(--root-border-radius); - border-start-start-radius: 0; - border-end-end-radius: var(--root-border-radius); - border-end-start-radius: 0; -} -.form-group--stacked > *:only-child { - border-radius: var(--root-border-radius); -} -.form-group--stacked > *:focus { - z-index: 2; -} -.form-group-container { - container: form-group-container/inline-size; -} - -.form-row--mixed { - --inline-size: 20ch; - display: flex; - flex-wrap: wrap; - gap: 1rem; -} -.form-row--mixed > * { - flex: 1 1 var(--inline-size); -} - -.field-feedback { - display: block; - line-height: 1.5; -} -.field-feedback--valid { - color: var(--root-alert-color-success); -} -.field-feedback--invalid { - color: var(--root-alert-color-danger); -} - -.form-range { - --root-focus-ring-box-shadow-type: outside; - --root-focus-ring-offset: 2px; - --root-focus-ring-size: 2px; - --root-focus-ring-type: outline; - --root-thumb-block-size: 1rem; - --root-thumb-border-radius: 0.5rem; - --root-thumb-inline-size: 1rem; - --root-track-block-size: 0.25rem; - --root-track-border-radius: 0.15rem; - appearance: none; - margin-block-start: calc(var(--root-thumb-block-size) / 2 - var(--root-track-block-size) / 2); -} -.form-range:focus-visible { - outline: none; -} -.form-range:focus-visible::-webkit-slider-thumb { - outline: 2px solid var(--root-form-color-range-thumb-focus-ring); - outline-offset: 2px; -} -.form-range:focus-visible::-moz-range-thumb { - outline: 2px solid var(--root-form-color-range-thumb-focus-ring); - outline-offset: 2px; -} -.form-range::-webkit-slider-runnable-track { - background-color: var(--root-form-color-range-track-background); - block-size: var(--root-track-block-size); - border-radius: var(--root-track-border-radius); -} -.form-range::-moz-range-track { - background-color: var(--root-form-color-range-track-background); - block-size: var(--root-track-block-size); - border-radius: var(--root-track-border-radius); -} -.form-range::-webkit-slider-thumb { - appearance: none; - background-color: var(--root-form-color-range-thumb-background); - block-size: var(--root-thumb-block-size); - border-radius: var(--root-thumb-border-radius); - inline-size: var(--root-thumb-inline-size); - margin-block-start: calc(var(--root-track-block-size) / 2 - var(--root-thumb-block-size) / 2); -} -.form-range::-moz-range-thumb { - background-color: var(--root-form-color-range-thumb-background); - block-size: var(--root-thumb-block-size); - border: 0; /*Removes extra border that FF applies*/ - border-radius: var(--root-thumb-border-radius); - inline-size: var(--root-thumb-inline-size); -} -.form-range:disabled { - cursor: not-allowed; - opacity: 0.5; -} - -.form-description { - --root-font-size: 1em; - --root-font-weight: 400; - color: var(--root-form-color-text); - display: block; - font-size: var(--root-font-size); - font-weight: var(--root-font-weight); - line-height: var(--root-line-height-md); -} - -:root[data-theme-mode=dark] { - --root-base-color-background: hsl(240, 30%, 14%); - --root-base-color-blockquote-border: hsl(211, 99%, 46%); - --root-base-color-border: hsla(0, 0%, 100%, 0.04); - --root-base-color-card-border: hsl(207, 90%, 13%); - --root-base-color-code-background: hsl(207, 64%, 21%); - --root-base-color-code-foreground: hsl(0, 0%, 95%); - --root-base-color-footer-background: hsla(0, 0%, 0%, 0.15); - --root-base-color-heading: hsl(0, 0%, 95%); - --root-base-color-link-hover: hsl(205, 100%, 62%); - --root-base-color-link: hsl(205, 100%, 56%); - --root-base-color-mark-background: hsl(50, 100%, 80%); - --root-base-color-mark-foreground: hsl(240, 30%, 14%); - --root-base-color-marker: hsl(211, 99%, 46%); - --root-base-color-primary: hsl(211, 99%, 46%); - --root-base-color-primary-lightest: hsl(240, 30%, 16%); - --root-base-color-secondary: hsl(160, 89%, 46%); - --root-base-color-text: hsl(0, 0%, 97%); -} - -:root[data-theme-mode=dark] { - --root-breadcrumb-color-arrow: hsla(0, 0%, 100%, 0.1); -} - -:root[data-theme-mode=dark] { - --root-btn-color-dark-background: hsl(0, 0%, 100%); - --root-btn-color-dark-background-hover: hsl(0, 0%, 95%); - --root-btn-color-dark-foreground: hsl(205, 100%, 5%); - --root-btn-color-dark-outline-border: hsla(0, 0%, 100%, 0.15); - --root-btn-color-dark-outline-foreground: hsl(0, 0%, 100%); - --root-btn-color-dark-outline-foreground-hover: hsl(205, 100%, 2%); - --root-btn-color-dark-outline-background-hover: hsl(0, 0%, 100%); - --root-btn-color-dark-outline-focus-ring: hsl(0, 0%, 100%); - --root-btn-color-light-background: hsl(240, 30%, 12%); - --root-btn-color-light-background-hover: hsl(211, 99%, 46%); - --root-btn-color-light-focus-ring: hsl(211, 99%, 46%); - --root-btn-color-light-foreground: hsl(211, 99%, 46%); - --root-btn-color-light-foreground-hover: hsl(0, 0%, 100%); - --root-btn-color-primary-background: hsl(211, 99%, 46%); - --root-btn-color-primary-background-hover: #208bfe; - --root-btn-color-primary-foreground: hsl(0, 0%, 100%); - --root-btn-color-primary-shadow: #01346b; - --root-btn-color-primary-outline-foreground: hsl(211, 99%, 60%); - --root-btn-color-secondary-background: hsl(160, 89%, 46%); - --root-btn-color-secondary-background-hover: #13f1a7; - --root-btn-color-secondary-foreground: hsl(0, 0%, 95%); -} - -:root[data-theme-mode=dark] { - --root-card-color-background: hsl(240, 30%, 14%); -} - -:root[data-theme-mode=dark] { - --root-combobox-color-item-background: hsl(240, 30%, 12%); - --root-combobox-color-item-foreground: hsl(211, 99%, 46%); -} - -:root[data-theme-mode=dark] { - --root-data-table-color-icon: hsla(0, 0%, 100%, 0.1); -} - -:root[data-theme-mode=dark] { - --root-form-color-background: #21213d; - --root-form-color-background-disabled: hsl(240, 30%, 14%); - --root-form-color-border-disabled: hsla(0, 0%, 100%, 0.04); - --root-form-color-border-focus: hsl(211, 99%, 46%); - --root-form-color-border: hsla(0, 0%, 100%, 0.12); - --root-form-color-check-background: hsl(211, 99%, 46%); - --root-form-color-check-foreground: hsl(240, 30%, 14%); - --root-form-color-group-label-background: #1d1d36; - --root-form-color-group-label-foreground: hsl(0, 0%, 97%); - --root-form-color-invalid: hsl(0, 71%, 51%); - --root-form-color-invalid-shadow: rgba(219, 41, 41, 0.25); - --root-form-color-label: hsl(0, 0%, 95%); - --root-form-color-legend: hsl(0, 0%, 95%); - --root-form-color-placeholder: hsl(0, 0%, 90%); - --root-form-color-select-foreground: hsl(0, 0%, 100%); - --root-form-color-shadow-focus: rgba(1, 113, 233, 0.25); - --root-form-color-text: hsl(0, 0%, 97%); - --root-form-color-valid: hsl(150, 100%, 33%); - --root-form-color-valid-shadow: rgba(0, 168, 84, 0.25); -} - -:root[data-theme-mode=dark] { - --root-header-color-background: hsla(240, 30%, 12%, 0.95); -} - -:root[data-theme-mode=dark] { - --root-navigation-color-arrow: hsla(0, 0%, 100%, 0.15); - --root-navigation-color-icon-background: hsl(245, 38%, 10%); - --root-navigation-color-icon-background-hover: hsl(211, 99%, 46%); - --root-navigation-color-icon-foreground: hsl(211, 99%, 46%); - --root-navigation-color-icon-foreground-hover: hsl(186, 100%, 5%); -} - -:root[data-theme-mode=dark] { - --root-main-color-background: hsl(240, 30%, 13%); -} - -:root[data-theme-mode=dark] { - --root-media-color-background: hsl(240, 30%, 12%); - --root-media-color-dropzone-background: hsla(214, 98%, 49%, 0.75); - --root-media-color-dropzone-border: hsl(214, 98%, 40%); - --root-media-color-icon: hsl(211, 99%, 46%); -} - -:root[data-theme-mode=dark] { - --root-modal-color-background: hsla(240, 3%, 7%, 0.9); -} - -:root[data-theme-mode=dark] { - --root-prism-color-color: hsl(217, 34%, 88%); - --root-prism-color-background: hsl(245, 38%, 7%); - --root-prism-color-comment: hsl(180, 9%, 55%); - --root-prism-color-punctuation: hsl(276, 68%, 75%); - --root-prism-color-namespace: hsl(197, 31%, 77%); - --root-prism-color-deleted: hsla(1, 83%, 63%, 0.56); - --root-prism-color-boolean: hsl(350, 100%, 67%); - --root-prism-color-number: hsl(14, 90%, 70%); - --root-prism-color-constant: hsl(221, 100%, 75%); - --root-prism-color-class-name: hsl(33, 100%, 77%); - --root-prism-color-regex: hsl(217, 34%, 88%); -} - -:root[data-theme-mode=dark] { - --root-table-color-border: hsla(0, 0%, 100%, 0.04); - --root-table-color-caption: hsl(0, 0%, 97%); - --root-table-color-heading: hsl(0, 0%, 95%); - --root-table-color-hover: hsla(0, 0%, 100%, 0.02); - --root-table-color-stripe: hsla(0, 0%, 100%, 0.025); - --root-table-color-text: hsl(0, 0%, 97%); -} - -:root[data-theme-mode=dark] { - --root-selection-color-background: hsl(211, 99%, 46%); - --root-selection-color-foreground: hsl(0, 0%, 100%); -} - -:root[data-theme-mode=dark] { - --root-search-color-icon: hsla(0, 0%, 100%, 0.25); -} - -:root[data-theme-mode=dark] { - --root-scrollbar-color-thumb-background: hsla(0, 0%, 100%, 0.15); - --root-scrollbar-color-thumb-background-hover: hsla(0, 0%, 100%, 0.25); - --root-scrollbar-color-track-background: hsla(0, 0%, 100%, 0.05); -} - -:root[data-theme-mode=dark] { - --root-widget-color-icon-background: #22223f; -} - -[data-theme-mode=dark] { - color-scheme: dark; - /* stylelint-disable */ - /* stylelint-enable */ -} -[data-theme-mode=dark] select.form-control:not([multiple]):not([size]), -[data-theme-mode=dark] .combobox__control { - background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e'); -} - -.container { - --inline-size: var(--root-container-inline-size); - --gap: var(--root-container-gap); - inline-size: 100%; - margin-inline: auto; - max-inline-size: var(--inline-size); - padding-inline: var(--gap); -} -.container--wide { - --inline-size: 100%; -} -.container--narrow { - --inline-size: 50rem; -} - -.l-row { - align-items: start; - display: grid; - gap: 1.5rem; - grid-template-columns: minmax(0, 1fr); -} -.l-row--stretch { - align-items: stretch; -} -@media (min-width: 32em) { - .l-row--column\:xs\:1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } -} -@media (min-width: 32em) { - .l-row--column\:xs\:2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} -@media (min-width: 32em) { - .l-row--column\:xs\:3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } -} -@media (min-width: 32em) { - .l-row--column\:xs\:4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } -} -@media (min-width: 48em) { - .l-row--column\:sm\:1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } -} -@media (min-width: 48em) { - .l-row--column\:sm\:2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} -@media (min-width: 48em) { - .l-row--column\:sm\:3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } -} -@media (min-width: 48em) { - .l-row--column\:sm\:4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } -} -@media (min-width: 64em) { - .l-row--column\:md\:1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } -} -@media (min-width: 64em) { - .l-row--column\:md\:2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} -@media (min-width: 64em) { - .l-row--column\:md\:3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } -} -@media (min-width: 64em) { - .l-row--column\:md\:4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } -} -@media (min-width: 80em) { - .l-row--column\:lg\:1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } -} -@media (min-width: 80em) { - .l-row--column\:lg\:2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} -@media (min-width: 80em) { - .l-row--column\:lg\:3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } -} -@media (min-width: 80em) { - .l-row--column\:lg\:4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } -} -@media (min-width: 90em) { - .l-row--column\:xl\:1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } -} -@media (min-width: 90em) { - .l-row--column\:xl\:2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} -@media (min-width: 90em) { - .l-row--column\:xl\:3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } -} -@media (min-width: 90em) { - .l-row--column\:xl\:4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } -} -@media (min-width: 110em) { - .l-row--column\:xxl\:1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } -} -@media (min-width: 110em) { - .l-row--column\:xxl\:2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } -} -@media (min-width: 110em) { - .l-row--column\:xxl\:3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } -} -@media (min-width: 110em) { - .l-row--column\:xxl\:4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } -} -@media (min-width: 80em) { - .l-row--sidebar { - grid-template-columns: minmax(0, 1fr) minmax(0, 20rem); - } -} -.l-row__column { - display: grid; - gap: 1.5rem; - grid-template-columns: minmax(0, 1fr); -} - -.l-main { - display: flex; - position: relative; -} -.l-main__sidebar { - background-color: var(--root-base-color-background); - display: none; - inline-size: var(--root-sidebar-inline-size); - inset-block: 0; - inset-inline: 0 auto; - position: fixed; - z-index: 20; -} -@media (min-width: 64em) { - .l-main__sidebar { - display: block; - } -} -.l-main__sidebar--open { - display: block; -} -.l-main__body { - background-color: var(--root-main-color-background); - inline-size: 100%; - min-block-size: calc(100lvh + 1rem); -} -@media (min-width: 64em) { - .l-main__body { - inline-size: calc(100% - var(--root-sidebar-inline-size)); - margin-inline-start: var(--root-sidebar-inline-size); - } -} - -.l-auth__inner { - background-attachment: fixed; - display: flex; - flex-direction: column; - min-block-size: 100vh; - text-align: center; -} -@media (min-width: 64em) { - .l-auth__inner { - align-items: center; - flex-direction: row; - text-align: start; - } -} -.l-auth__sidebar { - background-image: url("https://conedevel.com/assets/sprucecss/auth-background.png"); - background-position: center; - background-size: cover; - border-radius: 2rem; - margin-block-end: clamp(1.5rem, 5vw, 3rem); - margin-inline: clamp(1.5rem, 5vw, 3rem); - min-block-size: 10rem; -} -@media (min-width: 64em) { - .l-auth__sidebar { - block-size: calc(100% - 2 * 3rem); - inline-size: calc(50% - 3rem); - inset-block: 3rem; - inset-inline: 50% 3rem; - margin: 0; - position: fixed; - } -} -.l-auth__form { - align-items: center; - block-size: 100%; - display: flex; - flex-direction: column; - gap: 3rem; - justify-content: center; - padding-block: 3rem; - padding-inline: clamp(1.5rem, 5vw, 3rem); -} -@media (min-width: 64em) { - .l-auth__form { - inline-size: 50%; - margin-inline-start: 0; - min-block-size: 100vh; - } -} -.l-auth__logo { - align-self: center; - block-size: 1.5rem; - display: inline-flex; -} -@media (min-width: 64em) { - .l-auth__logo { - align-self: flex-start; - } -} -.l-auth__logo img { - block-size: 100%; - inline-size: auto; -} -.l-auth__footer { - inline-size: 100%; -} -.l-auth__footer p { - margin-block: 0; -} -.l-auth .auth-form { - inline-size: 100%; - max-inline-size: 25rem; -} -@media (min-width: 64em) { - .l-auth .auth-form { - padding-block-end: 1.5rem; - } -} - -.alert { - align-items: center; - border: 1px solid; - border-left: 0.4rem solid; - border-radius: var(--root-border-radius-sm); - display: flex; - gap: 1.5rem; - justify-content: space-between; - line-height: var(--root-line-height-md); - padding: 0.65em 1em; -} -.alert--danger { - background-color: #fdf4f4; - color: #9c1a1a; -} - -.alert--danger .alert__close { - background-color: #9c1a1a; - color: #fbeaea; -} - -.alert--info { - background-color: #f0fbff; - color: #007096; -} - -.alert--info .alert__close { - background-color: #007096; - color: #e1f8ff; -} - -.alert--success { - background-color: #eefff6; - color: #00763b; -} - -.alert--success .alert__close { - background-color: #00763b; - color: #ddffee; -} - -.alert--warning { - background-color: #fefcf4; - color: #ba970b; -} - -.alert--warning .alert__close { - background-color: #ba970b; - color: #fefae9; -} - -[data-theme-mode=dark] .alert--danger { - background-color: transparent; - border-color: #9c1a1a; - color: var(--root-base-color-text); -} - -[data-theme-mode=dark] .alert--info { - background-color: transparent; - border-color: #007096; - color: var(--root-base-color-text); -} - -[data-theme-mode=dark] .alert--success { - background-color: transparent; - border-color: #00763b; - color: var(--root-base-color-text); -} - -[data-theme-mode=dark] .alert--warning { - background-color: transparent; - border-color: #ba970b; - color: var(--root-base-color-text); -} - -.alert__caption > * { - margin-block-end: 0; - margin-block-start: 0; -} -.alert__caption > * + * { - margin-block-start: 0.25rem; -} -.alert__close { - --size: 1.5rem; - background: none; - border: 0; - color: inherit; - cursor: pointer; - font: inherit; - outline: inherit; - padding: 0; - transition-duration: var(--root-duration); - transition-property: all; - transition-timing-function: var(--root-timing-function); - align-items: center; - block-size: var(--size); - border-radius: var(--root-border-radius-sm); - display: flex; - flex-shrink: 0; - inline-size: var(--size); - justify-content: center; -} -.alert__close:hover, .alert__close:focus { - opacity: 0.75; -} -.alert__close svg { - --size: 0.85rem; - block-size: var(--size); - inline-size: var(--size); -} - -.auth-form { - margin-block: auto; -} -.auth-form > * { - margin-block-end: 0; - margin-block-start: 0; -} -.auth-form > * + * { - margin-block-start: 1rem; -} -.auth-form__title { - font-weight: 700; -} -.auth-form .or-separator { - margin-block-start: 1.5rem; -} - -.form-group-stacked > *, -.social-logins > * { - margin-block-end: 0; - margin-block-start: 0; -} -.form-group-stacked > * + *, -.social-logins > * + * { - margin-block-start: 1rem; -} - -.form-label--space-between { - display: flex; - justify-content: space-between; -} - -.trending { - align-items: center; - border-radius: 2rem; - display: inline-flex; - font-family: var(--root-font-family-heading); - font-size: var(--root-font-size-sm); - font-weight: 600; - gap: 0.25rem; - line-height: 1; - padding: 0.35em 0.55em; -} -.trending--up { - background: #dbffed; - color: #008241; -} -.trending--down { - background: #fceeee; - color: #c92222; -} -.trending__icon { - --size: 0.95em; - block-size: var(--size); - inline-size: var(--size); -} - -.status { - align-items: center; - display: inline-flex; - gap: 0.5rem; - line-height: 1; - position: relative; - white-space: nowrap; -} -.status--danger::before { - background-color: var(--root-alert-color-danger); -} -.status--info::before { - background-color: var(--root-alert-color-info); -} -.status--success::before { - background-color: var(--root-alert-color-success); -} -.status--warning::before { - background-color: var(--root-alert-color-warning); -} -.status::before { - --size: 0.55em; - block-size: var(--size); - border-radius: 50%; - content: ""; - flex-shrink: 0; - inline-size: var(--size); -} - -.block-navigation { - position: relative; - display: flex; - flex-direction: column; - gap: 1rem; - position: relative; - z-index: 1; -} -.block-navigation__toggle::before { - content: ""; - inset: 0; - position: absolute; -} - -.block-navigation__title { - align-items: center; - color: var(--root-base-color-heading); - display: flex; - font-size: var(--root-font-size-base); - font-weight: 700; - justify-content: space-between; - margin-block: 0; -} -.block-navigation__toggle[aria-expanded=true] svg { - rotate: 180deg; -} -.block-navigation__toggle svg { - pointer-events: none; -} -.block-navigation__menu[data-state=closed] { - display: none; -} -.block-navigation__menu[data-state=open] { - display: block; -} -.block-navigation__menu ul { - list-style: none; - margin: 0; - padding: 0; -} -.block-navigation__menu a { - align-items: center; - color: var(--root-base-color-text); - display: flex; - gap: 0.75em; - padding-block: 0.35em; - padding-inline: 0.75em; - position: relative; - text-decoration: none; -} -.block-navigation__menu a:hover:not([aria-current=page])::before { - background-color: var(--root-base-color-primary-lightest); -} -.block-navigation__menu a::before { - border-radius: var(--root-border-radius-sm); - content: ""; - inset-block: 0; - inset-inline: 0; - position: absolute; - z-index: -1; -} -.block-navigation__menu a[aria-current=page] { - color: hsl(0, 0%, 100%); -} -.block-navigation__menu a[aria-current=page]::before { - background-color: var(--root-base-color-primary); -} -.block-navigation__menu a[aria-current=page] svg { - color: hsl(0, 0%, 100%); -} -.block-navigation__menu a svg { - --size: 1.15em; - block-size: var(--size); - color: var(--root-base-color-primary); - inline-size: var(--size); -} -.block-navigation__menu--breakout a { - padding-block: 0.35em; - padding-inline: 0; -} -.block-navigation__menu--breakout a::before { - inset-inline: -0.75rem -0.35em; -} - -.breadcrumb-list { - list-style: none; - margin: 0; - padding: 0; - align-items: center; - display: flex; - max-inline-size: 100%; - overflow-x: auto; - white-space: nowrap; -} -.breadcrumb-list > li { - align-items: center; - display: inline-flex; - margin-block: 0; -} -.breadcrumb-list > li + li::before { - block-size: 0.4em; - border-block-end: 2px solid var(--root-breadcrumb-color-separator); - border-inline-end: 2px solid var(--root-breadcrumb-color-separator); - content: ""; - display: inline-flex; - inline-size: 0.4em; - margin-inline: 0.75em; - transform: rotate(-45deg); -} -[dir=rtl] .breadcrumb-list > li + li::before { - transform: rotate(45deg); -} - -.breadcrumb-list a { - text-decoration: none; -} -.breadcrumb-list [aria-current=page] { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: inline-block; - max-inline-size: 20ch; - text-align: start; -} - -.app-card { - background-color: var(--root-base-color-background); - border: 1px solid var(--root-base-color-border); - border-radius: var(--root-border-radius-sm); - box-shadow: 0 0 0.25rem hsla(201, 72%, 32%, 0.05); -} -.app-card:focus-within { - z-index: 5; -} -.app-card--edit .app-card__header { - padding-inline: 1.5rem; -} -.app-card--edit .app-card__body { - padding-block: 1.5rem; -} -.app-card--edit .app-card__body > * { - padding-inline: 1.5rem; -} -.app-card--setting .app-card__body { - padding-block: 1.5rem; -} -.app-card--setting .app-card__body > * { - margin-block-end: 0; - margin-block-start: 0; -} -.app-card--setting .app-card__body > * + * { - margin-block-start: 0.75rem; -} -.app-card--setting .app-card__body > * { - padding-inline: 1.5rem; -} -.app-card--setting .app-card__content > * { - margin-block-end: 0; - margin-block-start: 0; -} -.app-card--setting .app-card__content > * + * { - margin-block-start: 0.5rem; -} -.app-card--sidebar { - display: grid; - gap: clamp(1.5rem, 5vw, 3rem); - grid-template-columns: minmax(0, 1fr); - padding: 1.5rem; -} -@media (min-width: 64em) { - .app-card--sidebar { - grid-template-columns: minmax(0, 13.5rem) minmax(0, 1fr); - } -} -.app-card--sidebar > .app-card__body { - padding: 0; -} -.app-card--sidebar > .app-card__body > * { - margin-block-end: 0; - margin-block-start: 0; -} -.app-card--sidebar > .app-card__body > * + * { - margin-block-start: 1.5rem; -} -.app-card--info { - box-shadow: none; -} -.app-card--info .app-card__header { - border-block-end: 0; - min-block-size: 0; - padding-block: 1.5rem 0; - padding-inline: 1.5rem; -} -.app-card--info .app-card__body { - padding-block: 1.5rem; -} -.app-card--info .app-card__body > * { - padding-inline: 1.5rem; -} -.app-card__header { - align-items: center; - border-block-end: 1px solid var(--root-base-color-border); - display: flex; - flex-wrap: wrap; - gap: 0.5rem 1.5rem; - justify-content: space-between; - min-block-size: 3.4rem; - padding: 0.75rem 1rem; -} -.app-card__actions { - align-items: center; - display: flex; - flex-wrap: wrap; - gap: 0.5rem; - margin-inline-start: auto; -} -.app-card__title { - font-size: clamp(0.996625rem, 2vw + 1rem, 1.1725rem); - font-weight: 600; - margin-block: 0; -} -.app-card__body { - padding-block: 1rem; -} -.app-card__body--plain { - align-items: center; - display: flex; - justify-content: space-between; - padding: 0; -} -.app-card__body > * { - padding-inline: 1rem; -} -.app-card__body img:not(.data-table__image) { - border-radius: var(--root-border-radius-sm); -} - -.context-menu { - --inset-block-start: calc(100% + 1rem); - --inline-size: 10rem; - list-style: none; - margin: 0; - padding: 0; - transition-duration: var(--root-duration); - transition-property: all; - transition-timing-function: var(--root-timing-function); - background-color: var(--root-base-color-background); - border: 1px solid var(--root-base-color-border); - border-radius: var(--root-border-radius-sm); - box-shadow: 0 0 0.25rem hsla(201, 72%, 32%, 0.05); - inline-size: var(--inline-size); - opacity: 0; - position: absolute; - scale: 0.85; - visibility: hidden; - z-index: 10; -} -.context-menu--inline-start { - inset: var(--inset-block-start) auto auto 0; -} -.context-menu--inline-end { - inset: var(--inset-block-start) 0 auto auto; -} -.context-menu[data-state=open] { - opacity: 1; - scale: 1; - visibility: visible; -} -.context-menu > li { - display: flex; - flex-direction: column; -} -.context-menu > li + li { - border-block-start: 1px solid var(--root-base-color-border); - margin-block-start: 0; -} -.context-menu__item { - align-items: center; - background: none; - block-size: 2.25rem; - border: 0; - border-radius: var(--root-border-radius-sm); - color: var(--root-base-color-text); - display: flex; - justify-content: space-between; - line-height: var(--root-line-height-md); - margin: 0.15em; - padding-block: 0.25em; - padding-inline: 0.6em; - text-decoration: none; -} -.context-menu__item:hover:not([aria-current=page], :has(.theme-switcher)) { - background-color: var(--root-base-color-primary-lightest); -} -.context-menu__item[aria-current=page] { - color: var(--root-base-color-primary); -} - -.data-group > * { - margin-block-end: 0; - margin-block-start: 0; -} -.data-group > * + * { - margin-block-start: 0.25rem; -} -.data-group__content { - overflow: hidden; - text-overflow: ellipsis; - white-space: inherit; - color: var(--root-base-color-heading); - font-family: var(--root-font-family-heading); - font-weight: 600; - line-height: var(--root-line-height-heading); -} -@supports (-webkit-line-clamp: 2) { - .data-group__content { - -webkit-box-orient: vertical; - display: -webkit-box; - -webkit-line-clamp: 2; - } -} - -.data-table { - overflow: hidden; - position: relative; -} -.data-table__image { - --size: 2.25rem; - block-size: var(--size); - border-radius: 50%; - inline-size: var(--size); -} -.data-table__actions { - align-items: center; - display: flex; - gap: 0.5rem; - justify-content: end; -} -.data-table__no-results { - text-align: center; -} -.data-table__footer { - align-items: center; - display: flex; - flex-wrap: wrap; - gap: 1rem; - justify-content: space-between; - margin-block: 1.5rem 1rem; -} -.data-table__footer-column { - display: flex; - flex-wrap: wrap; - gap: 1rem; -} -.data-table__footer-column > * { - margin-block: 0; -} - -.data-table-alert { - border-width: 1px; - flex-wrap: wrap; - gap: 0.5rem 1rem; - padding-inline-end: 0.65em; -} -.data-table-alert__actions { - align-items: center; - display: flex; - flex-wrap: wrap; - gap: 0.5rem 1.5rem; -} -.data-table-alert__actions .form-control { - inline-size: auto; -} -.data-table-alert__column { - align-items: center; - display: flex; - flex-wrap: wrap; - gap: 0.5rem; -} - -.data-table-filter { - position: relative; -} -.data-table-filter__actions { - align-items: center; - display: flex; - flex-wrap: wrap; - gap: 0.5rem; -} -.data-table-filter .context-menu { - --inline-size: 16rem; - padding: 1rem; -} - -.sort-btn { - background: none; - border: 0; - color: inherit; - cursor: pointer; - font: inherit; - outline: inherit; - padding: 0; - align-items: center; - display: flex; - gap: 0.5rem; - white-space: nowrap; -} -.sort-btn svg { - --size: 0.85em; - block-size: var(--size); - color: var(--root-data-table-color-icon); - inline-size: var(--size); -} - -.data-table-deleted { - color: var(--root-alert-color-danger); -} - -.btn-dropdown { - display: inline-flex; - position: relative; - z-index: 10; -} - -.combobox { - --root-border-radius: 0.45rem; - --root-border-width: 1px; - display: flex; - flex-direction: column; - gap: 0.5rem; -} -.combobox__inner { - position: relative; -} -.combobox__selected-items { - align-items: center; - display: flex; - flex-wrap: wrap; - gap: 0.5rem; -} -.combobox__toggle { - inset: 0 0 0 auto; - pointer-events: none; - position: absolute; -} -.combobox__reset { - align-self: start; -} -.combobox__no-results { - padding-inline: 0.5rem; -} -.combobox__control { - background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%28205, 100%, 2%%29;"/%3e%3c/svg%3e'); - background-position: center right 0.5em; - background-repeat: no-repeat; - background-size: 1.25em auto; - padding-inline-end: 2em; -} -.combobox__dropdown { - background-color: var(--root-form-color-background); - border: var(--root-border-width) solid var(--root-form-color-border); - border-radius: var(--root-border-radius); - inset: calc(100% + 0.5rem) 0 auto 0; - padding: 0.5rem; - position: absolute; - z-index: 5; -} -.combobox [role=listbox] { - list-style: none; - margin: 0; - padding: 0; - display: flex; - flex-direction: column; - gap: 0.5rem; - max-block-size: 10rem; - overflow-y: auto; - padding-inline-end: 0.5rem; -} -.combobox [role=listbox]::-webkit-scrollbar { - block-size: 0.5rem; - inline-size: 0.5rem; -} -.combobox [role=listbox]::-webkit-scrollbar-thumb { - background: var(--root-scrollbar-color-thumb-background); - border-radius: var(--root-border-radius-sm); -} -.combobox [role=listbox]::-webkit-scrollbar-thumb:hover { - background: var(--root-scrollbar-color-thumb-background-hover); -} -.combobox [role=listbox]::-webkit-scrollbar-track { - background: var(--root-scrollbar-color-track-background); - border-radius: var(--root-border-radius-sm); -} -.combobox [role=listbox] > * { - margin-block-start: 0; -} -.combobox [role=option] { - align-items: center; - border-radius: var(--root-border-radius); - display: flex; - justify-content: space-between; - padding-block: 0.25rem; - padding-inline: 0.5rem; - user-select: none; -} -.combobox [role=option][aria-selected=true] { - background-color: var(--root-btn-color-light-background); - color: var(--root-btn-color-light-foreground); -} -.combobox [role=option]:hover, .combobox [role=option]:focus, .combobox [role=option].highlighted { - background-color: var(--root-btn-color-primary-background); - color: var(--root-btn-color-primary-foreground); -} -.combobox [role=option] svg { - --size: 0.85em; - block-size: var(--size); - inline-size: var(--size); -} - -.combobox-item { - align-items: center; - background-color: var(--root-combobox-color-item-background); - border-radius: 1em; - color: var(--root-combobox-color-item-foreground); - display: flex; - font-size: var(--root-font-size-sm); - gap: 0.25rem; - line-height: 1; - padding-block: 0.25rem; - padding-inline: 0.5rem 0.25rem; -} -.combobox-item .btn--sm { - --root-icon-padding: 0.25em; - --root-border-radius: 1em; -} - -.editor { - --root-block-size: 18rem; - transition-duration: var(--root-duration); - transition-property: all; - transition-timing-function: var(--root-timing-function); - block-size: var(--root-block-size); - border: 1px solid var(--root-form-color-border); - border-radius: var(--root-border-radius-sm); - display: flex; - flex-direction: column; - grid-template-rows: auto 1fr; - overflow: hidden; -} -.editor:focus-within { - border-color: var(--root-form-color-border-focus); - box-shadow: 0 0 0 0.25rem var(--root-form-color-ring-focus); - outline: 2px solid transparent; -} -.editor__controls { - align-items: center; - border-block-end: 1px solid var(--root-base-color-border); - display: flex; - flex-wrap: wrap; - gap: 0.5rem 1rem; - padding: 0.5rem; -} -.editor__controls .form-control { - inline-size: auto; -} -.editor__group { - align-items: flex-start; - display: flex; - flex-wrap: wrap; - gap: 0.5rem; -} -.editor__body { - flex: 1 1 auto; - margin: 0.25rem; - overflow-x: hidden; - overflow-y: auto; - padding: 1rem; -} -.editor__body::-webkit-scrollbar { - block-size: 0.5rem; - inline-size: 0.5rem; -} -.editor__body::-webkit-scrollbar-thumb { - background: var(--root-scrollbar-color-thumb-background); - border-radius: var(--root-border-radius-sm); -} -.editor__body::-webkit-scrollbar-thumb:hover { - background: var(--root-scrollbar-color-thumb-background-hover); -} -.editor__body::-webkit-scrollbar-track { - background: var(--root-scrollbar-color-track-background); - border-radius: var(--root-border-radius-sm); -} -.editor__body > [contenteditable=true] { - outline: 0; -} -.editor__body > [contenteditable=true] > * { - margin-block-end: 0; - margin-block-start: 0; -} -.editor__body > [contenteditable=true] > * + * { - margin-block-start: 0.5rem; -} - -.file-group-container { - container: file-group-container/inline-size; -} - -.file-group { - --root-border-radius: 0.45rem; - --root-border-width: 1px; - align-items: center; - border: var(--root-border-width) solid var(--root-form-color-border); - border-radius: var(--root-border-radius); - display: flex; - gap: 1.5rem; - overflow: hidden; - padding: 1rem; -} -@container file-group-container (inline-size < 30rem) { - .file-group { - flex-direction: column; - } -} -.file-group:has([style*=background-image]) .file-group__remove { - display: inline-flex; -} -.file-group__preview { - align-items: center; - aspect-ratio: 1; - background-color: var(--root-base-color-primary-lightest); - background-position: center; - background-size: cover; - border-radius: var(--root-border-radius); - display: flex; - flex-shrink: 0; - flex-wrap: wrap; - inline-size: 9rem; - justify-content: center; -} -@container file-group-container (inline-size < 30rem) { - .file-group__preview { - aspect-ratio: 16/9; - inline-size: 100%; - } -} -.file-group__preview[style*=background-image] .file-group__icon { - display: none; -} -.file-group__body { - display: flex; - flex-direction: column; - gap: 0.25rem; - inline-size: 100%; -} -.file-group__body > * { - margin-block: 0; -} -.file-group__icon { - --size: 2rem; - block-size: var(--size); - color: var(--root-base-color-primary); - inline-size: var(--size); -} -.file-group__title { - color: var(--root-base-color-heading); - font-family: var(--root-font-family-heading); - font-weight: 700; -} -.file-group__meta { - list-style: none; - padding-inline-start: 0; -} -.file-group__meta > * + * { - margin-block-start: 0; -} -.file-group__action { - display: flex; - flex-wrap: wrap; - gap: 0.5rem; - margin-block-start: 0.5rem; -} -.file-group__remove { - display: none; -} -.file-group__input { - flex: 1; -} - -.file-list { - --root-border-radius: 0.45rem; - --root-border-width: 1px; - display: flex; - flex-direction: column; - gap: 1rem; -} -.file-list__items { - list-style: none; - margin: 0; - padding: 0; - border: var(--root-border-width) solid var(--root-form-color-border); - border-radius: var(--root-border-radius); - padding: 0.5rem; -} -.file-list__items > li + li { - border-block-start: var(--root-border-width) solid var(--root-base-color-border); - margin-block-start: 0.5rem; - padding-block-start: 0.5rem; -} - -.file-list-item { - align-items: center; - display: flex; - gap: 1rem; - justify-content: space-between; -} -.file-list-item__icon { - align-items: center; - aspect-ratio: 1; - background-color: var(--root-media-color-background); - border-radius: var(--root-border-radius-sm); - display: flex; - inline-size: 2.5rem; - justify-content: center; -} -.file-list-item__icon svg { - --size: 1rem; - block-size: var(--size); - color: var(--root-media-color-icon); - inline-size: var(--size); -} -.file-list-item__column { - align-items: center; - display: flex; - gap: 1rem; -} -.file-list-item__thumbnail { - aspect-ratio: 1; - border-radius: var(--root-border-radius-sm); - inline-size: 2.5rem; -} -.file-list-item__name { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - max-inline-size: 10ch; -} -@media (min-width: 32em) { - .file-list-item__name { - max-inline-size: 25ch; - } -} -.file-list-item__actions { - align-items: center; - display: flex; - gap: 0.25rem; -} - -.repeater-container > * { - margin-block-end: 0; - margin-block-start: 0; -} -.repeater-container > * + * { - margin-block-start: 1rem; -} - -.repeater { - --root-border-radius: 0.45rem; - --root-border-width: 1px; - border: var(--root-border-width) solid var(--root-form-color-border); - border-radius: var(--root-border-radius); - padding: 1rem; -} -.repeater__heading { - align-items: center; - display: flex; - flex-wrap: wrap; - gap: 1rem; - justify-content: space-between; -} -.repeater__body { - border-block-start: 1px solid var(--root-base-color-border); - margin-block-start: 1rem; - padding-block-start: 1rem; -} -.repeater__column { - align-items: center; - display: flex; - gap: 1rem; -} -.repeater__title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - font-size: var(--root-font-size-base); - margin-block: 0; - max-inline-size: 20ch; -} -.repeater__actions { - align-items: center; - display: flex; - gap: 0.25rem; -} -.repeater__toggle[aria-expanded=true] .vertical-line { - display: none; -} - -.search-form { - --root-border-radius: 0.45rem; - --root-border-width: 1px; - --root-font-size: 0.938rem; - --root-line-height: 1.5; - --root-padding: 0.5em 0.75em; - transition-duration: var(--root-duration); - transition-property: all; - transition-timing-function: var(--root-timing-function); - align-items: center; - background-color: var(--root-form-color-background); - border: var(--root-border-width) solid var(--root-form-color-border); - border-radius: var(--root-border-radius); - box-sizing: border-box; - display: flex; - gap: 0.5rem; - padding: var(--root-padding); -} -.search-form:focus-within { - border-color: var(--root-form-color-border-focus); - box-shadow: 0 0 0 0.25rem var(--root-form-color-ring-focus); - outline: 2px solid transparent; -} -.search-form__control { - background-color: transparent; - border: 0; - color: var(--root-form-color-text); - flex-grow: 2; - font-size: var(--root-font-size); - line-height: var(--root-line-height); - outline: 0; - padding: 0; -} -.search-form__icon { - --size: 0.9rem; - block-size: var(--size); - color: var(--root-form-color-border); - display: flex; - grid-column: 1/2; - grid-row: 1; - inline-size: var(--size); - justify-content: center; -} -.search-form__helper { - background-color: var(--root-btn-color-light-background); - border-radius: 0.45rem; - color: var(--root-btn-color-light-foreground); - font-weight: 600; - justify-self: center; - line-height: 1; - padding: 0.25rem 0.5rem; - pointer-events: none; -} - -.open-search { - position: relative; - align-items: center; - display: flex; - gap: 0.5rem; -} -.open-search__btn::before { - content: ""; - inset: 0; - position: absolute; -} - -.open-search__icon { - --size: 1rem; - block-size: var(--size); - color: var(--root-search-color-icon); - inline-size: var(--size); -} - -.or-separator { - align-items: center; - display: flex; - font-size: var(--root-font-size-sm); - gap: 1rem; - text-transform: uppercase; -} -.or-separator::before, .or-separator::after { - background-color: var(--root-base-color-border); - block-size: 1px; - content: ""; - display: flex; - inline-size: 100%; -} - -.pagination__links { - list-style: none; - margin: 0; - padding: 0; - display: flex; - flex-wrap: wrap; - gap: 0.5rem; -} -.pagination__links > * + * { - margin-block-start: 0; -} -.pagination [aria-current=page] { - background-color: var(--root-btn-color-primary-background); - color: var(--root-btn-color-primary-foreground); -} - -.preloader--circle { - --color: currentColor; - --border-width: 0.25em; - --size: 1.5rem; - --animation-duration: 1s; - block-size: var(--size); - inline-size: var(--size); -} -.preloader--circle::after { - animation: rotation var(--animation-duration) linear infinite; - block-size: var(--size); - border: var(--border-width) solid var(--color); - border-color: var(--color) transparent var(--color) transparent; - border-radius: 50%; - content: ""; - display: flex; - inline-size: var(--size); -} - -@keyframes rotation { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } -} -code[class*=language-], -pre[class*=language-] { - border-radius: var(--root-border-radius-sm); - color: var(--root-prism-color-color); - font-family: var(--root-font-family-cursive); - font-size: var(--root-font-size-base); - hyphens: none; - line-height: 1.5; - tab-size: 4; - text-align: left; - white-space: pre; - word-break: normal; - word-spacing: normal; - word-wrap: normal; -} - -@media print { - code[class*=language-], - pre[class*=language-] { - text-shadow: none; - } -} -/* Code blocks */ -pre[class*=language-] { - display: grid; - overflow: auto; - padding: 1.5rem; -} - -pre[class*=language-] code { - background-color: transparent; - padding: 0; -} - -:not(pre) > code[class*=language-], -pre[class*=language-] { - background: var(--root-prism-color-background); - overflow-x: auto; -} -:not(pre) > code[class*=language-]::-webkit-scrollbar, -pre[class*=language-]::-webkit-scrollbar { - block-size: 0.5rem; - inline-size: 0.5rem; -} -:not(pre) > code[class*=language-]::-webkit-scrollbar-thumb, -pre[class*=language-]::-webkit-scrollbar-thumb { - background: var(--root-scrollbar-color-thumb-background); - border-radius: var(--root-border-radius-sm); -} -:not(pre) > code[class*=language-]::-webkit-scrollbar-thumb:hover, -pre[class*=language-]::-webkit-scrollbar-thumb:hover { - background: var(--root-scrollbar-color-thumb-background-hover); -} -:not(pre) > code[class*=language-]::-webkit-scrollbar-track, -pre[class*=language-]::-webkit-scrollbar-track { - background: var(--root-scrollbar-color-track-background); - border-radius: var(--root-border-radius-sm); -} - -.token.comment, -.token.prolog, -.token.cdata { - color: var(--root-prism-color-comment); - font-style: italic; -} - -.token.punctuation { - color: var(--root-prism-color-punctuation); -} - -.namespace { - color: var(--root-prism-color-namespace); -} - -.token.deleted { - color: var(--root-prism-color-deleted); - font-style: italic; -} - -.token.symbol, -.token.operator, -.token.keyword, -.token.property { - color: var(--root-prism-color-namespace); -} - -.token.tag { - color: var(--root-prism-color-punctuation); -} - -.token.boolean { - color: var(--root-prism-color-boolean); -} - -.token.number { - color: var(--root-prism-color-number); -} - -.token.constant, -.token.builtin, -.token.string, -.token.url, -.token.entity, -.language-css .token.string, -.style .token.string, -.token.char { - color: var(--root-prism-color-constant); -} - -.token.selector, -.token.function, -.token.doctype { - color: var(--root-prism-color-punctuation); - font-style: italic; -} - -.token.attr-name, -.token.inserted { - color: var(--root-prism-color-constant); - font-style: italic; -} - -.token.class-name, -.token.atrule { - color: var(--root-prism-color-class-name); -} - -.token.regex, -.token.important, -.token.variable { - color: var(--root-prism-color-regex); -} - -.token.important, -.token.bold { - font-weight: bold; -} - -.token.italic { - font-style: italic; -} - -.range-group { - display: flex; - flex-direction: column; - gap: 0.25rem; -} -.range-group .form-label { - align-items: center; - display: flex; - flex-wrap: wrap; - gap: 0.5rem; - justify-content: center; -} -.range-group__inner { - align-items: center; - display: flex; - gap: 0.5rem; -} -.range-group__inner .form-range { - flex-grow: 1; - margin-block-start: 0; -} -.range-group__inner .form-range-control { - flex-shrink: 0; -} - -.skip-link { - inset: -50vh auto auto 1.5rem; - position: fixed; -} -.skip-link:focus { - inset-block-start: 1.5rem; -} - -.no-transition * { - transition: none !important; -} - -.theme-switcher { - color: var(--root-base-color-text); - display: inline-flex; - position: relative; -} -.theme-switcher[data-theme-mode=system] .theme-switcher__system-mode { - display: flex; -} -.theme-switcher[data-theme-mode=light] .theme-switcher__light-mode { - display: flex; -} -.theme-switcher[data-theme-mode=dark] .theme-switcher__dark-mode { - display: flex; -} -.theme-switcher button { - display: none; -} -.theme-switcher button > * { - pointer-events: none; -} - -.user-menu { - position: relative; - align-items: center; - display: flex; - gap: clamp(0.5rem, 1vw, 1rem); - position: relative; -} -.user-menu__toggle::before { - content: ""; - inset: 0; - position: absolute; -} - -.user-menu__avatar { - --size: 2.1rem; - block-size: var(--size); - border-radius: 50%; - inline-size: var(--size); -} -.user-menu__caption { - display: none; - flex-direction: column; - font-size: var(--root-font-size-base); - gap: 0.25rem; - line-height: 1; -} -@media (min-width: 64em) { - .user-menu__caption { - display: flex; - } -} -.user-menu__role { - font-size: var(--root-font-size-sm); -} -.user-menu__display-name { - color: var(--root-base-color-heading); - font-weight: 700; -} -.user-menu__toggle { - background: none; - border: 0; - cursor: pointer; - display: flex; - padding: 0; -} -.user-menu__toggle svg { - --size: 1em; - block-size: var(--size); - inline-size: var(--size); -} - -.modal-backdrop { - align-items: start; - background-color: var(--root-modal-color-background); - display: flex; - inset: 0; - justify-content: center; - overflow-y: auto; - position: fixed; - z-index: 25; -} - -.modal { - --root-inline-size: 34rem; - background-color: var(--root-base-color-background); - border: 1px solid var(--root-base-color-border); - border-radius: var(--root-border-radius-sm); - box-shadow: 0 0 0.25rem hsla(201, 72%, 32%, 0.05); - inline-size: var(--root-inline-size); - margin: 1.5rem; - max-inline-size: 100%; - outline: 0; - position: relative; -} -.modal--media { - display: flex; - flex-direction: column; - inline-size: auto; - inset: 0; - position: fixed; -} -.modal--media .modal__body { - flex-grow: 1; - overflow-y: auto; -} -.modal--media .modal__body::-webkit-scrollbar { - block-size: 0.5rem; - inline-size: 0.5rem; -} -.modal--media .modal__body::-webkit-scrollbar-thumb { - background: var(--root-scrollbar-color-thumb-background); - border-radius: var(--root-border-radius-sm); -} -.modal--media .modal__body::-webkit-scrollbar-thumb:hover { - background: var(--root-scrollbar-color-thumb-background-hover); -} -.modal--media .modal__body::-webkit-scrollbar-track { - background: var(--root-scrollbar-color-track-background); - border-radius: var(--root-border-radius-sm); -} -.modal--media .modal__header-caption { - order: 1; -} -.modal--media .modal__close { - order: 2; -} -@media (min-width: 64em) { - .modal--media .modal__close { - order: 3; - } -} -.modal--media .modal__filter { - inline-size: 100%; - order: 3; -} -@media (min-width: 64em) { - .modal--media .modal__filter { - inline-size: auto; - margin-inline-start: auto; - order: 2; - } -} -.modal--dropzone::before { - background-color: var(--root-media-color-dropzone-background); - border: 2px solid var(--root-media-color-dropzone-border); - border-radius: var(--root-border-radius-sm); - content: ""; - inset: 0; - pointer-events: none; - position: absolute; - z-index: 2; -} -.modal--dropzone::after { - align-items: center; - color: hsl(0, 0%, 100%); - content: attr(data-dropzone); - display: flex; - font-size: clamp(1.5572265625rem, 2vw + 1rem, 1.83203125rem); - inset: 0; - justify-content: center; - line-height: var(--root-line-height-md); - padding: 1.5rem; - position: absolute; - text-align: center; - z-index: 3; -} -.modal__header { - align-items: center; - border-block-end: 1px solid var(--root-base-color-border); - display: flex; - flex-wrap: wrap; - gap: 1rem; - justify-content: space-between; - padding: 1rem clamp(1rem, 5vw, 1.5rem); -} -.modal__header-caption > * { - margin-block-end: 0; - margin-block-start: 0; -} -.modal__header-caption > * + * { - margin-block-start: 0; -} -.modal__title { - font-size: clamp(1.24578125rem, 2vw + 1rem, 1.465625rem); - font-weight: 600; - margin-block: 0; -} -.modal__body { - padding: clamp(1rem, 5vw, 1.5rem); -} -.modal__body > * { - margin-block-end: 0; - margin-block-start: 0; -} -.modal__body > * + * { - margin-block-start: 1rem; -} -.modal__footer { - align-items: center; - border-block-start: 1px solid var(--root-base-color-border); - display: flex; - flex-wrap: wrap; - gap: 1rem; - justify-content: end; - padding: 1rem clamp(1rem, 5vw, 1.5rem); -} -.modal__footer--space-between { - justify-content: space-between; -} -.modal__footer input { - flex-grow: 1; - max-inline-size: 25rem; -} -.modal__filter { - align-items: center; - display: flex; - gap: 1rem; - margin-inline: calc(0.5rem * -1); - -ms-overflow-style: none; - overflow-x: auto; - padding: 0.5rem; - scrollbar-width: none; -} -@media (min-width: 64em) { - .modal__filter { - margin-inline: 0; - overflow: initial; - padding: 0; - } -} -.modal__filter::-webkit-scrollbar { - display: none; -} -.modal__filter select, -.modal__filter input { - inline-size: auto; - min-inline-size: 10rem; -} -.modal__column { - align-items: center; - display: flex; - flex-wrap: wrap; - gap: 1rem; -} - -.app-notification__drawer { - transition-duration: var(--root-duration); - transition-property: all; - transition-timing-function: var(--root-timing-function); - background-color: var(--root-base-color-background); - box-shadow: 0 0 0.25rem hsla(201, 72%, 32%, 0.05); - block-size: 100dvh; - display: flex; - flex-direction: column; - gap: 1.5rem; - inline-size: 100%; - inset: 0 0 0 auto; - padding: 1.5rem; - position: fixed; - z-index: 50; - transform: translateX(100%); -} -.app-notification__drawer[data-state=open] { - transform: translateX(0); -} -@media (min-width: 32em) { - .app-notification__drawer { - inline-size: 26rem; - } -} -.app-notification__header { - align-items: center; - display: flex; - flex-wrap: wrap; - gap: 0.5rem; - justify-content: space-between; -} -.app-notification__title { - font-size: clamp(0.996625rem, 2vw + 1rem, 1.1725rem); - font-weight: 600; - margin-block: 0; -} -.app-notification__list { - overflow-y: auto; - overscroll-behavior: contain; -} -.app-notification__list::-webkit-scrollbar { - block-size: 0.5rem; - inline-size: 0.5rem; -} -.app-notification__list::-webkit-scrollbar-thumb { - background: var(--root-scrollbar-color-thumb-background); - border-radius: var(--root-border-radius-sm); -} -.app-notification__list::-webkit-scrollbar-thumb:hover { - background: var(--root-scrollbar-color-thumb-background-hover); -} -.app-notification__list::-webkit-scrollbar-track { - background: var(--root-scrollbar-color-track-background); - border-radius: var(--root-border-radius-sm); -} -.app-notification__list > * + * { - border-block-start: 1px solid var(--root-base-color-border); - margin-block-start: 1rem; - padding-block-start: 1rem; -} - -.notification-card { - --icon-size: 2.5rem; - position: relative; - padding-inline-end: 1rem; -} -.notification-card__link::before { - content: ""; - inset: 0; - position: absolute; -} - -.notification-card--read { - opacity: 0.5; -} -.notification-card--open .notification-card__control svg { - rotate: 90deg; -} -.notification-card--open .notification-card__control .horizontal-line { - opacity: 0; -} -.notification-card__header { - align-items: start; - display: flex; - gap: 1rem; -} -.notification-card__icon { - align-items: center; - block-size: var(--icon-size); - border-radius: var(--root-border-radius-sm); - display: flex; - flex-shrink: 0; - inline-size: var(--icon-size); - justify-content: center; -} -.notification-card__icon--info { - background-color: #f0fbff; - color: var(--root-alert-color-info); -} -.notification-card__icon--warning { - background-color: #fefaec; - color: var(--root-alert-color-warning); -} -.notification-card__icon--danger { - background-color: #fdf4f4; - color: var(--root-alert-color-danger); -} -.notification-card__icon--success { - background-color: #ebfff5; - color: var(--root-alert-color-success); -} -.notification-card__icon svg { - --size: 1rem; - block-size: var(--size); - inline-size: var(--size); -} -.notification-card__caption { - line-height: var(--root-line-height-md); -} -.notification-card__caption > * { - margin-block-end: 0; - margin-block-start: 0; -} -.notification-card__caption > * + * { - margin-block-start: 0.25rem; -} -.notification-card__title { - font-size: var(--root-font-size-base); -} -.notification-card__link { - color: var(--root-base-color-heading); - text-decoration: none; -} -.notification-card__link:hover, .notification-card__link:focus { - color: var(--root-base-color-link); -} -.notification-card__control { - flex-shrink: 0; - margin-inline-start: auto; -} -.notification-card__control svg { - transition-duration: var(--root-duration); - transition-property: all; - transition-timing-function: var(--root-timing-function); -} -.notification-card__body { - transition-duration: var(--root-duration); - transition-property: all; - transition-timing-function: var(--root-timing-function); - display: grid; - border-inline-start: 1px solid var(--root-base-color-border); - margin-inline-start: calc(var(--icon-size) / 2); - padding-inline-start: calc(var(--icon-size) / 2); -} -.notification-card__body[aria-hidden=true] { - grid-template-rows: 0fr; -} -.notification-card__body[aria-hidden=false] { - grid-template-rows: 1fr; - margin-block-start: 1rem; -} -.notification-card__body > div { - overflow: hidden; -} -.notification-card__body > div > * { - margin-block-end: 0; - margin-block-start: 0; -} -.notification-card__body > div > * + * { - margin-block-start: 0.5rem; -} - -.media-list { - --column: 2; - list-style: none; - margin: 0; - padding: 0; - display: grid; - gap: 1.5rem; - grid-template-columns: repeat(var(--column), minmax(0, 1fr)); -} -@media (min-width: 32em) { - .media-list { - --column: 3; - } -} -@media (min-width: 48em) { - .media-list { - --column: 4; - } -} -@media (min-width: 64em) { - .media-list { - --column: 6; - } -} -@media (min-width: 80em) { - .media-list { - --column: 8; - } -} -.media-list > * + * { - margin-block-start: 0; -} - -.media-item { - border-radius: var(--root-border-radius-sm); - line-height: var(--root-line-height-md); - position: relative; -} -.media-item[aria-checked=true], .media-item:focus-visible { - outline: 3px solid var(--root-btn-color-primary-background); - outline-offset: 3px; -} -.media-item__background { - align-items: center; - aspect-ratio: 1; - background-color: var(--root-media-color-background); - border-radius: var(--root-border-radius-sm); - display: flex; - flex-direction: column; - gap: 0.25rem; - justify-content: center; - padding: 1rem; -} -.media-item__icon { - --size: 1.5rem; - block-size: var(--size); - color: var(--root-media-color-icon); - inline-size: var(--size); -} -.media-item__name { - overflow: hidden; - text-overflow: ellipsis; - white-space: inherit; - max-inline-size: 100%; - text-align: center; -} -@supports (-webkit-line-clamp: 2) { - .media-item__name { - -webkit-box-orient: vertical; - display: -webkit-box; - -webkit-line-clamp: 2; - } -} -.media-item__selected { - --size: 1.5rem; - align-items: center; - background-color: var(--root-btn-color-primary-background); - block-size: var(--size); - border-radius: var(--root-border-radius-sm); - color: var(--root-btn-color-primary-foreground); - display: flex; - inline-size: var(--size); - inset: 0.5rem 0.5rem auto auto; - justify-content: center; - position: absolute; -} -.media-item__selected svg { - --size: 1rem; - block-size: var(--size); - inline-size: var(--size); -} -.media-item .progressbar { - margin-block-start: 1rem; -} -.media-item img { - aspect-ratio: 1; - border-radius: var(--root-border-radius-sm); - inline-size: 100%; - object-fit: cover; -} - -.search-modal { - display: flex; - flex-direction: column; - gap: 1rem; -} - -.search-results { - list-style: none; - margin: 0; - padding: 0; - max-block-size: 20rem; - overflow-y: auto; - padding-inline-end: 1rem; -} -.search-results::-webkit-scrollbar { - block-size: 0.5rem; - inline-size: 0.5rem; -} -.search-results::-webkit-scrollbar-thumb { - background: var(--root-scrollbar-color-thumb-background); - border-radius: var(--root-border-radius-sm); -} -.search-results::-webkit-scrollbar-thumb:hover { - background: var(--root-scrollbar-color-thumb-background-hover); -} -.search-results::-webkit-scrollbar-track { - background: var(--root-scrollbar-color-track-background); - border-radius: var(--root-border-radius-sm); -} -.search-results > li + li { - border-block-start: 1px dashed var(--root-base-color-border); - margin-block-start: 0.5rem; - padding-block-start: 0.5rem; -} - -.search-result-item { - align-items: center; - color: var(--root-base-color-text); - display: flex; - flex-wrap: wrap; - gap: 0.5rem; - text-decoration: none; -} -.search-result-item__icon { - --size: 1em; - block-size: var(--size); - color: var(--root-base-color-primary); - inline-size: var(--size); -} - -.app-widget { - align-items: center; - background-color: var(--root-base-color-background); - border: 1px solid var(--root-base-color-border); - border-radius: var(--root-border-radius-sm); - box-shadow: 0 0 0.25rem hsla(201, 72%, 32%, 0.05); - display: flex; - justify-content: space-between; -} -.app-widget--primary { - background-color: var(--root-base-color-primary); - border: 0; -} -.app-widget--primary .app-widget__title, -.app-widget--primary .app-widget__data { - color: hsl(0, 0%, 100%); -} -.app-widget--secondary { - background-color: var(--root-base-color-primary); - border: 0; -} -.app-widget--secondary .app-widget__title, -.app-widget--secondary .app-widget__data { - color: hsl(0, 0%, 100%); -} -.app-widget--summary { - gap: 1.5rem; - justify-content: start; - padding: 1.5rem; -} -.app-widget--summary .app-widget__column { - padding: 0; -} -.app-widget--small-data .app-widget__data { - font-size: clamp(0.996625rem, 2vw + 1rem, 1.1725rem); -} -.app-widget__icon { - --size: 4rem; - align-items: center; - background-color: var(--root-widget-color-icon-background); - block-size: var(--size); - border-radius: var(--root-border-radius-sm); - color: var(--root-base-color-primary); - display: flex; - flex-shrink: 0; - inline-size: var(--size); - justify-content: center; -} -.app-widget__icon svg { - --size: 1.5rem; - block-size: var(--size); - inline-size: var(--size); -} -.app-widget__title { - font-size: 0.938rem; - font-weight: 600; - margin-block: 0; -} -.app-widget__data-row { - align-items: center; - display: flex; - gap: 1rem; -} -.app-widget__data { - line-height: var(--root-line-height-heading); - margin-block: 0; -} -.app-widget__column { - align-items: start; - color: var(--root-base-color-heading); - display: flex; - flex-direction: column; - font-size: clamp(1.9465332031rem, 2vw + 1rem, 2.2900390625rem); - font-weight: 700; - line-height: var(--root-line-height-heading); - padding: 1.5rem; -} -.app-widget__column .app-widget__trending { - margin-block-start: 0.25rem; -} -.app-widget__chart { - max-inline-size: 65%; -} -.app-widget__chart foreignObject { - padding-block: 1rem; -} - -.app-sidebar { - block-size: 100%; - border-inline-end: 1px solid var(--root-base-color-border); - display: flex; - flex-direction: column; - gap: 1.5rem; - padding-block: 0 1.5rem; -} -.app-sidebar__logo { - block-size: 1.25rem; - display: inline-flex; -} -.app-sidebar__search { - display: none; -} -@media (min-width: 64em) { - .app-sidebar__search { - display: flex; - } -} -.app-sidebar__header { - align-items: center; - block-size: var(--root-header-block-size); - border-block-end: 1px solid var(--root-base-color-border); - display: flex; - flex-shrink: 0; - justify-content: space-between; - margin-inline: 1.5rem; -} -.app-sidebar__body { - flex-grow: 1; - margin-inline: calc(1.5rem / 2); - overflow-y: auto; - padding-inline: calc(1.5rem / 2); -} -.app-sidebar__body::-webkit-scrollbar { - block-size: 0.5rem; - inline-size: 0.5rem; -} -.app-sidebar__body::-webkit-scrollbar-thumb { - background: var(--root-scrollbar-color-thumb-background); - border-radius: 0.15em; -} -.app-sidebar__body::-webkit-scrollbar-thumb:hover { - background: var(--root-scrollbar-color-thumb-background-hover); -} -.app-sidebar__body::-webkit-scrollbar-track { - background: var(--root-scrollbar-color-track-background); - border-radius: 0.15em; -} -.app-sidebar__body > * + * { - border-block-start: 1px solid var(--root-base-color-border); - margin-block-start: 1rem; - padding-block-start: 1rem; -} - -.app-header { - backdrop-filter: saturate(180%) blur(0.25rem); - background-color: var(--root-header-color-background); - border-block-end: 1px solid var(--root-base-color-border); - inset-block-start: 0; - inset-block-start: 0; - position: sticky; - position: sticky; - z-index: 15; -} -.app-header__inner { - align-items: center; - block-size: var(--root-header-block-size); - display: flex; - flex-wrap: wrap; - gap: clamp(1rem, 5vw, 3rem); - justify-content: space-between; - margin-inline: var(--root-container-gap); -} -.app-header__column { - align-items: center; - display: flex; - flex-grow: 1; - gap: clamp(1rem, 5vw, 1.5rem); -} -.app-header__actions { - align-items: center; - display: flex; - gap: clamp(1rem, 5vw, 1.5rem); -} -.app-header__actions--secondary { - gap: 1rem; -} -.app-header__logo { - block-size: 1.25rem; - display: inline-flex; -} -@media (min-width: 64em) { - .app-header__logo { - display: none; - } -} -.app-header__breadcrumb { - display: none; -} -@media (min-width: 64em) { - .app-header__breadcrumb { - display: flex; - } -} - -.app-heading { - padding-block: clamp(1.5rem, 5vw, 3rem); -} -.app-heading__inner { - display: flex; - flex-wrap: wrap; - gap: 1rem 1.5rem; - justify-content: space-between; -} -.app-heading__inner--column { - flex-direction: column; -} -.app-heading__caption > * { - margin-block-end: 0; - margin-block-start: 0; -} -.app-heading__caption > * + * { - margin-block-start: 0.5rem; -} -.app-heading__title { - font-weight: 700; -} -.app-heading__description { - align-items: center; - display: flex; - flex-wrap: wrap; - font-size: 1rem; - gap: 0.5rem 1.5rem; -} -.app-heading__description > * { - margin-block-end: 0; - margin-block-start: 0; -} -.app-heading__description > * + * { - margin-block-start: 0.25rem; -} -.app-heading__actions { - align-items: center; - display: flex; - flex-wrap: wrap; - gap: 0.5rem 1rem; - justify-content: end; -} - -.app-body { - display: flex; - flex-direction: column; - gap: 1.5rem; -} - -.app-actions { - justify-content: space-between; -} -@media (min-width: 80em) { - .app-actions--sidebar { - margin-inline-end: calc(20rem + 1.5rem); - } -} -.app-actions, .app-actions__column { - display: flex; - flex-wrap: wrap; - gap: 1.5rem; -} - -.app-footer { - padding-block: clamp(1.5rem, 5vw, 3rem); - text-align: center; -} -.app-footer__created-with { - margin-block: 0; -} - -.btn--light { - background-color: var(--root-btn-color-light-background); - border-color: var(--root-btn-color-light-background); - color: var(--root-btn-color-light-foreground); -} -.btn--light:focus-visible { - outline: 2px solid var(--root-btn-color-light-focus-ring); - outline-offset: 2px; -} -.btn--light:hover { - background-color: var(--root-btn-color-light-background-hover); - border-color: var(--root-btn-color-light-background-hover); - color: var(--root-btn-color-light-foreground-hover); -} -.btn--light.btn--active { - background-color: var(--root-btn-color-light-background-hover); - border-color: var(--root-btn-color-light-background-hover); - color: var(--root-btn-color-light-foreground-hover); -} - -.btn--delete { - background-color: var(--root-btn-color-delete-background); - border-color: var(--root-btn-color-delete-background); - color: var(--root-btn-color-delete-foreground); -} -.btn--delete:focus-visible { - outline: 2px solid var(--root-btn-color-delete-focus-ring); - outline-offset: 2px; -} -.btn--delete:hover { - background-color: var(--root-btn-color-delete-background-hover); - border-color: var(--root-btn-color-delete-background-hover); - color: var(--root-btn-color-delete-foreground-hover); -} - -.btn--dark { - background-color: var(--root-btn-color-dark-background); - border-color: var(--root-btn-color-dark-background); - color: var(--root-btn-color-dark-foreground); -} -.btn--dark:focus-visible { - outline: 2px solid var(--root-btn-color-dark-background); - outline-offset: 2px; -} -.btn--dark:hover { - background-color: var(--root-btn-color-dark-background-hover); - border-color: var(--root-btn-color-dark-background-hover); - color: var(--root-btn-color-dark-foreground); -} -.btn--dark-shadow { - box-shadow: 0 0.55em 1em -0.2em var(--root-btn-color-dark-shadow), 0 0.15em 0.35em -0.185em var(--root-btn-color-dark-shadow); -} - -.btn--outline-dark { - background-color: transparent; - border-color: var(--root-btn-color-dark-outline-border); - color: var(--root-btn-color-dark-outline-foreground); -} -.btn--outline-dark:focus-visible { - outline: 2px solid var(--root-btn-color-dark-outline-focus-ring); - outline-offset: 2px; -} -.btn--outline-dark:hover { - background-color: var(--root-btn-color-dark-outline-background-hover); - border-color: var(--root-btn-color-dark-outline-background-hover); - color: var(--root-btn-color-dark-outline-foreground-hover); -} - -.btn--counter { - position: relative; -} -.btn__counter { - background-color: var(--root-alert-color-danger); - border-radius: var(--root-border-radius-sm); - color: var(--root-btn-color-primary-foreground); - font-size: 0.6375rem; - inset: -0.5em -0.5em auto auto; - min-inline-size: 1.25rem; - padding: 0.45em; - position: absolute; - text-align: center; -} - -.apexcharts-legend-series { - align-items: center; - display: flex !important; - gap: 0.25rem; -} - -.apexcharts-legend { - display: flex; - gap: 1rem; -} -.apexcharts-legend > * { - margin: 0 !important; -} - -.apexcharts-text, -.apexcharts-legend-text { - color: var(--root-base-color-text) !important; - fill: var(--root-base-color-text); -} - -.apexcharts-tooltip, -.apexcharts-tooltip-title { - background: var(--root-base-color-background) !important; - border-color: var(--root-base-color-border) !important; -} - -.apexcharts-tooltip-title { - line-height: 1; - padding-block: 0.75em !important; -} - -.apexcharts-xaxis-tick, -.apexcharts-gridline, -.apexcharts-grid-borders line:last-child { - stroke: var(--root-base-color-border); -} - -.form-group-stack > * { - margin-block-end: 0; - margin-block-start: 0; -} -.form-group-stack > * + * { - margin-block-start: 1rem; -} -.form-group-stack--bordered > * + * { - border-block-start: 1px solid var(--root-base-color-border); - padding-block-start: 1rem; -} - -legend { - font-family: var(--root-font-family-heading); -} - -.form-control[type=color] { - --root-border-radius: clamp(1.5rem, 5vw, 3rem); -} - -.required-marker { - color: var(--root-alert-color-danger); -} - -.progressbar { - display: flex; - flex-direction: column; - gap: 0.5rem; - inline-size: 100%; -} -.progressbar__inner { - background-color: var(--root-form-color-background); - block-size: 0.5rem; - border-radius: var(--root-border-radius-sm); - box-shadow: inset 0 0 0 1px var(--root-form-color-border); - position: relative; -} -.progressbar__indicator { - background-color: var(--root-base-color-primary); - block-size: 100%; - border-radius: var(--root-border-radius-sm); - inset: 0 auto 0 0; - position: absolute; -} -.progressbar__indicator:not([style*=inline-size]) { - animation: 1s progress infinite linear alternate; - inline-size: 20%; -} -.progressbar__caption { - text-align: center; -} - -@keyframes progress { - 0% { - inset-inline-start: 0%; - } - 100% { - inset-inline-start: 80%; - } -} -@media (min-width: 32em) { - .display--flex\:xs { - display: flex !important; - } -} -@media (min-width: 48em) { - .display--flex\:sm { - display: flex !important; - } -} -@media (min-width: 64em) { - .display--flex\:md { - display: flex !important; - } -} -@media (min-width: 80em) { - .display--flex\:lg { - display: flex !important; - } -} -@media (min-width: 90em) { - .display--flex\:xl { - display: flex !important; - } -} -@media (min-width: 110em) { - .display--flex\:xxl { - display: flex !important; - } -} -@media (min-width: 32em) { - .display--none\:xs { - display: none !important; - } -} -@media (min-width: 48em) { - .display--none\:sm { - display: none !important; - } -} -@media (min-width: 64em) { - .display--none\:md { - display: none !important; - } -} -@media (min-width: 80em) { - .display--none\:lg { - display: none !important; - } -} -@media (min-width: 90em) { - .display--none\:xl { - display: none !important; - } -} -@media (min-width: 110em) { - .display--none\:xxl { - display: none !important; - } -} - -.m-block\:0 { - margin-block: 0 !important; -} - -:root { - --root-sidebar-inline-size: 20rem; - --root-header-block-size: 4.5rem; - --root-container-gap: clamp(1.5rem, 5vw, 3rem); -} - -body { - overflow-x: hidden; -} - -[x-cloak] { - visibility: hidden !important; -} +@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:400;src:url("../../font/manrope-v14-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:500;src:url("../../font/manrope-v14-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:600;src:url("../../font/manrope-v14-latin-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Manrope";font-style:normal;font-weight:700;src:url("../../font/manrope-v14-latin-800.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Open Sans";font-style:normal;font-weight:400;src:url("../../font/open-sans-v35-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Open Sans";font-style:normal;font-weight:700;src:url("../../font/open-sans-v35-latin-700.woff2") format("woff2")}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;block-size:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-inline-size:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{block-size:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--root-alert-color-danger: hsl(0, 71%, 51%);--root-alert-color-info: hsl(195, 100%, 42%);--root-alert-color-success: hsl(150, 100%, 33%);--root-alert-color-warning: hsl(48, 89%, 55%)}:root{--root-base-color-background: hsl(0, 0%, 100%);--root-base-color-blockquote-border: hsl(214, 98%, 49%);--root-base-color-border: hsl(215, 100%, 96%);--root-base-color-code-background: #f0f6ff;--root-base-color-code-foreground: hsl(205, 100%, 2%);--root-base-color-heading: hsl(205, 100%, 2%);--root-base-color-link: hsl(214, 98%, 49%);--root-base-color-link-hover: #0257c6;--root-base-color-mark-background: hsl(50, 100%, 80%);--root-base-color-mark-foreground: hsl(205, 100%, 2%);--root-base-color-marker: hsl(214, 98%, 49%);--root-base-color-primary: hsl(214, 98%, 49%);--root-base-color-secondary: hsl(160, 89%, 46%);--root-base-color-strong: hsl(205, 100%, 2%);--root-base-color-text: hsl(208, 9%, 42%);--root-base-color-primary-lightest: hsl(210, 60%, 98%)}:root{--root-btn-color-primary-background: hsl(214, 98%, 49%);--root-btn-color-primary-background-hover: #0256c5;--root-btn-color-primary-foreground: hsl(0, 0%, 100%);--root-btn-color-primary-shadow: #aed1fe;--root-btn-color-secondary-background: hsl(160, 89%, 46%);--root-btn-color-secondary-background-hover: #0aae77;--root-btn-color-secondary-foreground: hsl(0, 0%, 100%);--root-btn-color-secondary-shadow: #a3fadd;--root-btn-color-dark-background: hsl(205, 100%, 2%);--root-btn-color-dark-background-hover: hsl(205, 100%, 5%);--root-btn-color-dark-foreground: hsl(0, 0%, 100%);--root-btn-color-dark-outline-background-hover: hsl(205, 100%, 2%);--root-btn-color-dark-outline-border: hsl(260, 4%, 70%);--root-btn-color-dark-outline-foreground: hsl(205, 100%, 2%);--root-btn-color-dark-outline-foreground-hover: hsl(0, 0%, 100%);--root-btn-color-dark-outline-focus-ring: hsl(205, 100%, 2%);--root-btn-color-dark-shadow: hsla(205, 100%, 2%, 0.05);--root-btn-color-light-background: hsl(210, 60%, 98%);--root-btn-color-light-background-hover: hsl(214, 98%, 49%);--root-btn-color-light-focus-ring: hsl(214, 98%, 49%);--root-btn-color-light-foreground: hsl(214, 98%, 49%);--root-btn-color-light-foreground-hover: hsl(0, 0%, 100%);--root-btn-color-delete-background: #fceeee;--root-btn-color-delete-background-hover: hsl(0, 71%, 51%);--root-btn-color-delete-focus-ring: hsl(0, 71%, 51%);--root-btn-color-delete-foreground: hsl(0, 71%, 51%);--root-btn-color-delete-foreground-hover: hsl(0, 0%, 100%);--root-btn-color-primary-outline-foreground: hsl(214, 98%, 49%)}:root{--root-form-color-background: hsl(0, 0%, 100%);--root-form-color-background-disabled: hsl(0, 0%, 95%);--root-form-color-border: hsl(260, 4%, 75%);--root-form-color-border-disabled: hsl(215, 63%, 93%);--root-form-color-border-focus: hsl(214, 98%, 49%);--root-form-color-check-background: hsl(214, 98%, 49%);--root-form-color-check-focus-ring: hsl(214, 98%, 49%);--root-form-color-check-foreground: hsl(0, 0%, 100%);--root-form-color-group-label-background: hsl(210, 60%, 98%);--root-form-color-group-label-foreground: hsl(208, 9%, 42%);--root-form-color-invalid: hsl(0, 71%, 51%);--root-form-color-invalid-focus-ring: rgba(219, 41, 41, 0.25);--root-form-color-label: hsl(205, 100%, 2%);--root-form-color-legend: hsl(205, 100%, 2%);--root-form-color-placeholder: hsl(208, 7%, 40%);--root-form-color-range-thumb-background: hsl(214, 98%, 49%);--root-form-color-range-thumb-focus-ring: hsl(214, 98%, 49%);--root-form-color-range-track-background: hsl(215, 63%, 93%);--root-form-color-ring-focus: rgba(2, 109, 247, 0.25);--root-form-color-select-foreground: hsl(205, 100%, 2%);--root-form-color-text: hsl(208, 9%, 42%);--root-form-color-valid: hsl(150, 100%, 33%);--root-form-color-valid-focus-ring: rgba(0, 168, 84, 0.25)}:root{--root-selection-color-foreground: hsl(0, 0%, 100%);--root-selection-color-background: hsl(214, 98%, 49%)}:root{--root-scrollbar-color-thumb-background: hsla(0, 0%, 0%, 0.15);--root-scrollbar-color-thumb-background-hover: hsla(0, 0%, 0%, 0.25);--root-scrollbar-color-track-background: hsla(0, 0%, 0%, 0.05)}:root{--root-table-color-border: hsl(215, 63%, 93%);--root-table-color-caption: hsl(208, 9%, 42%);--root-table-color-heading: hsl(205, 100%, 2%);--root-table-color-hover: hsl(210, 60%, 98%);--root-table-color-stripe: hsl(210, 60%, 98%);--root-table-color-text: hsl(208, 9%, 42%)}:root{--root-breadcrumb-color-separator: hsl(0, 0%, 80%)}:root{--root-combobox-color-item-background: hsl(210, 60%, 98%);--root-combobox-color-item-foreground: hsl(214, 98%, 49%)}:root{--root-data-table-color-icon: hsl(0, 0%, 80%)}:root{--root-header-color-background: hsla(0, 0%, 100%, 0.95)}:root{--root-navigation-color-arrow: hsla(0, 0%, 0%, 0.15)}:root{--root-main-color-background: hsl(210, 60%, 98%)}:root{--root-media-color-background: hsl(210, 60%, 98%);--root-media-color-dropzone-background: hsla(214, 98%, 49%, 0.75);--root-media-color-dropzone-border: hsl(214, 98%, 40%);--root-media-color-icon: hsl(214, 98%, 49%)}:root{--root-modal-color-background: hsla(210, 60%, 98%, 0.9)}:root{--root-search-color-icon: hsla(229, 26%, 48%, 0.25)}:root{--root-prism-color-color: hsl(243, 14%, 29%);--root-prism-color-background: hsl(0, 0%, 98%);--root-prism-color-comment: hsl(225, 14%, 46%);--root-prism-color-punctuation: hsl(279, 50%, 53%);--root-prism-color-namespace: hsl(173, 100%, 24%);--root-prism-color-deleted: hsla(1, 83%, 63%, 0.56);--root-prism-color-boolean: hsl(0, 44%, 53%);--root-prism-color-number: hsl(315, 90%, 35%);--root-prism-color-constant: hsl(221, 57%, 52%);--root-prism-color-class-name: hsl(0, 0%, 7%);--root-prism-color-regex: hsl(1, 48%, 59%)}:root{--root-widget-color-icon-background: #f5f9ff}:root{--root-border-radius: 0.45rem;--root-font-family-base: Open Sans, sans-serif;--root-font-family-cursive: ui-monospace, Cascadia Code, Source Code Pro, Menlo, Consolas, DejaVu Sans Mono, monospace;--root-font-family-heading: Manrope, sans-serif;--root-font-size-base: 0.938rem;--root-font-size-lead: clamp(1.15rem, 2vw, 1.35rem);--root-font-size-lg: 1.125rem;--root-font-size-ratio: 1.25;--root-font-size-sm: 0.875rem;--root-font-weight-heading: 600;--root-inline-padding: 0.1em 0.3em;--root-line-height-base: 1.8;--root-line-height-heading: calc(2px + 2ex + 2px);--root-line-height-lg: 1.8;--root-line-height-md: 1.5;--root-line-height-sm: 1.2;--root-border-radius-lg: 0.925rem;--root-border-radius-sm: 0.45rem;--root-container-inline-size: 84rem;--root-page-margin: 2cm;--root-hidden-elements: header, footer, aside, nav, form, iframe, [class^="aspect-ratio"]}@media(prefers-reduced-motion: no-preference){:root{--root-duration: 0.15s;--root-timing-function: ease-in-out}}.sr-only{block-size:1px !important;border:0 !important;clip:rect(0, 0, 0, 0) !important;inline-size:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important}[tabindex="-1"]:focus{outline:none !important}::selection{background-color:var(--root-selection-color-background);color:var(--root-selection-color-foreground);text-shadow:none}html{box-sizing:border-box}@media(prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}*,::before,::after{box-sizing:inherit}body{background:var(--root-base-color-background);color:var(--root-base-color-text)}a{color:var(--root-base-color-link);text-decoration:underline;transition-duration:var(--root-duration);transition-property:color;transition-timing-function:var(--root-timing-function)}a:hover{color:var(--root-base-color-link-hover)}button{color:inherit}a,button{touch-action:manipulation}hr{border:0;border-block-start:1px solid var(--root-base-color-border)}img{block-size:auto;display:block;max-inline-size:100%;user-select:none}iframe{block-size:100%;display:block;inline-size:100%}figure{margin-inline:0}figure figcaption{margin-block-start:.5rem;text-align:center}.table-responsive{--inline-size: 40rem;-webkit-overflow-scrolling:touch;overflow-x:auto}.table-responsive table{min-inline-size:var(--inline-size)}.table{--root-line-height: 1.5;--root-padding: 1rem;--root-responsive-inline-size: 40rem;border-collapse:collapse;color:var(--root-table-color-text);inline-size:100%}.table caption{color:var(--root-table-color-caption);margin-block-end:1rem}.table th,.table td{border-block-end:1px solid var(--root-table-color-border);line-height:var(--root-line-height);padding:var(--root-padding)}.table th{color:var(--root-table-color-heading);text-align:inherit;text-align:-webkit-match-parent}.table--striped>tbody>tr:nth-child(odd){background-color:var(--root-table-color-stripe)}.table--hover>tbody>tr:hover{background:var(--root-table-color-hover)}.table--clear-border th,.table--clear-border td{border:0}.table--in-line th:first-child,.table--in-line td:first-child{padding-inline-start:0}.table--in-line th:last-child,.table--in-line td:last-child{padding-inline-end:0}.table--sm{--root-padding: 0.5rem}.table--sm th,.table--sm td{padding:var(--root-padding)}.table--rounded th:first-child,.table--rounded td:first-child{border-end-start-radius:var(--root-border-radius-sm);border-start-start-radius:var(--root-border-radius-sm)}.table--rounded th:last-child,.table--rounded td:last-child{border-end-end-radius:var(--root-border-radius-sm);border-start-end-radius:var(--root-border-radius-sm)}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:var(--root-font-family-base);font-size:var(--root-font-size-base);line-height:var(--root-line-height-base)}p,li,h1,h2,h3,h4,h5,h6{hyphens:auto;overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{color:var(--root-base-color-heading);font-family:var(--root-font-family-heading);font-weight:var(--root-font-weight-heading);line-height:var(--root-line-height-heading)}h1{font-size:clamp(1.9465332031rem,2vw + 1rem,2.2900390625rem)}h2{font-size:clamp(1.5572265625rem,2vw + 1rem,1.83203125rem)}h3{font-size:clamp(1.24578125rem,2vw + 1rem,1.465625rem)}h4{font-size:clamp(0.996625rem,2vw + 1rem,1.1725rem)}h5{font-size:.938rem}h6{font-size:.938rem}ul,ol{list-style-position:inside}ul>*,ol>*{margin-block-end:0;margin-block-start:0}ul>*+*,ol>*+*{margin-block-start:.25rem}ul li,ol li{list-style-position:outside}ul li::marker,ol li::marker{color:var(--root-base-color-marker)}li>ul,li>ol{margin-block-start:.25rem}dl dt{color:var(--root-base-color-heading);font-weight:bold}dl dd{margin:0}dl dd+dt{margin-block-start:1rem}.quote{border-inline-start:.5rem solid var(--root-base-color-blockquote-border);padding-inline-start:1.5rem}.quote>*{margin-block-end:0;margin-block-start:0}.quote>*+*{margin-block-start:.5rem}.quote blockquote{border-inline-start:0;padding-inline-start:0}.quote figcaption{text-align:start}blockquote{border-inline-start:.5rem solid var(--root-base-color-blockquote-border);margin-inline-start:0;padding-inline-start:1.5rem}blockquote>*{margin-block-end:0;margin-block-start:0}blockquote>*+*{margin-block-start:.5rem}abbr[title]{border-block-end:1px dotted;cursor:help;text-decoration:none}mark{background-color:var(--root-base-color-mark-background);border-radius:var(--root-border-radius);color:var(--root-base-color-mark-foreground);padding:var(--root-inline-padding)}code,kbd,samp{background-color:var(--root-base-color-code-background);border-radius:var(--root-border-radius);color:var(--root-base-color-code-foreground);padding:var(--root-inline-padding)}strong{color:var(--root-base-color-strong)}.lead{font-size:var(--root-font-size-lead)}.hidden,[hidden]{display:none !important}.h1{font-size:clamp(1.9465332031rem,2vw + 1rem,2.2900390625rem)}.h2{font-size:clamp(1.5572265625rem,2vw + 1rem,1.83203125rem)}.h3{font-size:clamp(1.24578125rem,2vw + 1rem,1.465625rem)}.h4{font-size:clamp(0.996625rem,2vw + 1rem,1.1725rem)}.h5{font-size:.938rem}.h6{font-size:.938rem}.btn{--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-family: Manrope, sans-serif;--root-font-size: 0.938rem;--root-font-weight: 600;--root-gap: 0.5rem;--root-icon-padding: 0.75em;--root-icon-size: 1em;--root-padding: 0.75em 1em;--root-shadow-size: 0.25rem;align-items:center;border-radius:var(--root-border-radius);border-style:solid;border-width:var(--root-border-width);cursor:pointer;display:inline-flex;font-family:var(--root-font-family);font-size:var(--root-font-size);font-weight:var(--root-font-weight);gap:var(--root-gap);justify-content:center;line-height:1;padding:var(--root-padding);text-align:start;text-decoration:none;transition-duration:var(--root-duration);transition-property:background-color,border-color,box-shadow,color;transition-timing-function:var(--root-timing-function)}.btn:focus{outline-color:rgba(0,0,0,0);outline-style:solid}.btn:disabled{opacity:.5;pointer-events:none}.btn--icon{padding:var(--root-icon-padding)}.btn--icon.btn--sm{padding:var(--root-icon-padding)}.btn--icon.btn--lg{padding:var(--root-icon-padding)}.btn__icon{block-size:var(--root-icon-size);flex-shrink:0;inline-size:var(--root-icon-size);pointer-events:none}.btn__icon--sm{block-size:var(--root-icon-size);inline-size:var(--root-icon-size)}.btn--sm{--root-font-size: 0.8rem;--root-gap: 0.25rem;--root-icon-padding: 0.5em;--root-icon-size: 0.8rem;--root-padding: 0.5em 0.75em;font-size:var(--root-font-size);gap:var(--root-gap);padding:var(--root-padding)}.btn--lg{--root-font-size: 1rem;--root-gap: 0.5rem;--root-icon-padding: 0.9em;--root-padding: 0.9em 1.15em}.btn--block{inline-size:100%}.btn--primary{background-color:var(--root-btn-color-primary-background);border-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground)}.btn--primary:focus-visible{outline:2px solid var(--root-btn-color-primary-background);outline-offset:2px}.btn--primary:hover{background-color:var(--root-btn-color-primary-background-hover);border-color:var(--root-btn-color-primary-background-hover);color:var(--root-btn-color-primary-foreground)}.btn--primary-shadow{box-shadow:0 .55em 1em -0.2em var(--root-btn-color-primary-shadow),0 .15em .35em -0.185em var(--root-btn-color-primary-shadow)}.btn--secondary{background-color:var(--root-btn-color-secondary-background);border-color:var(--root-btn-color-secondary-background);color:var(--root-btn-color-secondary-foreground)}.btn--secondary:focus-visible{outline:2px solid var(--root-btn-color-secondary-background);outline-offset:2px}.btn--secondary:hover{background-color:var(--root-btn-color-secondary-background-hover);border-color:var(--root-btn-color-secondary-background-hover);color:var(--root-btn-color-secondary-foreground)}.btn--secondary-shadow{box-shadow:0 .55em 1em -0.2em var(--root-btn-color-secondary-shadow),0 .15em .35em -0.185em var(--root-btn-color-secondary-shadow)}.btn--outline-primary{background-color:rgba(0,0,0,0);border-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-outline-foreground)}.btn--outline-primary:focus-visible{outline:2px solid var(--root-btn-color-primary-background);outline-offset:2px}.btn--outline-primary:hover{background-color:var(--root-btn-color-primary-background);border-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground)}.btn--outline-secondary{background-color:rgba(0,0,0,0);border-color:var(--root-btn-color-secondary-background);color:var(--root-btn-color-secondary-background)}.btn--outline-secondary:focus-visible{outline:2px solid var(--root-btn-color-secondary-background);outline-offset:2px}.btn--outline-secondary:hover{background-color:var(--root-btn-color-secondary-background);border-color:var(--root-btn-color-secondary-background);color:var(--root-btn-color-secondary-foreground)}.form-file::file-selector-button{--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-family: Manrope, sans-serif;--root-font-size: 0.938rem;--root-font-weight: 600;--root-gap: 0.5rem;--root-icon-padding: 0.75em;--root-icon-size: 1em;--root-padding: 0.75em 1em;--root-shadow-size: 0.25rem;align-items:center;border-radius:var(--root-border-radius);border-style:solid;border-width:var(--root-border-width);cursor:pointer;display:inline-flex;font-family:var(--root-font-family);font-size:var(--root-font-size);font-weight:var(--root-font-weight);gap:var(--root-gap);justify-content:center;line-height:1;padding:var(--root-padding);text-align:start;text-decoration:none;transition-duration:var(--root-duration);transition-property:background-color,border-color,box-shadow,color;transition-timing-function:var(--root-timing-function)}.form-file:focus{outline-color:rgba(0,0,0,0);outline-style:solid}.form-file:disabled{opacity:.5;pointer-events:none}.form-file--sm::file-selector-button{--root-font-size: 0.8rem;--root-gap: 0.25rem;--root-icon-padding: 0.5em;--root-icon-size: 0.8rem;--root-padding: 0.5em 0.75em;font-size:var(--root-font-size);gap:var(--root-gap);padding:var(--root-padding)}.form-file--lg::file-selector-button{--root-font-size: 1rem;--root-gap: 0.5rem;--root-icon-padding: 0.9em;--root-padding: 0.9em 1.15em}.form-file--block::file-selector-button{inline-size:100%}.form-file{display:block}.form-file:focus{outline:revert}.form-file:focus-within::file-selector-button{background-color:var(--root-btn-color-primary-background-hover)}.form-file::file-selector-button{background-color:var(--root-btn-color-primary-background);border-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground);margin-inline-end:1rem}.form-file::file-selector-button:hover{background-color:var(--root-btn-color-primary-background-hover);border-color:var(--root-btn-color-primary-background-hover);color:var(--root-btn-color-primary-foreground)}.form-file::file-selector-button-shadow{box-shadow:0 .55em 1em -0.2em var(--root-btn-color-primary-shadow),0 .15em .35em -0.185em var(--root-btn-color-primary-shadow)}.form-label{color:var(--root-form-color-label);font-family:Manrope, sans-serif;font-weight:600;line-height:1.5;text-align:start}.form-control{--webkit-date-line-height: 1.375;--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-size: 0.938rem;--root-line-height: 1.5;--root-padding: 0.5em 0.75em;--root-textarea-block-size: 6rem;appearance:none;background-color:var(--root-form-color-background);border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);box-sizing:border-box;color:var(--root-form-color-text);display:block;font-size:var(--root-font-size);inline-size:100%;line-height:var(--root-line-height);padding:var(--root-padding);transition-duration:var(--root-duration);transition-property:border,box-shadow;transition-timing-function:var(--root-timing-function)}.form-control::placeholder{color:var(--root-form-color-placeholder)}.form-control::-webkit-datetime-edit{line-height:var(--webkit-date-line-height)}.form-control:focus{border-color:var(--root-form-color-border-focus);box-shadow:0 0 0 .25rem var(--root-form-color-ring-focus);outline:2px solid rgba(0,0,0,0)}.form-control[type=color]{--root-aspect-ratio: 1;--root-block-size: 100%;--root-inline-size: 2.625rem;--root-padding: 0.5em;aspect-ratio:var(--root-aspect-ratio);block-size:var(--root-block-size);inline-size:var(--root-inline-size);padding:var(--root-padding)}.form-control[type=color]::-webkit-color-swatch-wrapper{padding:0}.form-control[type=color]::-moz-color-swatch{border:0;border-radius:var(--root-border-radius)}.form-control[type=color]::-webkit-color-swatch{border:0;border-radius:var(--root-border-radius)}.form-control[disabled],.form-control[disabled=true]{background-color:var(--root-form-color-background-disabled);border-color:var(--root-form-color-border-disabled);cursor:not-allowed}textarea.form-control{block-size:var(--root-textarea-block-size);min-block-size:var(--root-textarea-block-size);resize:vertical}.form-control--valid,.form-control--invalid{background-position:center right .5em;background-repeat:no-repeat;background-size:1.25em auto;padding-inline-end:2em}html[dir=rtl] .form-control--valid,html[dir=rtl] .form-control--invalid{background-position:center left .5em}.form-control--valid{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"%3e%3cpath d="M12,2c5.519,0 10,4.481 10,10c0,5.519 -4.481,10 -10,10c-5.519,0 -10,-4.481 -10,-10c0,-5.519 4.481,-10 10,-10Zm0,1.667c4.599,-0 8.333,3.734 8.333,8.333c0,4.599 -3.734,8.333 -8.333,8.333c-4.599,0 -8.333,-3.734 -8.333,-8.333c-0,-4.599 3.734,-8.333 8.333,-8.333Zm-1.476,10.182l-2.984,-2.984c-0.065,-0.065 -0.17,-0.065 -0.235,0l-0.943,0.943c-0.065,0.065 -0.065,0.171 -0,0.236l4.043,4.042c0.033,0.033 0.076,0.05 0.119,0.049c0.044,0.001 0.087,-0.016 0.12,-0.049l6.994,-6.994c0.065,-0.065 0.065,-0.17 0,-0.235l-0.943,-0.943c-0.065,-0.065 -0.17,-0.065 -0.235,-0l-5.936,5.935Z" style="fill:hsl%28150, 100%, 33%%29;"/%3e%3c/svg%3e');border-color:var(--root-alert-color-success)}.form-control--valid:focus{border-color:var(--root-form-color-valid);box-shadow:0 0 0 .25rem var(--root-form-color-valid-focus-ring);outline:2px solid rgba(0,0,0,0)}.form-control--invalid{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"%3e%3cpath d="M12,2c5.519,0 10,4.481 10,10c0,5.519 -4.481,10 -10,10c-5.519,0 -10,-4.481 -10,-10c0,-5.519 4.481,-10 10,-10Zm0,1.667c4.599,-0 8.333,3.734 8.333,8.333c0,4.599 -3.734,8.333 -8.333,8.333c-4.599,0 -8.333,-3.734 -8.333,-8.333c-0,-4.599 3.734,-8.333 8.333,-8.333Zm0.813,11.649c-0,-0.081 -0.065,-0.146 -0.146,-0.146l-1.334,0c-0.081,0 -0.146,0.065 -0.146,0.146l0,1.169c0,0.08 0.065,0.146 0.146,0.146l1.334,-0c0.081,-0 0.146,-0.066 0.146,-0.146l-0,-1.169Zm-0,-7.784c-0,-0.09 -0.073,-0.163 -0.163,-0.163l-1.3,0c-0.09,0 -0.163,0.073 -0.163,0.163l0,6.351c0,0.09 0.073,0.163 0.163,0.163l1.3,-0c0.09,-0 0.163,-0.073 0.163,-0.163l-0,-6.351Z" style="fill:hsl%280, 71%, 51%%29;"/%3e%3c/svg%3e');border-color:var(--root-alert-color-danger)}.form-control--invalid:focus{border-color:var(--root-form-color-invalid);box-shadow:0 0 0 .25rem var(--root-form-color-invalid-focus-ring);outline:2px solid rgba(0,0,0,0)}.form-control--sm{--webkit-date-line-height: 1.36;--root-border-radius: 0.35em;--root-padding: 0.1em 0.45em}.form-control--sm[type=color]{--root-aspect-ratio: 1;--root-block-size: 100%;--root-inline-size: 1.925rem;--root-padding: 0.25em}.form-control--lg{--webkit-date-line-height: 1.387;--root-padding: 0.65em 1em}.form-control--lg[type=color]{--root-aspect-ratio: 1;--root-block-size: 100%;--root-inline-size: 3.204rem;--root-padding: 0.5em}select.form-control:not([multiple]):not([size]){background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%28205, 100%, 2%%29;"/%3e%3c/svg%3e');background-position:center right .5em;background-repeat:no-repeat;background-size:1.25em auto;padding-inline-end:2em}html[dir=rtl] select.form-control:not([multiple]):not([size]){background-position:center left .5em}.form-check{--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-size: 1.125rem;--root-font-weight: 400;--root-line-height: 1.5;--root-margin-block: 0.1em;--root-vertical-alignment: center;align-items:var(--root-vertical-alignment);display:inline-flex;gap:.5rem}.form-check--vertical-center{align-items:center}.form-check--vertical-start{align-items:flex-start}.form-check--sm{--root-border-radius: 0.35em;--root-padding: 0.1em 0.45em}.form-check--sm .form-check__control{font-size:var(--root-font-size)}.form-check--lg{--root-padding: 0.65em 1em}.form-check__control{appearance:none;background-color:var(--root-form-color-background);background-position:center;background-repeat:no-repeat;background-size:contain;block-size:1em;border:var(--root-border-width) solid var(--root-form-color-border);flex-shrink:0;font-size:var(--root-font-size);font-weight:var(--root-font-weight);inline-size:1em;line-height:1;margin-block:var(--root-margin-block);transition-duration:var(--root-duration);transition-property:border,box-shadow;transition-timing-function:var(--root-timing-function)}.form-check__control[type=radio]{border-radius:50%}.form-check__control[type=checkbox]{border-radius:var(--root-border-radius)}.form-check__control:focus-visible{outline:2px solid var(--root-form-color-check-focus-ring);outline-offset:2px}.form-check__control:checked{background-color:var(--root-form-color-check-background);border-color:var(--root-form-color-check-background)}.form-check__control:checked[type=radio]{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="6" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e')}.form-check__control:checked[type=checkbox]{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M9.525,13.777l-2.411,-2.412c-0.234,-0.233 -0.613,-0.233 -0.846,0l-1.27,1.27c-0.233,0.233 -0.233,0.612 0,0.846l4.104,4.103c0.116,0.117 0.269,0.175 0.422,0.175l0.003,0c0.152,0 0.305,-0.058 0.421,-0.175l9.054,-9.053c0.233,-0.234 0.233,-0.613 -0,-0.846l-1.27,-1.269c-0.233,-0.234 -0.612,-0.234 -0.846,-0l-7.361,7.361Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e')}.form-check__control:indeterminate[type=checkbox]{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M19.5,11.1c-0,-0.331 -0.269,-0.6 -0.6,-0.6l-13.8,0c-0.331,0 -0.6,0.269 -0.6,0.6l0,1.8c0,0.331 0.269,0.6 0.6,0.6l13.8,0c0.331,0 0.6,-0.269 0.6,-0.6l-0,-1.8Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e');background-color:var(--root-form-color-check-background);border-color:var(--root-form-color-check-background)}.form-check__control:disabled,.form-check__control.disabled{background-color:var(--root-form-color-background-disabled);border-color:var(--root-form-color-border-disabled);cursor:not-allowed}.form-check__control:disabled+.form-check__label,.form-check__control.disabled+.form-check__label{opacity:.5}.form-check__label{font-weight:var(--root-font-weight);line-height:var(--root-line-height)}.form-switch{--root-border-width: 1px;--root-font-size: 1.125rem;--root-font-weight: 600;--root-line-height: 1.5;--root-margin-block: 0.15em;--root-vertical-alignment: center;align-items:var(--root-vertical-alignment);display:inline-flex;gap:.5rem}.form-switch--block{inline-size:100%;justify-content:space-between}.form-switch--vertical-center{align-items:center}.form-switch--vertical-start{align-items:flex-start}.form-switch--sm{--root-font-size: 0.938rem}.form-switch--lg{--root-font-size: clamp(1.15rem, 2vw, 1.35rem)}.form-switch__control{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="8.5" style="fill:hsl%28260, 4%, 75%%29;"/%3e%3c/svg%3e');appearance:none;background-color:var(--root-form-color-background);background-position:left center;background-repeat:no-repeat;background-size:contain;block-size:1em;border:var(--root-border-width) solid var(--root-form-color-border);border-radius:2em;flex-shrink:0;font-size:var(--root-font-size);inline-size:2em;line-height:1;margin-block:var(--root-margin-block);transition-duration:var(--root-duration);transition-property:background-position,border,box-shadow;transition-timing-function:var(--root-timing-function)}.form-switch__control:checked{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3ccircle cx="12" cy="12" r="8.5" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e');background-color:var(--root-form-color-check-background);background-position:right center;border-color:var(--root-form-color-check-background)}.form-switch__control:disabled{background-color:var(--root-form-color-background-disabled);border-color:var(--root-form-color-border-disabled);cursor:not-allowed}.form-switch__control:disabled+.form-switch__label{opacity:.5}[dir=rtl] .form-switch__control{background-position:right center}[dir=rtl] .form-switch__control:checked{background-position:left center}.form-switch__label{font-weight:var(--root-font-weight);line-height:var(--root-line-height)}fieldset{--root-layout-gap: 1rem;--root-legend-font-size: 0.938rem;--root-legend-font-weight: 600;--root-gap: 0.5rem;border:0;margin:0;padding:0}fieldset>*{margin-block-end:0;margin-block-start:0}fieldset>*+*{margin-block-start:var(--root-layout-gap)}fieldset+fieldset{margin-block-start:3rem}legend{color:var(--root-form-color-legend);font-size:var(--root-legend-font-size);font-weight:var(--root-legend-font-weight)}.form-group-label{--root-border-radius: 0.45rem;--root-border-width: 1px;align-items:center;background-color:var(--root-form-color-group-label-background);border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);color:var(--root-form-color-group-label-foreground);display:flex;padding-inline:1rem}.form-group{--root-gap: 0.5rem;--root-row-container-inline-size: 40rem;display:flex;flex-direction:column;gap:var(--root-gap)}.form-group--horizontal-check{--root-gap: 1rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--root-gap)}.form-group--vertical-check{--root-gap: 1rem;align-items:start;flex-direction:column;gap:var(--root-gap)}.form-group--row{--root-container-inline-size: 38rem;--root-gap: 0.25rem 1rem;--root-label-inline-size: 10rem;--root-vertical-alignment: center;align-items:var(--root-vertical-alignment);display:grid;gap:var(--root-gap);grid-template-columns:minmax(0, 1fr)}.form-group--row\:vertical-center{align-items:center}.form-group--row\:vertical-start{align-items:flex-start}@container form-group-container (inline-size > 38rem){.form-group--row{grid-template-columns:minmax(0, var(--root-label-inline-size)) minmax(0, 1fr)}}@container form-group-container (inline-size > 38rem){.form-group--row .form-description,.form-group--row .field-feedback{grid-column-start:2}}.form-group--stacked{display:flex}.form-group--stacked>*+*{border-radius:0;margin-inline-start:-1px}.form-group--stacked>*:first-child{border-start-end-radius:0;border-start-start-radius:var(--root-border-radius);border-end-end-radius:0;border-end-start-radius:var(--root-border-radius)}.form-group--stacked>*:last-child{border-start-end-radius:var(--root-border-radius);border-start-start-radius:0;border-end-end-radius:var(--root-border-radius);border-end-start-radius:0}.form-group--stacked>*:only-child{border-radius:var(--root-border-radius)}.form-group--stacked>*:focus{z-index:2}.form-group-container{container:form-group-container/inline-size}.form-row--mixed{--inline-size: 20ch;display:flex;flex-wrap:wrap;gap:1rem}.form-row--mixed>*{flex:1 1 var(--inline-size)}.field-feedback{display:block;line-height:1.5}.field-feedback--valid{color:var(--root-alert-color-success)}.field-feedback--invalid{color:var(--root-alert-color-danger)}.form-range{--root-focus-ring-box-shadow-type: outside;--root-focus-ring-offset: 2px;--root-focus-ring-size: 2px;--root-focus-ring-type: outline;--root-thumb-block-size: 1rem;--root-thumb-border-radius: 0.5rem;--root-thumb-inline-size: 1rem;--root-track-block-size: 0.25rem;--root-track-border-radius: 0.15rem;appearance:none;margin-block-start:calc(var(--root-thumb-block-size)/2 - var(--root-track-block-size)/2)}.form-range:focus-visible{outline:none}.form-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--root-form-color-range-thumb-focus-ring);outline-offset:2px}.form-range:focus-visible::-moz-range-thumb{outline:2px solid var(--root-form-color-range-thumb-focus-ring);outline-offset:2px}.form-range::-webkit-slider-runnable-track{background-color:var(--root-form-color-range-track-background);block-size:var(--root-track-block-size);border-radius:var(--root-track-border-radius)}.form-range::-moz-range-track{background-color:var(--root-form-color-range-track-background);block-size:var(--root-track-block-size);border-radius:var(--root-track-border-radius)}.form-range::-webkit-slider-thumb{appearance:none;background-color:var(--root-form-color-range-thumb-background);block-size:var(--root-thumb-block-size);border-radius:var(--root-thumb-border-radius);inline-size:var(--root-thumb-inline-size);margin-block-start:calc(var(--root-track-block-size)/2 - var(--root-thumb-block-size)/2)}.form-range::-moz-range-thumb{background-color:var(--root-form-color-range-thumb-background);block-size:var(--root-thumb-block-size);border:0;border-radius:var(--root-thumb-border-radius);inline-size:var(--root-thumb-inline-size)}.form-range:disabled{cursor:not-allowed;opacity:.5}.form-description{--root-font-size: 1em;--root-font-weight: 400;color:var(--root-form-color-text);display:block;font-size:var(--root-font-size);font-weight:var(--root-font-weight);line-height:var(--root-line-height-md)}:root[data-theme-mode=dark]{--root-base-color-background: hsl(240, 30%, 14%);--root-base-color-blockquote-border: hsl(211, 99%, 46%);--root-base-color-border: hsla(0, 0%, 100%, 0.04);--root-base-color-card-border: hsl(207, 90%, 13%);--root-base-color-code-background: hsl(207, 64%, 21%);--root-base-color-code-foreground: hsl(0, 0%, 95%);--root-base-color-footer-background: hsla(0, 0%, 0%, 0.15);--root-base-color-heading: hsl(0, 0%, 95%);--root-base-color-link-hover: hsl(205, 100%, 62%);--root-base-color-link: hsl(205, 100%, 56%);--root-base-color-mark-background: hsl(50, 100%, 80%);--root-base-color-mark-foreground: hsl(240, 30%, 14%);--root-base-color-marker: hsl(211, 99%, 46%);--root-base-color-primary: hsl(211, 99%, 46%);--root-base-color-primary-lightest: hsl(240, 30%, 16%);--root-base-color-secondary: hsl(160, 89%, 46%);--root-base-color-text: hsl(0, 0%, 97%)}:root[data-theme-mode=dark]{--root-breadcrumb-color-arrow: hsla(0, 0%, 100%, 0.1)}:root[data-theme-mode=dark]{--root-btn-color-dark-background: hsl(0, 0%, 100%);--root-btn-color-dark-background-hover: hsl(0, 0%, 95%);--root-btn-color-dark-foreground: hsl(205, 100%, 5%);--root-btn-color-dark-outline-border: hsla(0, 0%, 100%, 0.15);--root-btn-color-dark-outline-foreground: hsl(0, 0%, 100%);--root-btn-color-dark-outline-foreground-hover: hsl(205, 100%, 2%);--root-btn-color-dark-outline-background-hover: hsl(0, 0%, 100%);--root-btn-color-dark-outline-focus-ring: hsl(0, 0%, 100%);--root-btn-color-light-background: hsl(240, 30%, 12%);--root-btn-color-light-background-hover: hsl(211, 99%, 46%);--root-btn-color-light-focus-ring: hsl(211, 99%, 46%);--root-btn-color-light-foreground: hsl(211, 99%, 46%);--root-btn-color-light-foreground-hover: hsl(0, 0%, 100%);--root-btn-color-primary-background: hsl(211, 99%, 46%);--root-btn-color-primary-background-hover: #208bfe;--root-btn-color-primary-foreground: hsl(0, 0%, 100%);--root-btn-color-primary-shadow: #01346b;--root-btn-color-primary-outline-foreground: hsl(211, 99%, 60%);--root-btn-color-secondary-background: hsl(160, 89%, 46%);--root-btn-color-secondary-background-hover: #13f1a7;--root-btn-color-secondary-foreground: hsl(0, 0%, 95%)}:root[data-theme-mode=dark]{--root-card-color-background: hsl(240, 30%, 14%)}:root[data-theme-mode=dark]{--root-combobox-color-item-background: hsl(240, 30%, 12%);--root-combobox-color-item-foreground: hsl(211, 99%, 46%)}:root[data-theme-mode=dark]{--root-data-table-color-icon: hsla(0, 0%, 100%, 0.1)}:root[data-theme-mode=dark]{--root-form-color-background: #21213d;--root-form-color-background-disabled: hsl(240, 30%, 14%);--root-form-color-border-disabled: hsla(0, 0%, 100%, 0.04);--root-form-color-border-focus: hsl(211, 99%, 46%);--root-form-color-border: hsla(0, 0%, 100%, 0.12);--root-form-color-check-background: hsl(211, 99%, 46%);--root-form-color-check-foreground: hsl(240, 30%, 14%);--root-form-color-group-label-background: #1d1d36;--root-form-color-group-label-foreground: hsl(0, 0%, 97%);--root-form-color-invalid: hsl(0, 71%, 51%);--root-form-color-invalid-shadow: rgba(219, 41, 41, 0.25);--root-form-color-label: hsl(0, 0%, 95%);--root-form-color-legend: hsl(0, 0%, 95%);--root-form-color-placeholder: hsl(0, 0%, 90%);--root-form-color-select-foreground: hsl(0, 0%, 100%);--root-form-color-shadow-focus: rgba(1, 113, 233, 0.25);--root-form-color-text: hsl(0, 0%, 97%);--root-form-color-valid: hsl(150, 100%, 33%);--root-form-color-valid-shadow: rgba(0, 168, 84, 0.25)}:root[data-theme-mode=dark]{--root-header-color-background: hsla(240, 30%, 12%, 0.95)}:root[data-theme-mode=dark]{--root-navigation-color-arrow: hsla(0, 0%, 100%, 0.15);--root-navigation-color-icon-background: hsl(245, 38%, 10%);--root-navigation-color-icon-background-hover: hsl(211, 99%, 46%);--root-navigation-color-icon-foreground: hsl(211, 99%, 46%);--root-navigation-color-icon-foreground-hover: hsl(186, 100%, 5%)}:root[data-theme-mode=dark]{--root-main-color-background: hsl(240, 30%, 13%)}:root[data-theme-mode=dark]{--root-media-color-background: hsl(240, 30%, 12%);--root-media-color-dropzone-background: hsla(214, 98%, 49%, 0.75);--root-media-color-dropzone-border: hsl(214, 98%, 40%);--root-media-color-icon: hsl(211, 99%, 46%)}:root[data-theme-mode=dark]{--root-modal-color-background: hsla(240, 3%, 7%, 0.9)}:root[data-theme-mode=dark]{--root-prism-color-color: hsl(217, 34%, 88%);--root-prism-color-background: hsl(245, 38%, 7%);--root-prism-color-comment: hsl(180, 9%, 55%);--root-prism-color-punctuation: hsl(276, 68%, 75%);--root-prism-color-namespace: hsl(197, 31%, 77%);--root-prism-color-deleted: hsla(1, 83%, 63%, 0.56);--root-prism-color-boolean: hsl(350, 100%, 67%);--root-prism-color-number: hsl(14, 90%, 70%);--root-prism-color-constant: hsl(221, 100%, 75%);--root-prism-color-class-name: hsl(33, 100%, 77%);--root-prism-color-regex: hsl(217, 34%, 88%)}:root[data-theme-mode=dark]{--root-table-color-border: hsla(0, 0%, 100%, 0.04);--root-table-color-caption: hsl(0, 0%, 97%);--root-table-color-heading: hsl(0, 0%, 95%);--root-table-color-hover: hsla(0, 0%, 100%, 0.02);--root-table-color-stripe: hsla(0, 0%, 100%, 0.025);--root-table-color-text: hsl(0, 0%, 97%)}:root[data-theme-mode=dark]{--root-selection-color-background: hsl(211, 99%, 46%);--root-selection-color-foreground: hsl(0, 0%, 100%)}:root[data-theme-mode=dark]{--root-search-color-icon: hsla(0, 0%, 100%, 0.25)}:root[data-theme-mode=dark]{--root-scrollbar-color-thumb-background: hsla(0, 0%, 100%, 0.15);--root-scrollbar-color-thumb-background-hover: hsla(0, 0%, 100%, 0.25);--root-scrollbar-color-track-background: hsla(0, 0%, 100%, 0.05)}:root[data-theme-mode=dark]{--root-widget-color-icon-background: #22223f}[data-theme-mode=dark]{color-scheme:dark}[data-theme-mode=dark] select.form-control:not([multiple]):not([size]),[data-theme-mode=dark] .combobox__control{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%280, 0%, 100%%29;"/%3e%3c/svg%3e')}.container{--inline-size: var(--root-container-inline-size);--gap: var(--root-container-gap);inline-size:100%;margin-inline:auto;max-inline-size:var(--inline-size);padding-inline:var(--gap)}.container--wide{--inline-size: 100%}.container--narrow{--inline-size: 50rem}.l-row{align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr)}.l-row--stretch{align-items:stretch}@media(min-width: 32em){.l-row--column\:xs\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 32em){.l-row--column\:xs\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 32em){.l-row--column\:xs\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 32em){.l-row--column\:xs\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 48em){.l-row--column\:sm\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 48em){.l-row--column\:sm\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 48em){.l-row--column\:sm\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 48em){.l-row--column\:sm\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 64em){.l-row--column\:md\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 64em){.l-row--column\:md\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 64em){.l-row--column\:md\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 64em){.l-row--column\:md\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--column\:lg\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--column\:lg\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--column\:lg\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--column\:lg\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 90em){.l-row--column\:xl\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 90em){.l-row--column\:xl\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 90em){.l-row--column\:xl\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 90em){.l-row--column\:xl\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 110em){.l-row--column\:xxl\:1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(min-width: 110em){.l-row--column\:xxl\:2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 110em){.l-row--column\:xxl\:3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media(min-width: 110em){.l-row--column\:xxl\:4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 80em){.l-row--sidebar{grid-template-columns:minmax(0, 1fr) minmax(0, 20rem)}}.l-row__column{display:grid;gap:1.5rem;grid-template-columns:minmax(0, 1fr)}.l-main{display:flex;position:relative}.l-main__sidebar{background-color:var(--root-base-color-background);display:none;inline-size:var(--root-sidebar-inline-size);inset-block:0;inset-inline:0 auto;position:fixed;z-index:20}@media(min-width: 64em){.l-main__sidebar{display:block}}.l-main__sidebar--open{display:block}.l-main__body{background-color:var(--root-main-color-background);inline-size:100%;min-block-size:calc(100lvh + 1rem)}@media(min-width: 64em){.l-main__body{inline-size:calc(100% - var(--root-sidebar-inline-size));margin-inline-start:var(--root-sidebar-inline-size)}}.l-auth__inner{background-attachment:fixed;display:flex;flex-direction:column;min-block-size:100vh;text-align:center}@media(min-width: 64em){.l-auth__inner{align-items:center;flex-direction:row;text-align:start}}.l-auth__sidebar{background-image:url("https://conedevel.com/assets/sprucecss/auth-background.png");background-position:center;background-size:cover;border-radius:2rem;margin-block-end:clamp(1.5rem,5vw,3rem);margin-inline:clamp(1.5rem,5vw,3rem);min-block-size:10rem}@media(min-width: 64em){.l-auth__sidebar{block-size:calc(100% - 2*3rem);inline-size:calc(50% - 3rem);inset-block:3rem;inset-inline:50% 3rem;margin:0;position:fixed}}.l-auth__form{align-items:center;block-size:100%;display:flex;flex-direction:column;gap:3rem;justify-content:center;padding-block:3rem;padding-inline:clamp(1.5rem,5vw,3rem)}@media(min-width: 64em){.l-auth__form{inline-size:50%;margin-inline-start:0;min-block-size:100vh}}.l-auth__logo{align-self:center;block-size:1.5rem;display:inline-flex}@media(min-width: 64em){.l-auth__logo{align-self:flex-start}}.l-auth__logo img{block-size:100%;inline-size:auto}.l-auth__footer{inline-size:100%}.l-auth__footer p{margin-block:0}.l-auth .auth-form{inline-size:100%;max-inline-size:25rem}@media(min-width: 64em){.l-auth .auth-form{padding-block-end:1.5rem}}.alert{align-items:center;border:1px solid;border-left:.4rem solid;border-radius:var(--root-border-radius-sm);display:flex;gap:1.5rem;justify-content:space-between;line-height:var(--root-line-height-md);padding:.65em 1em}.alert--danger{background-color:#fdf4f4;color:#9c1a1a}.alert--danger .alert__close{background-color:#9c1a1a;color:#fbeaea}.alert--info{background-color:#f0fbff;color:#007096}.alert--info .alert__close{background-color:#007096;color:#e1f8ff}.alert--success{background-color:#eefff6;color:#00763b}.alert--success .alert__close{background-color:#00763b;color:#dfe}.alert--warning{background-color:#fefcf4;color:#ba970b}.alert--warning .alert__close{background-color:#ba970b;color:#fefae9}[data-theme-mode=dark] .alert--danger{background-color:rgba(0,0,0,0);border-color:#9c1a1a;color:var(--root-base-color-text)}[data-theme-mode=dark] .alert--info{background-color:rgba(0,0,0,0);border-color:#007096;color:var(--root-base-color-text)}[data-theme-mode=dark] .alert--success{background-color:rgba(0,0,0,0);border-color:#00763b;color:var(--root-base-color-text)}[data-theme-mode=dark] .alert--warning{background-color:rgba(0,0,0,0);border-color:#ba970b;color:var(--root-base-color-text)}.alert__caption>*{margin-block-end:0;margin-block-start:0}.alert__caption>*+*{margin-block-start:.25rem}.alert__close{--size: 1.5rem;background:none;border:0;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0;transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);align-items:center;block-size:var(--size);border-radius:var(--root-border-radius-sm);display:flex;flex-shrink:0;inline-size:var(--size);justify-content:center}.alert__close:hover,.alert__close:focus{opacity:.75}.alert__close svg{--size: 0.85rem;block-size:var(--size);inline-size:var(--size)}.auth-form{margin-block:auto}.auth-form>*{margin-block-end:0;margin-block-start:0}.auth-form>*+*{margin-block-start:1rem}.auth-form__title{font-weight:700}.auth-form .or-separator{margin-block-start:1.5rem}.form-group-stacked>*,.social-logins>*{margin-block-end:0;margin-block-start:0}.form-group-stacked>*+*,.social-logins>*+*{margin-block-start:1rem}.form-label--space-between{display:flex;justify-content:space-between}.trending{align-items:center;border-radius:2rem;display:inline-flex;font-family:var(--root-font-family-heading);font-size:var(--root-font-size-sm);font-weight:600;gap:.25rem;line-height:1;padding:.35em .55em}.trending--up{background:#dbffed;color:#008241}.trending--down{background:#fceeee;color:#c92222}.trending__icon{--size: 0.95em;block-size:var(--size);inline-size:var(--size)}.status{align-items:center;display:inline-flex;gap:.5rem;line-height:1;position:relative;white-space:nowrap}.status--danger::before{background-color:var(--root-alert-color-danger)}.status--info::before{background-color:var(--root-alert-color-info)}.status--success::before{background-color:var(--root-alert-color-success)}.status--warning::before{background-color:var(--root-alert-color-warning)}.status::before{--size: 0.55em;block-size:var(--size);border-radius:50%;content:"";flex-shrink:0;inline-size:var(--size)}.block-navigation{position:relative;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.block-navigation__toggle::before{content:"";inset:0;position:absolute}.block-navigation__title{align-items:center;color:var(--root-base-color-heading);display:flex;font-size:var(--root-font-size-base);font-weight:700;justify-content:space-between;margin-block:0}.block-navigation__toggle[aria-expanded=true] svg{rotate:180deg}.block-navigation__toggle svg{pointer-events:none}.block-navigation__menu[data-state=closed]{display:none}.block-navigation__menu[data-state=open]{display:block}.block-navigation__menu ul{list-style:none;margin:0;padding:0}.block-navigation__menu a{align-items:center;color:var(--root-base-color-text);display:flex;gap:.75em;padding-block:.35em;padding-inline:.75em;position:relative;text-decoration:none}.block-navigation__menu a:hover:not([aria-current=page])::before{background-color:var(--root-base-color-primary-lightest)}.block-navigation__menu a::before{border-radius:var(--root-border-radius-sm);content:"";inset-block:0;inset-inline:0;position:absolute;z-index:-1}.block-navigation__menu a[aria-current=page]{color:#fff}.block-navigation__menu a[aria-current=page]::before{background-color:var(--root-base-color-primary)}.block-navigation__menu a[aria-current=page] svg{color:#fff}.block-navigation__menu a svg{--size: 1.15em;block-size:var(--size);color:var(--root-base-color-primary);inline-size:var(--size)}.block-navigation__menu--breakout a{padding-block:.35em;padding-inline:0}.block-navigation__menu--breakout a::before{inset-inline:-0.75rem -0.35em}.breadcrumb-list{list-style:none;margin:0;padding:0;align-items:center;display:flex;max-inline-size:100%;overflow-x:auto;white-space:nowrap}.breadcrumb-list>li{align-items:center;display:inline-flex;margin-block:0}.breadcrumb-list>li+li::before{block-size:.4em;border-block-end:2px solid var(--root-breadcrumb-color-separator);border-inline-end:2px solid var(--root-breadcrumb-color-separator);content:"";display:inline-flex;inline-size:.4em;margin-inline:.75em;transform:rotate(-45deg)}[dir=rtl] .breadcrumb-list>li+li::before{transform:rotate(45deg)}.breadcrumb-list a{text-decoration:none}.breadcrumb-list [aria-current=page]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-inline-size:20ch;text-align:start}.app-card{background-color:var(--root-base-color-background);border:1px solid var(--root-base-color-border);border-radius:var(--root-border-radius-sm);box-shadow:0 0 .25rem rgba(23,99,140,.05)}.app-card:focus-within{z-index:5}.app-card--edit .app-card__header{padding-inline:1.5rem}.app-card--edit .app-card__body{padding-block:1.5rem}.app-card--edit .app-card__body>*{padding-inline:1.5rem}.app-card--setting .app-card__body{padding-block:1.5rem}.app-card--setting .app-card__body>*{margin-block-end:0;margin-block-start:0}.app-card--setting .app-card__body>*+*{margin-block-start:.75rem}.app-card--setting .app-card__body>*{padding-inline:1.5rem}.app-card--setting .app-card__content>*{margin-block-end:0;margin-block-start:0}.app-card--setting .app-card__content>*+*{margin-block-start:.5rem}.app-card--sidebar{display:grid;gap:clamp(1.5rem,5vw,3rem);grid-template-columns:minmax(0, 1fr);padding:1.5rem}@media(min-width: 64em){.app-card--sidebar{grid-template-columns:minmax(0, 13.5rem) minmax(0, 1fr)}}.app-card--sidebar>.app-card__body{padding:0}.app-card--sidebar>.app-card__body>*{margin-block-end:0;margin-block-start:0}.app-card--sidebar>.app-card__body>*+*{margin-block-start:1.5rem}.app-card--info{box-shadow:none}.app-card--info .app-card__header{border-block-end:0;min-block-size:0;padding-block:1.5rem 0;padding-inline:1.5rem}.app-card--info .app-card__body{padding-block:1.5rem}.app-card--info .app-card__body>*{padding-inline:1.5rem}.app-card__header{align-items:center;border-block-end:1px solid var(--root-base-color-border);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;min-block-size:3.4rem;padding:.75rem 1rem}.app-card__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-inline-start:auto}.app-card__title{font-size:clamp(0.996625rem,2vw + 1rem,1.1725rem);font-weight:600;margin-block:0}.app-card__body{padding-block:1rem}.app-card__body--plain{align-items:center;display:flex;justify-content:space-between;padding:0}.app-card__body>*{padding-inline:1rem}.app-card__body img:not(.data-table__image){border-radius:var(--root-border-radius-sm)}.context-menu{--inset-block-start: calc(100% + 1rem);--inline-size: 10rem;list-style:none;margin:0;padding:0;transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);background-color:var(--root-base-color-background);border:1px solid var(--root-base-color-border);border-radius:var(--root-border-radius-sm);box-shadow:0 0 .25rem rgba(23,99,140,.05);inline-size:var(--inline-size);opacity:0;position:absolute;scale:.85;visibility:hidden;z-index:10}.context-menu--inline-start{inset:var(--inset-block-start) auto auto 0}.context-menu--inline-end{inset:var(--inset-block-start) 0 auto auto}.context-menu[data-state=open]{opacity:1;scale:1;visibility:visible}.context-menu>li{display:flex;flex-direction:column}.context-menu>li+li{border-block-start:1px solid var(--root-base-color-border);margin-block-start:0}.context-menu__item{align-items:center;background:none;block-size:2.25rem;border:0;border-radius:var(--root-border-radius-sm);color:var(--root-base-color-text);display:flex;justify-content:space-between;line-height:var(--root-line-height-md);margin:.15em;padding-block:.25em;padding-inline:.6em;text-decoration:none}.context-menu__item:hover:not([aria-current=page],:has(.theme-switcher)){background-color:var(--root-base-color-primary-lightest)}.context-menu__item[aria-current=page]{color:var(--root-base-color-primary)}.data-group>*{margin-block-end:0;margin-block-start:0}.data-group>*+*{margin-block-start:.25rem}.data-group__content{overflow:hidden;text-overflow:ellipsis;white-space:inherit;color:var(--root-base-color-heading);font-family:var(--root-font-family-heading);font-weight:600;line-height:var(--root-line-height-heading)}@supports(-webkit-line-clamp: 2){.data-group__content{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}}.data-table{overflow:hidden;position:relative}.data-table__image{--size: 2.25rem;block-size:var(--size);border-radius:50%;inline-size:var(--size)}.data-table__actions{align-items:center;display:flex;gap:.5rem;justify-content:end}.data-table__no-results{text-align:center}.data-table__footer{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-block:1.5rem 1rem}.data-table__footer-column{display:flex;flex-wrap:wrap;gap:1rem}.data-table__footer-column>*{margin-block:0}.data-table-alert{border-width:1px;flex-wrap:wrap;gap:.5rem 1rem;padding-inline-end:.65em}.data-table-alert__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.data-table-alert__actions .form-control{inline-size:auto}.data-table-alert__column{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.data-table-filter{position:relative}.data-table-filter__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.data-table-filter .context-menu{--inline-size: 16rem;padding:1rem}.sort-btn{background:none;border:0;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0;align-items:center;display:flex;gap:.5rem;white-space:nowrap}.sort-btn svg{--size: 0.85em;block-size:var(--size);color:var(--root-data-table-color-icon);inline-size:var(--size)}.data-table-deleted{color:var(--root-alert-color-danger)}.btn-dropdown{display:inline-flex;position:relative;z-index:10}.combobox{--root-border-radius: 0.45rem;--root-border-width: 1px;display:flex;flex-direction:column;gap:.5rem}.combobox__inner{position:relative}.combobox__selected-items{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.combobox__toggle{inset:0 0 0 auto;pointer-events:none;position:absolute}.combobox__reset{align-self:start}.combobox__no-results{padding-inline:.5rem}.combobox__control{background-image:url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3e%3cpath d="M12,12.507l-3.816,-3.815c-0.171,-0.172 -0.45,-0.172 -0.622,-0l-0.933,0.933c-0.172,0.172 -0.172,0.451 0,0.623l5.06,5.06c0.172,0.172 0.45,0.172 0.622,0l5.06,-5.06c0.172,-0.172 0.172,-0.451 -0,-0.623l-0.933,-0.933c-0.172,-0.172 -0.451,-0.172 -0.622,-0l-3.816,3.815Z" style="fill:hsl%28205, 100%, 2%%29;"/%3e%3c/svg%3e');background-position:center right .5em;background-repeat:no-repeat;background-size:1.25em auto;padding-inline-end:2em}.combobox__dropdown{background-color:var(--root-form-color-background);border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);inset:calc(100% + 0.5rem) 0 auto 0;padding:.5rem;position:absolute;z-index:5}.combobox [role=listbox]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-block-size:10rem;overflow-y:auto;padding-inline-end:.5rem}.combobox [role=listbox]::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.combobox [role=listbox]::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.combobox [role=listbox]::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.combobox [role=listbox]::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.combobox [role=listbox]>*{margin-block-start:0}.combobox [role=option]{align-items:center;border-radius:var(--root-border-radius);display:flex;justify-content:space-between;padding-block:.25rem;padding-inline:.5rem;user-select:none}.combobox [role=option][aria-selected=true]{background-color:var(--root-btn-color-light-background);color:var(--root-btn-color-light-foreground)}.combobox [role=option]:hover,.combobox [role=option]:focus,.combobox [role=option].highlighted{background-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground)}.combobox [role=option] svg{--size: 0.85em;block-size:var(--size);inline-size:var(--size)}.combobox-item{align-items:center;background-color:var(--root-combobox-color-item-background);border-radius:1em;color:var(--root-combobox-color-item-foreground);display:flex;font-size:var(--root-font-size-sm);gap:.25rem;line-height:1;padding-block:.25rem;padding-inline:.5rem .25rem}.combobox-item .btn--sm{--root-icon-padding:0.25em;--root-border-radius:1em}.editor{--root-block-size:18rem;transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);block-size:var(--root-block-size);border:1px solid var(--root-form-color-border);border-radius:var(--root-border-radius-sm);display:flex;flex-direction:column;grid-template-rows:auto 1fr;overflow:hidden}.editor:focus-within{border-color:var(--root-form-color-border-focus);box-shadow:0 0 0 .25rem var(--root-form-color-ring-focus);outline:2px solid rgba(0,0,0,0)}.editor__controls{align-items:center;border-block-end:1px solid var(--root-base-color-border);display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:.5rem}.editor__controls .form-control{inline-size:auto}.editor__group{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem}.editor__body{flex:1 1 auto;margin:.25rem;overflow-x:hidden;overflow-y:auto;padding:1rem}.editor__body::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.editor__body::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.editor__body::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.editor__body::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.editor__body>[contenteditable=true]{outline:0}.editor__body>[contenteditable=true]>*{margin-block-end:0;margin-block-start:0}.editor__body>[contenteditable=true]>*+*{margin-block-start:.5rem}.file-group-container{container:file-group-container/inline-size}.file-group{--root-border-radius: 0.45rem;--root-border-width: 1px;align-items:center;border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);display:flex;gap:1.5rem;overflow:hidden;padding:1rem}@container file-group-container (inline-size < 30rem){.file-group{flex-direction:column}}.file-group:has([style*=background-image]) .file-group__remove{display:inline-flex}.file-group__preview{align-items:center;aspect-ratio:1;background-color:var(--root-base-color-primary-lightest);background-position:center;background-size:cover;border-radius:var(--root-border-radius);display:flex;flex-shrink:0;flex-wrap:wrap;inline-size:9rem;justify-content:center}@container file-group-container (inline-size < 30rem){.file-group__preview{aspect-ratio:16/9;inline-size:100%}}.file-group__preview[style*=background-image] .file-group__icon{display:none}.file-group__body{display:flex;flex-direction:column;gap:.25rem;inline-size:100%}.file-group__body>*{margin-block:0}.file-group__icon{--size: 2rem;block-size:var(--size);color:var(--root-base-color-primary);inline-size:var(--size)}.file-group__title{color:var(--root-base-color-heading);font-family:var(--root-font-family-heading);font-weight:700}.file-group__meta{list-style:none;padding-inline-start:0}.file-group__meta>*+*{margin-block-start:0}.file-group__action{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:.5rem}.file-group__remove{display:none}.file-group__input{flex:1}.file-list{--root-border-radius: 0.45rem;--root-border-width: 1px;display:flex;flex-direction:column;gap:1rem}.file-list__items{list-style:none;margin:0;padding:0;border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);padding:.5rem}.file-list__items>li+li{border-block-start:var(--root-border-width) solid var(--root-base-color-border);margin-block-start:.5rem;padding-block-start:.5rem}.file-list-item{align-items:center;display:flex;gap:1rem;justify-content:space-between}.file-list-item__icon{align-items:center;aspect-ratio:1;background-color:var(--root-media-color-background);border-radius:var(--root-border-radius-sm);display:flex;inline-size:2.5rem;justify-content:center}.file-list-item__icon svg{--size: 1rem;block-size:var(--size);color:var(--root-media-color-icon);inline-size:var(--size)}.file-list-item__column{align-items:center;display:flex;gap:1rem}.file-list-item__thumbnail{aspect-ratio:1;border-radius:var(--root-border-radius-sm);inline-size:2.5rem}.file-list-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:10ch}@media(min-width: 32em){.file-list-item__name{max-inline-size:25ch}}.file-list-item__actions{align-items:center;display:flex;gap:.25rem}.repeater-container>*{margin-block-end:0;margin-block-start:0}.repeater-container>*+*{margin-block-start:1rem}.repeater{--root-border-radius: 0.45rem;--root-border-width: 1px;border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);padding:1rem}.repeater__heading{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.repeater__body{border-block-start:1px solid var(--root-base-color-border);margin-block-start:1rem;padding-block-start:1rem}.repeater__column{align-items:center;display:flex;gap:1rem}.repeater__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--root-font-size-base);margin-block:0;max-inline-size:20ch}.repeater__actions{align-items:center;display:flex;gap:.25rem}.repeater__toggle[aria-expanded=true] .vertical-line{display:none}.search-form{--root-border-radius: 0.45rem;--root-border-width: 1px;--root-font-size: 0.938rem;--root-line-height: 1.5;--root-padding: 0.5em 0.75em;transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);align-items:center;background-color:var(--root-form-color-background);border:var(--root-border-width) solid var(--root-form-color-border);border-radius:var(--root-border-radius);box-sizing:border-box;display:flex;gap:.5rem;padding:var(--root-padding)}.search-form:focus-within{border-color:var(--root-form-color-border-focus);box-shadow:0 0 0 .25rem var(--root-form-color-ring-focus);outline:2px solid rgba(0,0,0,0)}.search-form__control{background-color:rgba(0,0,0,0);border:0;color:var(--root-form-color-text);flex-grow:2;font-size:var(--root-font-size);line-height:var(--root-line-height);outline:0;padding:0}.search-form__icon{--size: 0.9rem;block-size:var(--size);color:var(--root-form-color-border);display:flex;grid-column:1/2;grid-row:1;inline-size:var(--size);justify-content:center}.search-form__helper{background-color:var(--root-btn-color-light-background);border-radius:.45rem;color:var(--root-btn-color-light-foreground);font-weight:600;justify-self:center;line-height:1;padding:.25rem .5rem;pointer-events:none}.open-search{position:relative;align-items:center;display:flex;gap:.5rem}.open-search__btn::before{content:"";inset:0;position:absolute}.open-search__icon{--size: 1rem;block-size:var(--size);color:var(--root-search-color-icon);inline-size:var(--size)}.or-separator{align-items:center;display:flex;font-size:var(--root-font-size-sm);gap:1rem;text-transform:uppercase}.or-separator::before,.or-separator::after{background-color:var(--root-base-color-border);block-size:1px;content:"";display:flex;inline-size:100%}.pagination__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.pagination__links>*+*{margin-block-start:0}.pagination [aria-current=page]{background-color:var(--root-btn-color-primary-background);color:var(--root-btn-color-primary-foreground)}.preloader--circle{--color: currentColor;--border-width: 0.25em;--size: 1.5rem;--animation-duration: 1s;block-size:var(--size);inline-size:var(--size)}.preloader--circle::after{animation:rotation var(--animation-duration) linear infinite;block-size:var(--size);border:var(--border-width) solid var(--color);border-color:var(--color) rgba(0,0,0,0) var(--color) rgba(0,0,0,0);border-radius:50%;content:"";display:flex;inline-size:var(--size)}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}code[class*=language-],pre[class*=language-]{border-radius:var(--root-border-radius-sm);color:var(--root-prism-color-color);font-family:var(--root-font-family-cursive);font-size:var(--root-font-size-base);hyphens:none;line-height:1.5;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{display:grid;overflow:auto;padding:1.5rem}pre[class*=language-] code{background-color:rgba(0,0,0,0);padding:0}:not(pre)>code[class*=language-],pre[class*=language-]{background:var(--root-prism-color-background);overflow-x:auto}:not(pre)>code[class*=language-]::-webkit-scrollbar,pre[class*=language-]::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}:not(pre)>code[class*=language-]::-webkit-scrollbar-thumb,pre[class*=language-]::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}:not(pre)>code[class*=language-]::-webkit-scrollbar-thumb:hover,pre[class*=language-]::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}:not(pre)>code[class*=language-]::-webkit-scrollbar-track,pre[class*=language-]::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.token.comment,.token.prolog,.token.cdata{color:var(--root-prism-color-comment);font-style:italic}.token.punctuation{color:var(--root-prism-color-punctuation)}.namespace{color:var(--root-prism-color-namespace)}.token.deleted{color:var(--root-prism-color-deleted);font-style:italic}.token.symbol,.token.operator,.token.keyword,.token.property{color:var(--root-prism-color-namespace)}.token.tag{color:var(--root-prism-color-punctuation)}.token.boolean{color:var(--root-prism-color-boolean)}.token.number{color:var(--root-prism-color-number)}.token.constant,.token.builtin,.token.string,.token.url,.token.entity,.language-css .token.string,.style .token.string,.token.char{color:var(--root-prism-color-constant)}.token.selector,.token.function,.token.doctype{color:var(--root-prism-color-punctuation);font-style:italic}.token.attr-name,.token.inserted{color:var(--root-prism-color-constant);font-style:italic}.token.class-name,.token.atrule{color:var(--root-prism-color-class-name)}.token.regex,.token.important,.token.variable{color:var(--root-prism-color-regex)}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.range-group{display:flex;flex-direction:column;gap:.25rem}.range-group .form-label{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.range-group__inner{align-items:center;display:flex;gap:.5rem}.range-group__inner .form-range{flex-grow:1;margin-block-start:0}.range-group__inner .form-range-control{flex-shrink:0}.skip-link{inset:-50vh auto auto 1.5rem;position:fixed}.skip-link:focus{inset-block-start:1.5rem}.no-transition *{transition:none !important}.theme-switcher{color:var(--root-base-color-text);display:inline-flex;position:relative}.theme-switcher[data-theme-mode=system] .theme-switcher__system-mode{display:flex}.theme-switcher[data-theme-mode=light] .theme-switcher__light-mode{display:flex}.theme-switcher[data-theme-mode=dark] .theme-switcher__dark-mode{display:flex}.theme-switcher button{display:none}.theme-switcher button>*{pointer-events:none}.user-menu{position:relative;align-items:center;display:flex;gap:clamp(0.5rem,1vw,1rem);position:relative}.user-menu__toggle::before{content:"";inset:0;position:absolute}.user-menu__avatar{--size: 2.1rem;block-size:var(--size);border-radius:50%;inline-size:var(--size)}.user-menu__caption{display:none;flex-direction:column;font-size:var(--root-font-size-base);gap:.25rem;line-height:1}@media(min-width: 64em){.user-menu__caption{display:flex}}.user-menu__role{font-size:var(--root-font-size-sm)}.user-menu__display-name{color:var(--root-base-color-heading);font-weight:700}.user-menu__toggle{background:none;border:0;cursor:pointer;display:flex;padding:0}.user-menu__toggle svg{--size: 1em;block-size:var(--size);inline-size:var(--size)}.modal-backdrop{align-items:start;background-color:var(--root-modal-color-background);display:flex;inset:0;justify-content:center;overflow-y:auto;position:fixed;z-index:25}.modal{--root-inline-size:34rem;background-color:var(--root-base-color-background);border:1px solid var(--root-base-color-border);border-radius:var(--root-border-radius-sm);box-shadow:0 0 .25rem rgba(23,99,140,.05);inline-size:var(--root-inline-size);margin:1.5rem;max-inline-size:100%;outline:0;position:relative}.modal--media{display:flex;flex-direction:column;inline-size:auto;inset:0;position:fixed}.modal--media .modal__body{flex-grow:1;overflow-y:auto}.modal--media .modal__body::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.modal--media .modal__body::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.modal--media .modal__body::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.modal--media .modal__body::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.modal--media .modal__header-caption{order:1}.modal--media .modal__close{order:2}@media(min-width: 64em){.modal--media .modal__close{order:3}}.modal--media .modal__filter{inline-size:100%;order:3}@media(min-width: 64em){.modal--media .modal__filter{inline-size:auto;margin-inline-start:auto;order:2}}.modal--dropzone::before{background-color:var(--root-media-color-dropzone-background);border:2px solid var(--root-media-color-dropzone-border);border-radius:var(--root-border-radius-sm);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.modal--dropzone::after{align-items:center;color:#fff;content:attr(data-dropzone);display:flex;font-size:clamp(1.5572265625rem,2vw + 1rem,1.83203125rem);inset:0;justify-content:center;line-height:var(--root-line-height-md);padding:1.5rem;position:absolute;text-align:center;z-index:3}.modal__header{align-items:center;border-block-end:1px solid var(--root-base-color-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem clamp(1rem,5vw,1.5rem)}.modal__header-caption>*{margin-block-end:0;margin-block-start:0}.modal__header-caption>*+*{margin-block-start:0}.modal__title{font-size:clamp(1.24578125rem,2vw + 1rem,1.465625rem);font-weight:600;margin-block:0}.modal__body{padding:clamp(1rem,5vw,1.5rem)}.modal__body>*{margin-block-end:0;margin-block-start:0}.modal__body>*+*{margin-block-start:1rem}.modal__footer{align-items:center;border-block-start:1px solid var(--root-base-color-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:end;padding:1rem clamp(1rem,5vw,1.5rem)}.modal__footer--space-between{justify-content:space-between}.modal__footer input{flex-grow:1;max-inline-size:25rem}.modal__filter{align-items:center;display:flex;gap:1rem;margin-inline:calc(0.5rem*-1);-ms-overflow-style:none;overflow-x:auto;padding:.5rem;scrollbar-width:none}@media(min-width: 64em){.modal__filter{margin-inline:0;overflow:initial;padding:0}}.modal__filter::-webkit-scrollbar{display:none}.modal__filter select,.modal__filter input{inline-size:auto;min-inline-size:10rem}.modal__column{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.app-notification__drawer{transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);background-color:var(--root-base-color-background);block-size:100dvh;box-shadow:0 0 .25rem rgba(23,99,140,.05);display:flex;flex-direction:column;gap:1.5rem;inline-size:100%;inset:0 0 0 auto;padding:1.5rem;position:fixed;transform:translateX(100%);z-index:50}.app-notification__drawer[data-state=open]{transform:translateX(0)}@media(min-width: 32em){.app-notification__drawer{inline-size:26rem}}.app-notification__header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.app-notification__title{font-size:clamp(0.996625rem,2vw + 1rem,1.1725rem);font-weight:600;margin-block:0}.app-notification__list{overflow-y:auto;overscroll-behavior:contain}.app-notification__list::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.app-notification__list::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.app-notification__list::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.app-notification__list::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.app-notification__list>*+*{border-block-start:1px solid var(--root-base-color-border);margin-block-start:1rem;padding-block-start:1rem}.notification-card{--icon-size: 2.5rem;position:relative;padding-inline-end:1rem}.notification-card__link::before{content:"";inset:0;position:absolute}.notification-card--read{opacity:.5}.notification-card--open .notification-card__control svg{rotate:90deg}.notification-card--open .notification-card__control .horizontal-line{opacity:0}.notification-card__header{align-items:start;display:flex;gap:1rem}.notification-card__icon{align-items:center;block-size:var(--icon-size);border-radius:var(--root-border-radius-sm);display:flex;flex-shrink:0;inline-size:var(--icon-size);justify-content:center}.notification-card__icon--info{background-color:#f0fbff;color:var(--root-alert-color-info)}.notification-card__icon--warning{background-color:#fefaec;color:var(--root-alert-color-warning)}.notification-card__icon--danger{background-color:#fdf4f4;color:var(--root-alert-color-danger)}.notification-card__icon--success{background-color:#ebfff5;color:var(--root-alert-color-success)}.notification-card__icon svg{--size: 1rem;block-size:var(--size);inline-size:var(--size)}.notification-card__caption{line-height:var(--root-line-height-md)}.notification-card__caption>*{margin-block-end:0;margin-block-start:0}.notification-card__caption>*+*{margin-block-start:.25rem}.notification-card__title{font-size:var(--root-font-size-base)}.notification-card__link{color:var(--root-base-color-heading);text-decoration:none}.notification-card__link:hover,.notification-card__link:focus{color:var(--root-base-color-link)}.notification-card__control{flex-shrink:0;margin-inline-start:auto}.notification-card__control svg{transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function)}.notification-card__body{transition-duration:var(--root-duration);transition-property:all;transition-timing-function:var(--root-timing-function);border-inline-start:1px solid var(--root-base-color-border);display:grid;margin-inline-start:calc(var(--icon-size)/2);padding-inline-start:calc(var(--icon-size)/2)}.notification-card__body[aria-hidden=true]{grid-template-rows:0fr}.notification-card__body[aria-hidden=false]{grid-template-rows:1fr;margin-block-start:1rem}.notification-card__body>div{overflow:hidden}.notification-card__body>div>*{margin-block-end:0;margin-block-start:0}.notification-card__body>div>*+*{margin-block-start:.5rem}.media-list{--column: 2;list-style:none;margin:0;padding:0;display:grid;gap:1.5rem;grid-template-columns:repeat(var(--column), minmax(0, 1fr))}@media(min-width: 32em){.media-list{--column: 3}}@media(min-width: 48em){.media-list{--column: 4}}@media(min-width: 64em){.media-list{--column: 6}}@media(min-width: 80em){.media-list{--column: 8}}.media-list>*+*{margin-block-start:0}.media-item{border-radius:var(--root-border-radius-sm);line-height:var(--root-line-height-md);position:relative}.media-item[aria-checked=true],.media-item:focus-visible{outline:3px solid var(--root-btn-color-primary-background);outline-offset:3px}.media-item__background{align-items:center;aspect-ratio:1;background-color:var(--root-media-color-background);border-radius:var(--root-border-radius-sm);display:flex;flex-direction:column;gap:.25rem;justify-content:center;padding:1rem}.media-item__icon{--size: 1.5rem;block-size:var(--size);color:var(--root-media-color-icon);inline-size:var(--size)}.media-item__name{overflow:hidden;text-overflow:ellipsis;white-space:inherit;max-inline-size:100%;text-align:center}@supports(-webkit-line-clamp: 2){.media-item__name{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}}.media-item__selected{--size: 1.5rem;align-items:center;background-color:var(--root-btn-color-primary-background);block-size:var(--size);border-radius:var(--root-border-radius-sm);color:var(--root-btn-color-primary-foreground);display:flex;inline-size:var(--size);inset:.5rem .5rem auto auto;justify-content:center;position:absolute}.media-item__selected svg{--size: 1rem;block-size:var(--size);inline-size:var(--size)}.media-item .progressbar{margin-block-start:1rem}.media-item img{aspect-ratio:1;border-radius:var(--root-border-radius-sm);inline-size:100%;object-fit:cover}.search-modal{display:flex;flex-direction:column;gap:1rem}.search-results{list-style:none;margin:0;padding:0;max-block-size:20rem;overflow-y:auto;padding-inline-end:1rem}.search-results::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.search-results::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:var(--root-border-radius-sm)}.search-results::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.search-results::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:var(--root-border-radius-sm)}.search-results>li+li{border-block-start:1px dashed var(--root-base-color-border);margin-block-start:.5rem;padding-block-start:.5rem}.search-result-item{align-items:center;color:var(--root-base-color-text);display:flex;flex-wrap:wrap;gap:.5rem;text-decoration:none}.search-result-item__icon{--size: 1em;block-size:var(--size);color:var(--root-base-color-primary);inline-size:var(--size)}.app-widget{align-items:center;background-color:var(--root-base-color-background);border:1px solid var(--root-base-color-border);border-radius:var(--root-border-radius-sm);box-shadow:0 0 .25rem rgba(23,99,140,.05);display:flex;justify-content:space-between}.app-widget--primary{background-color:var(--root-base-color-primary);border:0}.app-widget--primary .app-widget__title,.app-widget--primary .app-widget__data{color:#fff}.app-widget--secondary{background-color:var(--root-base-color-primary);border:0}.app-widget--secondary .app-widget__title,.app-widget--secondary .app-widget__data{color:#fff}.app-widget--summary{gap:1.5rem;justify-content:start;padding:1.5rem}.app-widget--summary .app-widget__column{padding:0}.app-widget--small-data .app-widget__data{font-size:clamp(0.996625rem,2vw + 1rem,1.1725rem)}.app-widget__icon{--size: 4rem;align-items:center;background-color:var(--root-widget-color-icon-background);block-size:var(--size);border-radius:var(--root-border-radius-sm);color:var(--root-base-color-primary);display:flex;flex-shrink:0;inline-size:var(--size);justify-content:center}.app-widget__icon svg{--size: 1.5rem;block-size:var(--size);inline-size:var(--size)}.app-widget__title{font-size:.938rem;font-weight:600;margin-block:0}.app-widget__data-row{align-items:center;display:flex;gap:1rem}.app-widget__data{line-height:var(--root-line-height-heading);margin-block:0}.app-widget__column{align-items:start;color:var(--root-base-color-heading);display:flex;flex-direction:column;font-size:clamp(1.9465332031rem,2vw + 1rem,2.2900390625rem);font-weight:700;line-height:var(--root-line-height-heading);padding:1.5rem}.app-widget__column .app-widget__trending{margin-block-start:.25rem}.app-widget__chart{max-inline-size:65%}.app-widget__chart foreignObject{padding-block:1rem}.app-sidebar{block-size:100%;border-inline-end:1px solid var(--root-base-color-border);display:flex;flex-direction:column;gap:1.5rem;padding-block:0 1.5rem}.app-sidebar__logo{block-size:1.25rem;display:inline-flex}.app-sidebar__search{display:none}@media(min-width: 64em){.app-sidebar__search{display:flex}}.app-sidebar__header{align-items:center;block-size:var(--root-header-block-size);border-block-end:1px solid var(--root-base-color-border);display:flex;flex-shrink:0;justify-content:space-between;margin-inline:1.5rem}.app-sidebar__body{flex-grow:1;margin-inline:calc(1.5rem/2);overflow-y:auto;padding-inline:calc(1.5rem/2)}.app-sidebar__body::-webkit-scrollbar{block-size:.5rem;inline-size:.5rem}.app-sidebar__body::-webkit-scrollbar-thumb{background:var(--root-scrollbar-color-thumb-background);border-radius:.15em}.app-sidebar__body::-webkit-scrollbar-thumb:hover{background:var(--root-scrollbar-color-thumb-background-hover)}.app-sidebar__body::-webkit-scrollbar-track{background:var(--root-scrollbar-color-track-background);border-radius:.15em}.app-sidebar__body>*+*{border-block-start:1px solid var(--root-base-color-border);margin-block-start:1rem;padding-block-start:1rem}.app-header{backdrop-filter:saturate(180%) blur(0.25rem);background-color:var(--root-header-color-background);border-block-end:1px solid var(--root-base-color-border);inset-block-start:0;inset-block-start:0;position:sticky;position:sticky;z-index:15}.app-header__inner{align-items:center;block-size:var(--root-header-block-size);display:flex;flex-wrap:wrap;gap:clamp(1rem,5vw,3rem);justify-content:space-between;margin-inline:var(--root-container-gap)}.app-header__column{align-items:center;display:flex;flex-grow:1;gap:clamp(1rem,5vw,1.5rem)}.app-header__actions{align-items:center;display:flex;gap:clamp(1rem,5vw,1.5rem)}.app-header__actions--secondary{gap:1rem}.app-header__logo{block-size:1.25rem;display:inline-flex}@media(min-width: 64em){.app-header__logo{display:none}}.app-header__breadcrumb{display:none}@media(min-width: 64em){.app-header__breadcrumb{display:flex}}.app-heading{padding-block:clamp(1.5rem,5vw,3rem)}.app-heading__inner{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;justify-content:space-between}.app-heading__inner--column{flex-direction:column}.app-heading__caption>*{margin-block-end:0;margin-block-start:0}.app-heading__caption>*+*{margin-block-start:.5rem}.app-heading__title{font-weight:700}.app-heading__description{align-items:center;display:flex;flex-wrap:wrap;font-size:1rem;gap:.5rem 1.5rem}.app-heading__description>*{margin-block-end:0;margin-block-start:0}.app-heading__description>*+*{margin-block-start:.25rem}.app-heading__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:end}.app-body{display:flex;flex-direction:column;gap:1.5rem}.app-actions{justify-content:space-between}@media(min-width: 80em){.app-actions--sidebar{margin-inline-end:calc(20rem + 1.5rem)}}.app-actions,.app-actions__column{display:flex;flex-wrap:wrap;gap:1.5rem}.app-footer{padding-block:clamp(1.5rem,5vw,3rem);text-align:center}.app-footer__created-with{margin-block:0}.btn--light{background-color:var(--root-btn-color-light-background);border-color:var(--root-btn-color-light-background);color:var(--root-btn-color-light-foreground)}.btn--light:focus-visible{outline:2px solid var(--root-btn-color-light-focus-ring);outline-offset:2px}.btn--light:hover{background-color:var(--root-btn-color-light-background-hover);border-color:var(--root-btn-color-light-background-hover);color:var(--root-btn-color-light-foreground-hover)}.btn--light.btn--active{background-color:var(--root-btn-color-light-background-hover);border-color:var(--root-btn-color-light-background-hover);color:var(--root-btn-color-light-foreground-hover)}.btn--delete{background-color:var(--root-btn-color-delete-background);border-color:var(--root-btn-color-delete-background);color:var(--root-btn-color-delete-foreground)}.btn--delete:focus-visible{outline:2px solid var(--root-btn-color-delete-focus-ring);outline-offset:2px}.btn--delete:hover{background-color:var(--root-btn-color-delete-background-hover);border-color:var(--root-btn-color-delete-background-hover);color:var(--root-btn-color-delete-foreground-hover)}.btn--dark{background-color:var(--root-btn-color-dark-background);border-color:var(--root-btn-color-dark-background);color:var(--root-btn-color-dark-foreground)}.btn--dark:focus-visible{outline:2px solid var(--root-btn-color-dark-background);outline-offset:2px}.btn--dark:hover{background-color:var(--root-btn-color-dark-background-hover);border-color:var(--root-btn-color-dark-background-hover);color:var(--root-btn-color-dark-foreground)}.btn--dark-shadow{box-shadow:0 .55em 1em -0.2em var(--root-btn-color-dark-shadow),0 .15em .35em -0.185em var(--root-btn-color-dark-shadow)}.btn--outline-dark{background-color:rgba(0,0,0,0);border-color:var(--root-btn-color-dark-outline-border);color:var(--root-btn-color-dark-outline-foreground)}.btn--outline-dark:focus-visible{outline:2px solid var(--root-btn-color-dark-outline-focus-ring);outline-offset:2px}.btn--outline-dark:hover{background-color:var(--root-btn-color-dark-outline-background-hover);border-color:var(--root-btn-color-dark-outline-background-hover);color:var(--root-btn-color-dark-outline-foreground-hover)}.btn--counter{position:relative}.btn__counter{background-color:var(--root-alert-color-danger);border-radius:var(--root-border-radius-sm);color:var(--root-btn-color-primary-foreground);font-size:.6375rem;inset:-0.5em -0.5em auto auto;min-inline-size:1.25rem;padding:.45em;position:absolute;text-align:center}.apexcharts-legend-series{align-items:center;display:flex !important;gap:.25rem}.apexcharts-legend{display:flex;gap:1rem}.apexcharts-legend>*{margin:0 !important}.apexcharts-text,.apexcharts-legend-text{color:var(--root-base-color-text) !important;fill:var(--root-base-color-text)}.apexcharts-tooltip,.apexcharts-tooltip-title{background:var(--root-base-color-background) !important;border-color:var(--root-base-color-border) !important}.apexcharts-tooltip-title{line-height:1;padding-block:.75em !important}.apexcharts-xaxis-tick,.apexcharts-gridline,.apexcharts-grid-borders line:last-child{stroke:var(--root-base-color-border)}.form-group-stack>*{margin-block-end:0;margin-block-start:0}.form-group-stack>*+*{margin-block-start:1rem}.form-group-stack--bordered>*+*{border-block-start:1px solid var(--root-base-color-border);padding-block-start:1rem}legend{font-family:var(--root-font-family-heading)}.form-control[type=color]{--root-border-radius:clamp(1.5rem, 5vw, 3rem)}.required-marker{color:var(--root-alert-color-danger)}.progressbar{display:flex;flex-direction:column;gap:.5rem;inline-size:100%}.progressbar__inner{background-color:var(--root-form-color-background);block-size:.5rem;border-radius:var(--root-border-radius-sm);box-shadow:inset 0 0 0 1px var(--root-form-color-border);position:relative}.progressbar__indicator{background-color:var(--root-base-color-primary);block-size:100%;border-radius:var(--root-border-radius-sm);inset:0 auto 0 0;position:absolute}.progressbar__indicator:not([style*=inline-size]){animation:1s progress infinite linear alternate;inline-size:20%}.progressbar__caption{text-align:center}@keyframes progress{0%{inset-inline-start:0%}100%{inset-inline-start:80%}}@media(min-width: 32em){.display--flex\:xs{display:flex !important}}@media(min-width: 48em){.display--flex\:sm{display:flex !important}}@media(min-width: 64em){.display--flex\:md{display:flex !important}}@media(min-width: 80em){.display--flex\:lg{display:flex !important}}@media(min-width: 90em){.display--flex\:xl{display:flex !important}}@media(min-width: 110em){.display--flex\:xxl{display:flex !important}}@media(min-width: 32em){.display--none\:xs{display:none !important}}@media(min-width: 48em){.display--none\:sm{display:none !important}}@media(min-width: 64em){.display--none\:md{display:none !important}}@media(min-width: 80em){.display--none\:lg{display:none !important}}@media(min-width: 90em){.display--none\:xl{display:none !important}}@media(min-width: 110em){.display--none\:xxl{display:none !important}}.m-block\:0{margin-block:0 !important}:root{--root-sidebar-inline-size:20rem;--root-header-block-size:4.5rem;--root-container-gap:clamp(1.5rem, 5vw, 3rem)}body{overflow-x:hidden}[x-cloak]{visibility:hidden !important}