.pix-loading-spinner{animation:rotate var(--_speed) linear infinite;z-index:2;width:var(--_height);height:var(--_height);color:var(--_color);& .path{stroke:currentColor;stroke-linecap:round;z-index:1;animation:dash calc(var(--_speed) * .75) ease-in-out infinite}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.pix-button.button{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-black,#000);padding:calc(var(--spacing,.25rem) * 1.5);align-items:center;display:inline-flex}.pix-button.button span{white-space:nowrap;order:1;margin:0;padding:0}.pix-button.button.has-label .pix-icon{margin-right:var(--spacing-2xs,.125rem)}.pix-button.button .pix-icon{pointer-events:none;order:0}.pix-button.button.icon-after-label span:first-of-type{order:9999}.pix-button.button.icon-after-label .pix-icon{padding-right:0;padding-left:var(--spacing-2xs,.125rem);order:-9999}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}