: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-const-minSize-unitless:16;--FacePile-const-maxSize-unitless:32;--FacePile-const-sizeStep-unitless:4;--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)}.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-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)}.FacePile-suffixButton-icon{--Icon-api-size:var(--FacePile-private-suffixButton-icon-size)}