:root{--glass-primary-900:#0e0a1a;--glass-primary-800:#191929;--glass-primary-700:#1d1c30;--glass-primary-600:#35333d;--glass-primary-500:#443e51;--glass-primary-400:#484064;--glass-primary-300:#a7a3b8;--glass-primary-200:#b9b9cb;--glass-primary-100:#dadae7;--glass-primary-000:#fff;--glass-neutral-100:#fff;--glass-accent-400:#abdf81;--glass-text-1:var(--glass-neutral-100);--glass-text-2:var(--glass-primary-100);--glass-text-3:var(--glass-primary-200);--glass-surface-1:var(--glass-primary-900);--glass-surface-2:var(--glass-primary-800);--glass-surface-3:var(--glass-primary-700);--glass-surface-4:var(--glass-primary-000);--glass-border-1:#fff;--glass-border-2:#e8e8e8}*,:before,:after{box-sizing:border-box}*{margin:0}.glass-card{--glass-border-width:1px;background:hsl(from var(--glass-surface-4)h s l/.5);border-radius:1rem;position:relative;overflow:hidden}.glass-card:before{content:"";z-index:-1;border-radius:inherit;border:var(--glass-border-width)solid transparent;background:linear-gradient(var(--glass-border-1),var(--glass-border-2))border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,padding-box;mask-clip:border-box,padding-box;-webkit-mask-origin:border-box,padding-box;mask-origin:border-box,padding-box;-webkit-mask-composite:source-out;mask-composite:subtract;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}