:root{--border-1:rgba(20,158,163,.4);--border-2:rgba(20,158,163,.5);--surface-3:#149ea3;--pattern-fg:color-mix(in oklab,var(--color-white) 10%,transparent)}.card{--border-width:1px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:hsl(from var(--surface-3) h s l/.02);position:relative}.card:before{background:linear-gradient(var(--border-1),var(--border-2)) border-box;border:var(--border-width) solid transparent;border-radius:inherit;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#000,#000) border-box,linear-gradient(#000,#000) padding-box;mask:linear-gradient(#000,#000) border-box,linear-gradient(#000,#000) padding-box;-webkit-mask-composite:source-out;mask-composite:subtract;position:absolute;z-index:-1}