.action{position:relative;display:inline-flex;height:2.5rem;align-items:center;gap:.75rem;font-weight:700;--_bezier:cubic-bezier(0.25,0.1,0,2);--_background: ;--_foreground: ;--_foreground-hover: }.action__icon{width:2.5rem;border-radius:9999px;border-width:2px;border-color:transparent;padding:.375rem}.action.color--primary{--_foreground-hover:rgb(var(--coords-white))}.action.color--primary:not(:disabled){--_background:rgb(var(--coords-primary));--_foreground:var(--auto-link)}.action.color--primary:disabled{--_background:rgb(var(--coords-ghost));--_foreground:var(--auto-link)}.action.color--secondary{--_foreground-hover:rgb(var(--coords-white));--_foreground:var(--auto-text)}.action.color--secondary:not(:disabled){--_background:rgb(var(--coords-secondary))}.action.color--secondary:disabled{--_background:rgb(var(--coords-ghost))}.action.color--secondary.invert-text{--_foreground:var(--auto-text--invert)}.action.active--button,.action.active--icon>.action__icon{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:transparent;transition:background-color .1s linear,color .1s linear,transform .35s var(--_bezier),border-radius .35s var(--_bezier),filter .35s var(--_bezier),box-shadow .35s var(--_bezier)}.action.active--icon:not(:disabled):hover>.action__icon{--tw-scale-x:1.05;--tw-scale-y:1.05;--tw-drop-shadow:drop-shadow(3px 3px 5px rgba(0,0,0,.3))}.action.active--icon:not(:disabled):hover>.action__icon,.action.active--icon:not(:disabled):hover>.action__icon:active{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));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.action.active--icon:not(:disabled):hover>.action__icon:active{--tw-scale-x:1;--tw-scale-y:1;--tw-drop-shadow:drop-shadow(0 0 #0000)}.action.active--icon.variant--filled>.action__icon{background-color:var(--_background);color:var(--_foreground-hover)}.action.active--icon.variant--outlined>.action__icon{border-color:var(--_background);color:var(--_foreground)}.action.active--icon.variant--outlined:not(:disabled):hover>.action__icon{background-color:var(--_background);color:var(--_foreground-hover)}.action.active--button.variant--filled,.action.active--button.variant--outlined{width:10rem;justify-content:center;border-radius:.375rem;border-width:3px;color:var(--_foreground)}.action.active--button.variant--filled:not(:disabled):hover,.action.active--button.variant--outlined:not(:disabled):hover{--tw-scale-x:1.05;--tw-scale-y:1.05;border-radius:2rem;--tw-shadow:3px 3px 5px rgba(0,0,0,.3);--tw-shadow-colored:3px 3px 5px var(--tw-shadow-color)}.action.active--button.variant--filled:not(:disabled):hover,.action.active--button.variant--filled:not(:disabled):hover:active,.action.active--button.variant--outlined:not(:disabled):hover,.action.active--button.variant--outlined:not(:disabled):hover:active{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));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.action.active--button.variant--filled:not(:disabled):hover:active,.action.active--button.variant--outlined:not(:disabled):hover:active{--tw-scale-x:1;--tw-scale-y:1;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.action.active--button.variant--filled,.action.active--button.variant--outlined:not(:disabled):hover{background-color:var(--_background);color:var(--_foreground-hover)}.action.active--button.variant--outlined{border-color:var(--_background)}.action.active--button.variant--underscored{position:relative;color:var(--_foreground)}.action.active--button.variant--underscored:not(:disabled):hover:before{position:absolute;left:0;bottom:0;width:0;border-bottom-width:3px;border-color:var(--_background);color:var(--_foreground-hover);--tw-content:"";content:var(--tw-content);animation:animate-underscore .25s ease-out forwards}@keyframes animate-underscore{0%{width:0}to{width:100%}}.action__pill-indicator{width:1.25rem;height:1.25rem;border-radius:9999px;background-color:rgb(var(--coords-primary));font-size:.7rem;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));position:absolute;top:0;right:0;--tw-translate-x:25%;--tw-translate-y:-25%;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));display:flex;align-items:center;justify-content:center}