:root{
/* Glassmorphism / liquid glass */
--glass-fill:rgba(255,255,255,.55);
--glass-fill-strong:rgba(255,255,255,.72);
--glass-fill-dark:rgba(255,255,255,.10);
--glass-fill-dark-strong:rgba(255,255,255,.16);
--glass-border:rgba(255,255,255,.65);
--glass-border-dark:rgba(255,255,255,.22);
--glass-blur:18px; /* @kind other */
--glass-blur-sm:10px; /* @kind other */
--glass-blur-lg:32px; /* @kind other */
--glass-saturate:150%; /* @kind other */
--glass-shadow:0 18px 48px rgba(0,48,125,.14),inset 0 1px 0 rgba(255,255,255,.6);
--glass-shadow-dark:0 18px 48px rgba(0,20,60,.45),inset 0 1px 0 rgba(255,255,255,.28);

--hairline-brand:1px solid rgba(12,192,223,.45); /* @kind other */
--noise-opacity:.035; /* @kind other */
}
/* Utility classes shipped with the system */
.he-glass{background:var(--glass-fill);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}
.he-glass--dark{background:var(--glass-fill-dark);border-color:var(--glass-border-dark);box-shadow:var(--glass-shadow-dark);color:var(--white)}
.he-gradient-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}