:root{--FacePile-const-minSize-unitless:16;--FacePile-const-maxSize-unitless:32;--FacePile-const-sizeStep-unitless:4}:where(.FacePile){--FacePile-api-faceSize-unitless:16;--FacePile-api-button-color-bg:var(--color-base-bg-2);--FacePile-api-button-color-fg:var(--color-base-fg-1)}.FacePile{--FacePile-private-faceSize-unitless:clamp(var(--FacePile-const-minSize-unitless),round(down,var(--FacePile-api-faceSize-unitless),var(--FacePile-const-sizeStep-unitless)),var(--FacePile-const-maxSize-unitless));--FacePile-private-faceSize:calc(var(--FacePile-private-faceSize-unitless)*1px);--FacePile-private-faceSpacing:calc(-1/4);--FacePile-private-suffixButton-icon-size:max(calc(var(--FacePile-private-faceSize)/2),12px);display:inline-flex}.FacePile-face{--Face-api-size:var(--FacePile-private-faceSize);margin-left:calc(var(--FacePile-private-faceSize)*var(--FacePile-private-faceSpacing));clip-path:var(--FacePile-private-clipPath);flex:none}.FacePile-face:first-child{clip-path:none;margin-left:0}.FacePile-clipPath{opacity:0;width:0;position:absolute;overflow:visible}.FacePile-clipPath-clipper{--FacePile-private-clipPath-shifter:calc(var(--FacePile-private-faceSpacing)*1px);--FacePile-private-clipPath-gap-unitless:2;--FacePile-private-clipPath-scalar:calc(( var(--FacePile-private-faceSize-unitless) + (var(--FacePile-private-clipPath-gap-unitless)*2))/var(--FacePile-private-faceSize-unitless));transform:translateX(var(--FacePile-private-clipPath-shifter))scaleY(var(--FacePile-private-clipPath-scalar))scaleX(var(--FacePile-private-clipPath-scalar));transform-origin:0}.FacePile-suffixButton{width:var(--FacePile-private-faceSize);height:var(--FacePile-private-faceSize);margin-left:calc(var(--FacePile-private-faceSize)*var(--FacePile-private-faceSpacing));background:var(--FacePile-api-button-color-bg);color:var(--FacePile-api-button-color-fg);clip-path:var(--FacePile-private-clipPath);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:visible}.FacePile-suffixButton-icon{--Icon-api-size:var(--FacePile-private-suffixButton-icon-size)}