/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */@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-duration:initial;--tw-ease:initial;--tw-outline-style:solid;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme,base;@layer components{.Phnx-button-icon{cursor:pointer;--tw-duration:var(--transition-duration-motion-duration-20,var(--motion-duration-20));transition-duration:var(--transition-duration-motion-duration-20,var(--motion-duration-20));--tw-ease:var(--ease-motion-easing-40,var(--motion-easing-40));transition-timing-function:var(--ease-motion-easing-40,var(--motion-easing-40));flex-shrink:0;justify-content:center;align-items:center;transition-property:background-color,color,scale;display:inline-flex;position:relative}.Phnx-button-icon:focus-visible,.Phnx-button-icon[data-state=focused]{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-color-stroke-interactive-focus-ring-default,var(--color-stroke-interactive-focus-ring-default))}.Phnx-button-icon:active:not(:disabled),.Phnx-button-icon[data-state=pressed]{--tw-scale-x:97%;--tw-scale-y:97%;--tw-scale-z:97%;scale:var(--tw-scale-x) var(--tw-scale-y)}.Phnx-button-icon:disabled{cursor:not-allowed}.Phnx-button-icon__icon{justify-content:center;align-items:center;display:flex}.Phnx-button-icon--xs{aspect-ratio:1;height:var(--spacing-action-button-icon-height-xs,var(--action-button-icon-height-xs,1.5rem));width:var(--spacing-action-button-icon-height-xs,var(--action-button-icon-height-xs,1.5rem));border-radius:3.40282e38px}.Phnx-button-icon--xs .Phnx-button-icon__icon{width:var(--spacing-action-button-icon-icon-size-xs,var(--action-button-icon-icon-size-xs,1rem));height:var(--spacing-action-button-icon-icon-size-xs,var(--action-button-icon-icon-size-xs,1rem))}.Phnx-button-icon--sm{height:var(--spacing-action-button-icon-height-sm,var(--action-button-icon-height-sm,2.5rem));width:var(--spacing-action-button-icon-height-sm,var(--action-button-icon-height-sm,2.5rem));border-radius:3.40282e38px}.Phnx-button-icon--sm .Phnx-button-icon__icon{width:var(--spacing-action-button-icon-icon-size-sm,var(--action-button-icon-icon-size-sm,1.25rem));height:var(--spacing-action-button-icon-icon-size-sm,var(--action-button-icon-icon-size-sm,1.25rem))}.Phnx-button-icon--md{height:var(--spacing-action-button-icon-height-md,var(--action-button-icon-height-md,2.75rem));width:var(--spacing-action-button-icon-height-md,var(--action-button-icon-height-md,2.75rem));border-radius:3.40282e38px}.Phnx-button-icon--md .Phnx-button-icon__icon{width:var(--spacing-action-button-icon-icon-size-md,var(--action-button-icon-icon-size-md,1.5rem));height:var(--spacing-action-button-icon-icon-size-md,var(--action-button-icon-icon-size-md,1.5rem))}.Phnx-button-icon--lg{height:var(--spacing-action-button-icon-height-lg,var(--action-button-icon-height-lg,3rem));width:var(--spacing-action-button-icon-height-lg,var(--action-button-icon-height-lg,3rem));border-radius:3.40282e38px}.Phnx-button-icon--lg .Phnx-button-icon__icon{width:var(--spacing-action-button-icon-icon-size-lg,var(--action-button-icon-icon-size-lg,1.5rem));height:var(--spacing-action-button-icon-icon-size-lg,var(--action-button-icon-icon-size-lg,1.5rem))}.Phnx-button-icon__badge{top:calc(var(--spacing-spacing-8,var(--spacing-8)) * -1);right:calc(var(--spacing-spacing-4,var(--spacing-4)) * -1);position:absolute}.Phnx-button-icon--primary{background-color:var(--color-action-button-icon-surface-primary-default,var(--action-button-icon-surface-primary-default));color:var(--color-action-button-icon-icon-surface-primary-default,var(--action-button-icon-icon-surface-primary-default))}.Phnx-button-icon--primary:hover:not(:disabled),.Phnx-button-icon--primary[data-state=hovered]{background-color:var(--color-action-button-icon-surface-primary-hovered,var(--action-button-icon-surface-primary-hovered));color:var(--color-action-button-icon-icon-surface-primary-hovered,var(--action-button-icon-icon-surface-primary-hovered))}.Phnx-button-icon--primary:focus-visible,.Phnx-button-icon--primary[data-state=focused]{background-color:var(--color-action-button-icon-surface-primary-focused,var(--action-button-icon-surface-primary-focused));color:var(--color-action-button-icon-icon-surface-primary-focused,var(--action-button-icon-icon-surface-primary-focused))}.Phnx-button-icon--primary:active:not(:disabled),.Phnx-button-icon--primary[data-state=pressed]{background-color:var(--color-action-button-icon-surface-primary-pressed,var(--action-button-icon-surface-primary-pressed));color:var(--color-action-button-icon-icon-surface-primary-pressed,var(--action-button-icon-icon-surface-primary-pressed))}.Phnx-button-icon--primary:disabled{background-color:var(--color-action-button-icon-surface-primary-disabled,var(--action-button-icon-surface-primary-disabled));color:var(--color-action-button-icon-icon-surface-primary-disabled,var(--action-button-icon-icon-surface-primary-disabled))}.Phnx-button-icon--primary-destructive{background-color:var(--color-action-button-icon-surface-primary-destructive-default,var(--action-button-icon-surface-primary-destructive-default));color:var(--color-action-button-icon-icon-surface-primary-destructive-default,var(--action-button-icon-icon-surface-primary-destructive-default))}.Phnx-button-icon--primary-destructive:hover:not(:disabled),.Phnx-button-icon--primary-destructive[data-state=hovered]{background-color:var(--color-action-button-icon-surface-primary-destructive-hovered,var(--action-button-icon-surface-primary-destructive-hovered));color:var(--color-action-button-icon-icon-surface-primary-destructive-hovered,var(--action-button-icon-icon-surface-primary-destructive-hovered))}.Phnx-button-icon--primary-destructive:focus-visible,.Phnx-button-icon--primary-destructive[data-state=focused]{background-color:var(--color-action-button-icon-surface-primary-destructive-focused,var(--action-button-icon-surface-primary-destructive-focused));color:var(--color-action-button-icon-icon-surface-primary-destructive-focused,var(--action-button-icon-icon-surface-primary-destructive-focused))}.Phnx-button-icon--primary-destructive:active:not(:disabled),.Phnx-button-icon--primary-destructive[data-state=pressed]{background-color:var(--color-action-button-icon-surface-primary-destructive-pressed,var(--action-button-icon-surface-primary-destructive-pressed));color:var(--color-action-button-icon-icon-surface-primary-destructive-pressed,var(--action-button-icon-icon-surface-primary-destructive-pressed))}.Phnx-button-icon--primary-destructive:disabled{background-color:var(--color-action-button-icon-surface-primary-destructive-disabled,var(--action-button-icon-surface-primary-destructive-disabled));color:var(--color-action-button-icon-icon-surface-primary-destructive-disabled,var(--action-button-icon-icon-surface-primary-destructive-disabled))}.Phnx-button-icon--secondary{background-color:var(--color-action-button-icon-surface-secondary-default,var(--action-button-icon-surface-secondary-default));color:var(--color-action-button-icon-icon-surface-secondary-default,var(--action-button-icon-icon-surface-secondary-default))}.Phnx-button-icon--secondary:hover:not(:disabled),.Phnx-button-icon--secondary[data-state=hovered]{background-color:var(--color-action-button-icon-surface-secondary-hovered,var(--action-button-icon-surface-secondary-hovered));color:var(--color-action-button-icon-icon-surface-secondary-hovered,var(--action-button-icon-icon-surface-secondary-hovered))}.Phnx-button-icon--secondary:focus-visible,.Phnx-button-icon--secondary[data-state=focused]{background-color:var(--color-action-button-icon-surface-secondary-focused,var(--action-button-icon-surface-secondary-focused));color:var(--color-action-button-icon-icon-surface-secondary-focused,var(--action-button-icon-icon-surface-secondary-focused))}.Phnx-button-icon--secondary:active:not(:disabled),.Phnx-button-icon--secondary[data-state=pressed]{background-color:var(--color-action-button-icon-surface-secondary-pressed,var(--action-button-icon-surface-secondary-pressed));color:var(--color-action-button-icon-icon-surface-secondary-pressed,var(--action-button-icon-icon-surface-secondary-pressed))}.Phnx-button-icon--secondary:disabled{background-color:var(--color-action-button-icon-surface-secondary-disabled,var(--action-button-icon-surface-secondary-disabled));color:var(--color-action-button-icon-icon-surface-secondary-disabled,var(--action-button-icon-icon-surface-secondary-disabled))}.Phnx-button-icon--secondary-destructive{background-color:var(--color-action-button-icon-surface-secondary-destructive-default,var(--action-button-icon-surface-secondary-destructive-default));color:var(--color-action-button-icon-icon-surface-secondary-destructive-default,var(--action-button-icon-icon-surface-secondary-destructive-default))}.Phnx-button-icon--secondary-destructive:hover:not(:disabled),.Phnx-button-icon--secondary-destructive[data-state=hovered]{background-color:var(--color-action-button-icon-surface-secondary-destructive-hovered,var(--action-button-icon-surface-secondary-destructive-hovered));color:var(--color-action-button-icon-icon-surface-secondary-destructive-hovered,var(--action-button-icon-icon-surface-secondary-destructive-hovered))}.Phnx-button-icon--secondary-destructive:focus-visible,.Phnx-button-icon--secondary-destructive[data-state=focused]{background-color:var(--color-action-button-icon-surface-secondary-destructive-focused,var(--action-button-icon-surface-secondary-destructive-focused));color:var(--color-action-button-icon-icon-surface-secondary-destructive-focused,var(--action-button-icon-icon-surface-secondary-destructive-focused))}.Phnx-button-icon--secondary-destructive:active:not(:disabled),.Phnx-button-icon--secondary-destructive[data-state=pressed]{background-color:var(--color-action-button-icon-surface-secondary-destructive-pressed,var(--action-button-icon-surface-secondary-destructive-pressed));color:var(--color-action-button-icon-icon-surface-secondary-destructive-pressed,var(--action-button-icon-icon-surface-secondary-destructive-pressed))}.Phnx-button-icon--secondary-destructive:disabled{background-color:var(--color-action-button-icon-surface-secondary-destructive-disabled,var(--action-button-icon-surface-secondary-destructive-disabled));color:var(--color-action-button-icon-icon-surface-secondary-destructive-disabled,var(--action-button-icon-icon-surface-secondary-destructive-disabled))}.Phnx-button-icon--tertiary{background-color:var(--color-action-button-icon-surface-tertiary-default,var(--action-button-icon-surface-tertiary-default));color:var(--color-action-button-icon-icon-surface-tertiary-default,var(--action-button-icon-icon-surface-tertiary-default))}.Phnx-button-icon--tertiary:hover:not(:disabled),.Phnx-button-icon--tertiary[data-state=hovered]{background-color:var(--color-action-button-icon-surface-tertiary-hovered,var(--action-button-icon-surface-tertiary-hovered));color:var(--color-action-button-icon-icon-surface-tertiary-hovered,var(--action-button-icon-icon-surface-tertiary-hovered))}.Phnx-button-icon--tertiary:focus-visible,.Phnx-button-icon--tertiary[data-state=focused]{background-color:var(--color-action-button-icon-surface-tertiary-focused,var(--action-button-icon-surface-tertiary-focused));color:var(--color-action-button-icon-icon-surface-tertiary-focused,var(--action-button-icon-icon-surface-tertiary-focused))}.Phnx-button-icon--tertiary:active:not(:disabled),.Phnx-button-icon--tertiary[data-state=pressed]{background-color:var(--color-action-button-icon-surface-tertiary-pressed,var(--action-button-icon-surface-tertiary-pressed));color:var(--color-action-button-icon-icon-surface-tertiary-pressed,var(--action-button-icon-icon-surface-tertiary-pressed))}.Phnx-button-icon--tertiary:disabled{background-color:var(--color-action-button-icon-surface-tertiary-disabled,var(--action-button-icon-surface-tertiary-disabled));color:var(--color-action-button-icon-icon-surface-tertiary-disabled,var(--action-button-icon-icon-surface-tertiary-disabled))}.Phnx-button-icon--tertiary-destructive{background-color:var(--color-action-button-icon-surface-tertiary-destructive-default,var(--action-button-icon-surface-tertiary-destructive-default));color:var(--color-action-button-icon-icon-surface-tertiary-destructive-default,var(--action-button-icon-icon-surface-tertiary-destructive-default))}.Phnx-button-icon--tertiary-destructive:hover:not(:disabled),.Phnx-button-icon--tertiary-destructive[data-state=hovered]{background-color:var(--color-action-button-icon-surface-tertiary-destructive-hovered,var(--action-button-icon-surface-tertiary-destructive-hovered));color:var(--color-action-button-icon-icon-surface-tertiary-destructive-hovered,var(--action-button-icon-icon-surface-tertiary-destructive-hovered))}.Phnx-button-icon--tertiary-destructive:focus-visible,.Phnx-button-icon--tertiary-destructive[data-state=focused]{background-color:var(--color-action-button-icon-surface-tertiary-destructive-focused,var(--action-button-icon-surface-tertiary-destructive-focused));color:var(--color-action-button-icon-icon-surface-tertiary-destructive-focused,var(--action-button-icon-icon-surface-tertiary-destructive-focused))}.Phnx-button-icon--tertiary-destructive:active:not(:disabled),.Phnx-button-icon--tertiary-destructive[data-state=pressed]{background-color:var(--color-action-button-icon-surface-tertiary-destructive-pressed,var(--action-button-icon-surface-tertiary-destructive-pressed));color:var(--color-action-button-icon-icon-surface-tertiary-destructive-pressed,var(--action-button-icon-icon-surface-tertiary-destructive-pressed))}.Phnx-button-icon--tertiary-destructive:disabled{background-color:var(--color-action-button-icon-surface-tertiary-destructive-disabled,var(--action-button-icon-surface-tertiary-destructive-disabled));color:var(--color-action-button-icon-icon-surface-tertiary-destructive-disabled,var(--action-button-icon-icon-surface-tertiary-destructive-disabled))}.Phnx-button-icon--inverse{background-color:var(--color-action-button-icon-surface-inverse-default,var(--action-button-icon-surface-inverse-default));color:var(--color-action-button-icon-icon-surface-inverse-default,var(--action-button-icon-icon-surface-inverse-default))}.Phnx-button-icon--inverse:hover:not(:disabled),.Phnx-button-icon--inverse[data-state=hovered]{background-color:var(--color-action-button-icon-surface-inverse-hovered,var(--action-button-icon-surface-inverse-hovered));color:var(--color-action-button-icon-icon-surface-inverse-hovered,var(--action-button-icon-icon-surface-inverse-hovered))}.Phnx-button-icon--inverse:focus-visible,.Phnx-button-icon--inverse[data-state=focused]{background-color:var(--color-action-button-icon-surface-inverse-focused,var(--action-button-icon-surface-inverse-focused));color:var(--color-action-button-icon-icon-surface-inverse-focused,var(--action-button-icon-icon-surface-inverse-focused))}.Phnx-button-icon--inverse:active:not(:disabled),.Phnx-button-icon--inverse[data-state=pressed]{background-color:var(--color-action-button-icon-surface-inverse-pressed,var(--action-button-icon-surface-inverse-pressed));color:var(--color-action-button-icon-icon-surface-inverse-pressed,var(--action-button-icon-icon-surface-inverse-pressed))}.Phnx-button-icon--inverse:disabled{background-color:var(--color-action-button-icon-surface-inverse-disabled,var(--action-button-icon-surface-inverse-disabled));color:var(--color-action-button-icon-icon-surface-inverse-disabled,var(--action-button-icon-icon-surface-inverse-disabled))}.Phnx-button-icon--skeleton{pointer-events:none;cursor:default;background-color:var(--color-action-button-icon-surface-primary-skeleton,var(--action-button-icon-surface-primary-skeleton));flex-shrink:0}@media(prefers-reduced-motion:reduce){.Phnx-button-icon{transition-duration:0s}}}@layer utilities;@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}