.alert-surface{isolation:isolate;background-image:linear-gradient(135deg, color-mix(in srgb, var(--alert-tone) 14%, transparent), color-mix(in srgb, var(--alert-tone) 3%, transparent) 65%);position:relative}.alert-surface:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--alert-tone) 70%, transparent), transparent) left top / 1rem 100% no-repeat, linear-gradient(to right, color-mix(in srgb, var(--alert-tone) 70%, transparent), transparent 20%) left top / 100% 1rem no-repeat;-webkit-mask-composite:xor;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}