{
–background: 0 0% 4%;
–foreground: 0 0% 95%;
–card: 0 0% 8%;
–card-foreground: 0 0% 95%;
–popover: 0 0% 8%;
–popover-foreground: 0 0% 95%;
–primary: 33 90% 48%;
–primary-foreground: 0 0% 100%;
–secondary: 0 0% 12%;
–secondary-foreground: 0 0% 90%;
–muted: 0 0% 14%;
–muted-foreground: 0 0% 50%;
–accent: 33 95% 55%;
–accent-foreground: 0 0% 100%;
–destructive: 0 84.2% 60.2%;
–destructive-foreground: 210 40% 98%;
–border: 0 0% 15%;
–input: 0 0% 15%;
–ring: 33 90% 48%;
–radius: .5rem;
–sidebar-background: 0 0% 6%;
–sidebar-foreground: 0 0% 95%;
–sidebar-primary: 33 90% 48%;
–sidebar-primary-foreground: 0 0% 100%;
–sidebar-accent: 0 0% 12%;
–sidebar-accent-foreground: 0 0% 95%;
–sidebar-border: 0 0% 15%;
–sidebar-ring: 33 90% 48%;
–gradient-racing: linear-gradient(135deg, hsl(33 90% 48%), hsl(25 100% 45%));
–gradient-dark: linear-gradient(180deg, hsl(0 0% 4%), hsl(0 0% 2%));
–shadow-glow: 0 0 40px hsl(33 90% 48% / .25);
–font-heading: “Oswald”, sans-serif;
–font-body: “Inter”, sans-serif;
}
html, :host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
font-family: ui-sans-serif, system-ui, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, Segoe UI Symbol, “Noto Color Emoji”;
font-feature-settings: normal;
font-variation-settings: normal;
-webkit-tap-highlight-color: transparent;
}
* {
border-color: hsl(var(–border));
}
*, :before, :after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e7eb;
}
*, :before, :after {
–tw-border-spacing-x: 0;
–tw-border-spacing-y: 0;
–tw-translate-x: 0;
–tw-translate-y: 0;
–tw-rotate: 0;
–tw-skew-x: 0;
–tw-skew-y: 0;
–tw-scale-x: 1;
–tw-scale-y: 1;
–tw-pan-x: ;
–tw-pan-y: ;
–tw-pinch-zoom: ;
–tw-scroll-snap-strictness: proximity;
–tw-gradient-from-position: ;
–tw-gradient-via-position: ;
–tw-gradient-to-position: ;
–tw-ordinal: ;
–tw-slashed-zero: ;
–tw-numeric-figure: ;
–tw-numeric-spacing: ;
–tw-numeric-fraction: ;
–tw-ring-inset: ;
–tw-ring-offset-width: 0px;
–tw-ring-offset-color: #fff;
–tw-ring-color: rgb(59 130 246 / .5);
–tw-ring-offset-shadow: 0 0 #0000;
–tw-ring-shadow: 0 0 #0000;
–tw-shadow: 0 0 #0000;
–tw-shadow-colored: 0 0 #0000;
–tw-blur: ;
–tw-brightness: ;
–tw-contrast: ;
–tw-grayscale: ;
–tw-hue-rotate: ;
–tw-invert: ;
–tw-saturate: ;
–tw-sepia: ;
–tw-drop-shadow: ;
–tw-backdrop-blur: ;
–tw-backdrop-brightness: ;
–tw-backdrop-contrast: ;
–tw-backdrop-grayscale: ;
–tw-backdrop-hue-rotate: ;
–tw-backdrop-invert: ;
–tw-backdrop-opacity: ;
–tw-backdrop-saturate: ;
–tw-backdrop-sepia: ;
–tw-contain-size: ;
–tw-contain-layout: ;
–tw-contain-paint: ;
Show all properties (1 more)
}
html[Attributes Style] {
-webkit-locale: “en”;
}
user agent stylesheet
:root {
view-transition-name: root;
}
user agent stylesheet
html {
display: block;
}
:before, :after {
–tw-content: “”;
}
*, :before, :after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e7eb;
}
*, :before, :after {
–tw-border-spacing-x: 0;
–tw-border-spacing-y: 0;
–tw-translate-x: 0;
–tw-translate-y: 0;
–tw-rotate: 0;
–tw-skew-x: 0;
–tw-skew-y: 0;
–tw-scale-x: 1;
–tw-scale-y: 1;
–tw-pan-x: ;
–tw-pan-y: ;
–tw-pinch-zoom: ;
–tw-scroll-snap-strictness: proximity;
–tw-gradient-from-position: ;
–tw-gradient-via-position: ;
–tw-gradient-to-position: ;
–tw-ordinal: ;
–tw-slashed-zero: ;
–tw-numeric-figure: ;
–tw-numeric-spacing: ;
–tw-numeric-fraction: ;
–tw-ring-inset: ;
–tw-ring-offset-width: 0px;
–tw-ring-offset-color: #fff;
–tw-ring-color: rgb(59 130 246 / .5);
–tw-ring-offset-shadow: 0 0 #0000;
–tw-ring-shadow: 0 0 #0000;
–tw-shadow: 0 0 #0000;
–tw-shadow-colored: 0 0 #0000;
–tw-blur: ;
–tw-brightness: ;
–tw-contrast: ;
–tw-grayscale: ;
–tw-hue-rotate: ;
–tw-invert: ;
–tw-saturate: ;
–tw-sepia: ;
–tw-drop-shadow: ;
–tw-backdrop-blur: ;
–tw-backdrop-brightness: ;
–tw-backdrop-contrast: ;
–tw-backdrop-grayscale: ;
–tw-backdrop-hue-rotate: ;
–tw-backdrop-invert: ;
–tw-backdrop-opacity: ;
–tw-backdrop-saturate: ;
–tw-backdrop-sepia: ;
–tw-contain-size: ;
–tw-contain-layout: ;
–tw-contain-paint: ;
Show all properties (1 more)
}
:before, :after {
–tw-content: “”;
}
*, :before, :after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e7eb;
}
*, :before, :after {
–tw-border-spacing-x: 0;
–tw-border-spacing-y: 0;
–tw-translate-x: 0;
–tw-translate-y: 0;
–tw-rotate: 0;
–tw-skew-x: 0;
–tw-skew-y: 0;
–tw-scale-x: 1;
–tw-scale-y: 1;
–tw-pan-x: ;
–tw-pan-y: ;
–tw-pinch-zoom: ;
–tw-scroll-snap-strictness: proximity;
–tw-gradient-from-position: ;
–tw-gradient-via-position: ;
–tw-gradient-to-position: ;
–tw-ordinal: ;
–tw-slashed-zero: ;
–tw-numeric-figure: ;
–tw-numeric-spacing: ;
–tw-numeric-fraction: ;
–tw-ring-inset: ;
–tw-ring-offset-width: 0px;
–tw-ring-offset-color: #fff;
–tw-ring-color: rgb(59 130 246 / .5);
–tw-ring-offset-shadow: 0 0 #0000;
–tw-ring-shadow: 0 0 #0000;
–tw-shadow: 0 0 #0000;
–tw-shadow-colored: 0 0 #0000;
–tw-blur: ;
–tw-brightness: ;
–tw-contrast: ;
–tw-grayscale: ;
–tw-hue-rotate: ;
–tw-invert: ;
–tw-saturate: ;
–tw-sepia: ;
–tw-drop-shadow: ;
–tw-backdrop-blur: ;
–tw-backdrop-brightness: ;
–tw-backdrop-contrast: ;
–tw-backdrop-grayscale: ;
–tw-backdrop-hue-rotate: ;
–tw-backdrop-invert: ;
–tw-backdrop-opacity: ;
–tw-backdrop-saturate: ;
–tw-backdrop-sepia: ;
–tw-contain-size: ;
–tw-contain-layout: ;
–tw-contain-paint: ;
Show all properties (1 more)
}
::backdrop {
–tw-border-spacing-x: 0;
–tw-border-spacing-y: 0;
–tw-translate-x: 0;
–tw-translate-y: 0;
–tw-rotate: 0;
–tw-skew-x: 0;
–tw-skew-y: 0;
–tw-scale-x: 1;
–tw-scale-y: 1;
–tw-pan-x: ;
–tw-pan-y: ;
–tw-pinch-zoom: ;
–tw-scroll-snap-strictness: proximity;
–tw-gradient-from-position: ;
–tw-gradient-via-position: ;
–tw-gradient-to-position: ;
–tw-ordinal: ;
–tw-slashed-zero: ;
–tw-numeric-figure: ;
–tw-numeric-spacing: ;
–tw-numeric-fraction: ;
–tw-ring-inset: ;
–tw-ring-offset-width: 0px;
–tw-ring-offset-color: #fff;
–tw-ring-color: rgb(59 130 246 / .5);
–tw-ring-offset-shadow: 0 0 #0000;
–tw-ring-shadow: 0 0 #0000;
–tw-shadow: 0 0 #0000;
–tw-shadow-colored: 0 0 #0000;
–tw-blur: ;
–tw-brightness: ;
–tw-contrast: ;
–tw-grayscale: ;
–tw-hue-rotate: ;
–tw-invert: ;
–tw-saturate: ;
–tw-sepia: ;
–tw-drop-shadow: ;
–tw-backdrop-blur: ;
–tw-backdrop-brightness: ;
–tw-backdrop-contrast: ;
–tw-backdrop-grayscale: ;
–tw-backdrop-hue-rotate: ;
–tw-backdrop-invert: ;
–tw-backdrop-opacity: ;
–tw-backdrop-saturate: ;
–tw-backdrop-sepia: ;
–tw-contain-size: ;
–tw-contain-layout: ;
–tw-contain-paint: ;