.react-island-state{background:color-mix(in srgb, var(--ds-surface-muted) 58%, var(--ds-surface));border:1px solid var(--ds-border);border-radius:var(--radius-card);color:var(--ds-text);border-left-width:.25rem;align-items:flex-start;gap:.75rem;min-height:4rem;padding:.85rem 1rem;display:flex}.react-island-state-compact{min-height:2.8rem;padding:.65rem .75rem}.react-island-state-icon{background:color-mix(in srgb, var(--ds-primary) 11%, var(--ds-surface));border:1px solid color-mix(in srgb, var(--ds-primary) 24%, var(--ds-border));border-radius:var(--radius-card);color:var(--ds-primary);flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.react-island-state-copy{gap:.15rem;min-width:0;display:grid}.react-island-state-copy strong{color:var(--ds-text);font-weight:780;line-height:1.25}.react-island-state-copy span{color:var(--ds-text-soft);line-height:1.35}.react-island-state-loading{border-left-color:var(--ds-primary)}.react-island-state-success{border-left-color:var(--ds-success)}.react-island-state-success .react-island-state-icon{background:color-mix(in srgb, var(--ds-success) 11%, var(--ds-surface));border-color:color-mix(in srgb, var(--ds-success) 28%, var(--ds-border));color:var(--ds-success)}.react-island-state-warning{border-left-color:var(--ds-warning)}.react-island-state-warning .react-island-state-icon{background:color-mix(in srgb, var(--ds-warning) 12%, var(--ds-surface));border-color:color-mix(in srgb, var(--ds-warning) 32%, var(--ds-border));color:color-mix(in srgb, var(--ds-warning) 82%, var(--ds-text))}.react-island-state-danger{border-left-color:var(--ds-danger)}.react-island-state-danger .react-island-state-icon{background:color-mix(in srgb, var(--ds-danger) 10%, var(--ds-surface));border-color:color-mix(in srgb, var(--ds-danger) 32%, var(--ds-border));color:var(--ds-danger)}