@layer theme,base;@layer components{[data-slot=avatar]{--av-a:#9ec5ff;--av-b:#c4b2ff;color:#161616;background:radial-gradient(circle at 30% 24%, #fffc, #fff0 36%), radial-gradient(circle at 76% 84%, color-mix(in oklab, var(--av-b) 78%, #3b2a6b), transparent 58%), linear-gradient(140deg, var(--av-a) 12%, var(--av-b) 88%);box-shadow:inset 0 0 0 1px #ffffff57,inset 0 -4px 8px #00000014}[data-slot=avatar]>span:first-child{text-shadow:0 1px #ffffff59;position:relative}[data-slot=avatar] img{border-radius:inherit}[data-slot=avatar][data-tone="1"]{--av-a:#a3f0c8;--av-b:#7fd3e6}[data-slot=avatar][data-tone="2"]{--av-a:#c9adff;--av-b:#ffb2d8}[data-slot=avatar][data-tone="3"]{--av-a:#ffd6a0;--av-b:#ffab86}[data-slot=avatar][data-tone="4"]{--av-a:#ffb4a6;--av-b:#ff9ec6}[data-slot=avatar][data-tone="5"]{--av-a:#b8c6ff;--av-b:#9fe1f0}[data-slot=avatar][data-shape=square]{--mark-h:255;color:#fff;background:oklch(.52 .15 var(--mark-h));box-shadow:inset 0 0 0 1px #ffffff1f}[data-slot=avatar][data-shape=square]>span:first-child{text-shadow:none}[data-slot=avatar][data-shape=square][data-tone="1"]{--mark-h:295}[data-slot=avatar][data-shape=square][data-tone="2"]{--mark-h:2}[data-slot=avatar][data-shape=square][data-tone="3"]{--mark-h:50}[data-slot=avatar][data-shape=square][data-tone="4"]{--mark-h:150}[data-slot=avatar][data-shape=square][data-tone="5"]{--mark-h:195}[data-slot=avatar-presence]{width:10px;height:10px;box-shadow:0 0 0 2px var(--background);border-radius:50%;position:absolute;bottom:-3px;right:-3px}[data-slot=avatar-presence][data-presence=online]{background:var(--success)}[data-slot=avatar-presence][data-presence=away]{background:linear-gradient(90deg, var(--warning) 50%, var(--background) 50%);box-shadow:0 0 0 2px var(--background), inset 0 0 0 1.5px var(--warning)}[data-slot=avatar-presence][data-presence=busy]{background:radial-gradient(var(--background) 0 0) center / 5px 1.5px no-repeat, var(--danger)}[data-slot=avatar-presence][data-presence=offline]{background:var(--background);box-shadow:0 0 0 2px var(--background), inset 0 0 0 1.5px var(--muted-foreground)}}@layer utilities;