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