@layer viraui.preflight;@layer viraui.components{@property --vui-avatar-group-size{syntax:"<length>";inherits:true;initial-value:0}@property --vui-avatar-group-overlap-distance{syntax:"<length>";inherits:true;initial-value:0}@property --vui-avatar-group-gap-size{syntax:"<length>";inherits:true;initial-value:0}@property --vui-avatar-group-item-radius{syntax:"<length-percentage>";inherits:true;initial-value:0}@property --__avatar-group-hole-half{syntax:"<length>";inherits:false;initial-value:0}@property --__avatar-group-hole-r{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --__avatar-group-hole-cx{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --__avatar-group-hole-cy{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --__avatar-group-hole-corner-tl{syntax:"*";inherits:false;initial-value:none}@property --__avatar-group-hole-corner-tr{syntax:"*";inherits:false;initial-value:none}@property --__avatar-group-hole-corner-br{syntax:"*";inherits:false;initial-value:none}@property --__avatar-group-hole-corner-bl{syntax:"*";inherits:false;initial-value:none}@property --__avatar-group-hole-corner-inset{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --__avatar-group-hole-edge{syntax:"<length-percentage>";inherits:false;initial-value:0}.viraui__avatar-group-module__AvatarGroup_zOrR-{--vui-avatar-group-size:var(--space-2xl);--vui-avatar-group-overlap-distance:var(--space-s);--vui-avatar-group-gap-size:var(--space-xs);--vui-avatar-group-item-radius:var(--radius-m);vertical-align:middle;flex-wrap:nowrap;align-items:flex-start;min-inline-size:max-content;display:inline-flex}.viraui__avatar-group-module__AvatarGroup_zOrR-[data-direction=vertical]{flex-direction:column}.viraui__avatar-group-module__AvatarGroup_zOrR-[data-size=xs]{--vui-avatar-group-size:var(--space-l);--vui-avatar-group-overlap-distance:var(--space-s);--vui-avatar-group-gap-size:var(--space-2xs);--vui-avatar-group-item-radius:var(--radius-s)}.viraui__avatar-group-module__AvatarGroup_zOrR-[data-size=m]{--vui-avatar-group-size:var(--space-3xl);--vui-avatar-group-overlap-distance:var(--space-m);--vui-avatar-group-gap-size:var(--space-xs)}.viraui__avatar-group-module__AvatarGroup_zOrR-[data-size=l]{--vui-avatar-group-size:var(--space-4xl);--vui-avatar-group-overlap-distance:var(--space-xl);--vui-avatar-group-gap-size:var(--space-s);--vui-avatar-group-item-radius:var(--radius-l)}.viraui__avatar-group-module__AvatarWrapper_0opqY{inline-size:round(to-zero,var(--vui-avatar-group-size),2px);block-size:round(to-zero,var(--vui-avatar-group-size),2px);flex:none;display:inline-flex;position:relative}.viraui__avatar-group-module__AvatarGroup_zOrR-[data-direction=horizontal] .viraui__avatar-group-module__AvatarWrapper_0opqY:not(:first-child){margin-inline-start:calc(var(--vui-avatar-group-overlap-distance) * -1)}.viraui__avatar-group-module__AvatarGroup_zOrR-[data-direction=vertical] .viraui__avatar-group-module__AvatarWrapper_0opqY:not(:first-child){margin-block-start:calc(var(--vui-avatar-group-overlap-distance) * -1)}.viraui__avatar-group-module__AvatarWrapper_0opqY{--__avatar-group-hole-half:calc((var(--vui-avatar-group-size) / 2) + var(--vui-avatar-group-gap-size));--__avatar-group-hole-r:calc(min(var(--vui-avatar-group-item-radius), var(--vui-avatar-group-size) / 2) + var(--vui-avatar-group-gap-size))}.viraui__avatar-group-module__AvatarGroup_zOrR-:dir(ltr)[data-direction=horizontal] .viraui__avatar-group-module__AvatarWrapper_0opqY:not(:last-child){--__avatar-group-hole-cx:calc(100% + (var(--vui-avatar-group-size) / 2) - var(--vui-avatar-group-overlap-distance));--__avatar-group-hole-cy:50%}.viraui__avatar-group-module__AvatarGroup_zOrR-:dir(rtl)[data-direction=horizontal] .viraui__avatar-group-module__AvatarWrapper_0opqY:not(:last-child){--__avatar-group-hole-cx:calc(var(--vui-avatar-group-overlap-distance) - (var(--vui-avatar-group-size) / 2));--__avatar-group-hole-cy:50%}.viraui__avatar-group-module__AvatarGroup_zOrR-[data-direction=vertical] .viraui__avatar-group-module__AvatarWrapper_0opqY:not(:last-child){--__avatar-group-hole-cx:50%;--__avatar-group-hole-cy:calc(100% + (var(--vui-avatar-group-size) / 2) - var(--vui-avatar-group-overlap-distance))}.viraui__avatar-group-module__AvatarGroup_zOrR- .viraui__avatar-group-module__AvatarWrapper_0opqY:not(:last-child){--__avatar-group-hole-edge:calc((var(--__avatar-group-hole-half) - var(--__avatar-group-hole-r)) * 2);--__avatar-group-hole-corner-inset:calc(var(--__avatar-group-hole-r) * .85);--__avatar-group-hole-corner-tr:arc by var(--__avatar-group-hole-r) var(--__avatar-group-hole-r) of var(--__avatar-group-hole-r) cw;--__avatar-group-hole-corner-br:arc by calc(var(--__avatar-group-hole-r) * -1) var(--__avatar-group-hole-r) of var(--__avatar-group-hole-r) cw;--__avatar-group-hole-corner-bl:arc by calc(var(--__avatar-group-hole-r) * -1) calc(var(--__avatar-group-hole-r) * -1) of var(--__avatar-group-hole-r) cw;--__avatar-group-hole-corner-tl:arc by var(--__avatar-group-hole-r) calc(var(--__avatar-group-hole-r) * -1) of var(--__avatar-group-hole-r) cw}@supports (corner-shape:squircle){@container root not style(--effect-corner-shape:initial){.viraui__avatar-group-module__AvatarGroup_zOrR- .viraui__avatar-group-module__AvatarWrapper_0opqY:not(:last-child){--__avatar-group-hole-corner-tr:curve by var(--__avatar-group-hole-r) var(--__avatar-group-hole-r) with var(--__avatar-group-hole-corner-inset) 0px / var(--__avatar-group-hole-r) calc(var(--__avatar-group-hole-r) * .15);--__avatar-group-hole-corner-br:curve by calc(var(--__avatar-group-hole-r) * -1) var(--__avatar-group-hole-r) with 0px var(--__avatar-group-hole-corner-inset) / calc(var(--__avatar-group-hole-r) * -.15) var(--__avatar-group-hole-r);--__avatar-group-hole-corner-bl:curve by calc(var(--__avatar-group-hole-r) * -1) calc(var(--__avatar-group-hole-r) * -1) with calc(var(--__avatar-group-hole-corner-inset) * -1) 0px / calc(var(--__avatar-group-hole-r) * -1) calc(var(--__avatar-group-hole-r) * -.15);--__avatar-group-hole-corner-tl:curve by var(--__avatar-group-hole-r) calc(var(--__avatar-group-hole-r) * -1) with 0px calc(var(--__avatar-group-hole-corner-inset) * -1) / calc(var(--__avatar-group-hole-r) * .15) calc(var(--__avatar-group-hole-r) * -1)}}}.viraui__avatar-group-module__AvatarGroup_zOrR- .viraui__avatar-group-module__AvatarWrapper_0opqY:not(:last-child){clip-path:shape(evenodd from 0 0,line to 100% 0,line to 100% 100%,line to 0 100%,close,move to calc(var(--__avatar-group-hole-cx) - var(--__avatar-group-hole-half) + var(--__avatar-group-hole-r)) calc(var(--__avatar-group-hole-cy) - var(--__avatar-group-hole-half)),line by var(--__avatar-group-hole-edge) 0,var(--__avatar-group-hole-corner-tr),line by 0 var(--__avatar-group-hole-edge),var(--__avatar-group-hole-corner-br),line by calc(var(--__avatar-group-hole-edge) * -1) 0,var(--__avatar-group-hole-corner-bl),line by 0 calc(var(--__avatar-group-hole-edge) * -1),var(--__avatar-group-hole-corner-tl),close)}.viraui__avatar-group-module__OverflowWrapper_bKv6I{inline-size:auto}.viraui__avatar-group-module__OverflowPill_nMmTD{min-inline-size:var(--vui-avatar-group-size);block-size:var(--vui-avatar-group-size)}}@layer viraui.overrides{.viraui__avatar-group-module__AvatarGroupItem_Vvlyh{--vui-avatar-radius:var(--vui-avatar-group-item-radius)}.viraui__avatar-group-module__OverflowPill_nMmTD{--vui-surface-border-radius-top-left:var(--vui-avatar-group-item-radius);--vui-surface-border-radius-top-right:var(--vui-avatar-group-item-radius);--vui-surface-border-radius-bottom-right:var(--vui-avatar-group-item-radius);--vui-surface-border-radius-bottom-left:var(--vui-avatar-group-item-radius)}}