.s-button-icon{flex-shrink:0}.s-button-icon--size-lg{width:3rem;height:3rem}.s-button-icon--size-lg .s-button-icon__icon{width:1.25rem;height:1.25rem}.s-button-icon--size-md{width:2.5rem;height:2.5rem}.s-button-icon--size-md .s-button-icon__icon{width:1rem;height:1rem}.s-button-icon--size-sm{width:2rem;height:2rem}.s-button-icon--size-sm .s-button-icon__icon{width:.875rem;height:.875rem}.s-button-icon--size-xs{width:1.5rem;height:1.5rem}.s-button-icon--size-xs .s-button-icon__icon{width:.75rem;height:.75rem;font-size:.875rem;line-height:1.25rem}.s-button-icon--size-inline{width:1.5rem;height:1.5rem;margin-left:-.25rem;margin-right:-.25rem;display:inline-flex}.s-button-icon--size-inline .s-button-icon__icon{width:1rem;height:1rem}.s-tooltip{display:inline-flex}.s-tooltip__arrow{z-index:10;--tw-rotate:45deg;width:.5rem;height:.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));position:absolute}.s-tooltip__popup{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));width:max-content;max-width:16rem;color:hsl(var(--s-gray-800));visibility:hidden;z-index:10;opacity:0;filter:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;font-weight:400;line-height:1.25rem;transition:opacity .2s,visibility 0s .2s;position:absolute;top:0;left:0}.s-tooltip__popup--open{visibility:visible;opacity:1;transition-property:opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.s-tooltip__popup--dark{background-color:hsl(var(--s-gray-800));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.s-tooltip__popup--dark .s-tooltip__arrow{background-color:hsl(var(--s-gray-800))}