:root{--glass-bg:color-mix(in srgb,var(--paper) 55%,transparent);--glass-bg-strong:color-mix(in srgb,var(--paper) 92%,transparent);--glass-bg-subtle:color-mix(in srgb,var(--paper) 78%,transparent);--glass-border:color-mix(in srgb,var(--foreground) 12%,transparent);--glass-highlight:color-mix(in srgb,var(--paper) 80%,transparent);--glass-shadow:0 8px 32px color-mix(in srgb,var(--foreground) 12%,transparent);--glass-blur:22px;--glass-blur-strong:30px;--glass-scrim:color-mix(in srgb,var(--foreground) 58%,transparent);--glass-saturate:1.6}.dark,html[data-theme=dark]{--glass-bg:color-mix(in srgb,var(--paper) 66%,transparent);--glass-bg-strong:color-mix(in srgb,var(--paper) 92%,transparent);--glass-bg-subtle:color-mix(in srgb,var(--paper) 80%,transparent);--glass-border:color-mix(in srgb,var(--foreground) 16%,transparent);--glass-highlight:color-mix(in srgb,var(--foreground) 12%,transparent);--glass-shadow:0 8px 32px color-mix(in srgb,var(--foreground) 28%,transparent);--glass-scrim:color-mix(in srgb,var(--foreground) 62%,transparent)}.glass,.glass-strong,.glass-subtle{border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);border-radius:20px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.glass-strong{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(1.35);backdrop-filter:blur(var(--glass-blur-strong)) saturate(1.35)}.glass-subtle{background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}.glass-scrim{background:var(--glass-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.glass-hover:hover{transform:translateY(-2px);box-shadow:0 12px 36px color-mix(in srgb,var(--foreground) 16%,transparent),inset 0 1px 0 var(--glass-highlight)}.tutorials-wallpaper{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--primary) 13%,transparent),transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--primary) 4%,var(--background)),var(--background))}.tutorials-wallpaper:after,.tutorials-wallpaper:before{position:absolute;content:"";width:22rem;height:22rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 22%,transparent);filter:blur(70px)}.tutorials-wallpaper:before{inset-block-start:8%;inset-inline-end:5%}.tutorials-wallpaper:after{inset-block-end:4%;inset-inline-start:8%;opacity:.55}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass,.glass-scrim,.glass-strong,.glass-subtle{background:var(--paper);backdrop-filter:none}.glass-scrim{background:color-mix(in srgb,var(--foreground) 55%,transparent)}}@media (prefers-reduced-transparency:reduce){.glass,.glass-strong,.glass-subtle{background:var(--paper);backdrop-filter:none}.glass-scrim{background:color-mix(in srgb,var(--foreground) 62%,transparent);backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.glass-hover,.glass-hover:hover{transition:none;transform:none}}@media (max-width:640px){.glass,.glass-subtle{--glass-blur:12px}}