:root{--glass-bg:color-mix(in srgb,var(--paper)55%,transparent);--glass-bg-strong:color-mix(in srgb,var(--paper)72%,transparent);--glass-border:#ffffff73;--glass-highlight:#ffffffb3;--glass-shadow:0 8px 32px #0000001f;--glass-blur:22px;--glass-saturate:1.6}.dark{--glass-bg:color-mix(in srgb,var(--paper)66%,transparent);--glass-bg-strong:color-mix(in srgb,var(--paper)82%,transparent);--glass-border:#ffffff38;--glass-highlight:#ffffff47;--glass-shadow:0 8px 32px #00000047}.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));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 #00000014;border-radius:20px}.glass-hover:hover{transform:translateY(-2px);box-shadow:0 12px 36px #00000026,inset 0 1px #ffffffd1}.tutorials-wallpaper{z-index:-1;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));position:absolute;inset:0;overflow:hidden}.tutorials-wallpaper:before,.tutorials-wallpaper:after{content:"";background:color-mix(in srgb,var(--primary)22%,transparent);filter:blur(70px);border-radius:999px;width:22rem;height:22rem;position:absolute}.tutorials-wallpaper:before{inset-block-start:8%;inset-inline-end:5%}.tutorials-wallpaper:after{opacity:.55;inset-block-end:4%;inset-inline-start:8%}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:var(--paper)}}@media (prefers-reduced-transparency:reduce){.glass{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.glass-hover{transition:none}}@media (max-width:640px){.glass{--glass-blur:12px}}