.status-icon-container .status-icon{color:var(--surface-inverse);font-size:14px}.status-circle{border-radius:999px;justify-content:center;align-items:center;padding:18px;display:flex;position:relative}.success .status-circle{background:var(--success);background:linear-gradient(180deg, var(--success) 0%, color-mix(in srgb, var(--success) 60%, transparent) 20%, color-mix(in srgb, var(--success) 30%, transparent) 40%, color-mix(in srgb, var(--success) 5%, transparent) 70%, transparent 100%)}.warning .status-circle{background:var(--warning);background:linear-gradient(180deg, var(--warning) 0%, color-mix(in srgb, var(--warning) 60%, transparent) 20%, color-mix(in srgb, var(--warning) 30%, transparent) 40%, color-mix(in srgb, var(--warning) 5%, transparent) 70%, transparent 100%)}.error .status-circle{background:var(--danger);background:linear-gradient(180deg, var(--danger) 0%, color-mix(in srgb, var(--danger) 60%, transparent) 20%, color-mix(in srgb, var(--danger) 30%, transparent) 40%, color-mix(in srgb, var(--danger) 5%, transparent) 70%, transparent 100%)}.default .status-circle{background:var(--neutral-mid);background:linear-gradient(180deg, var(--neutral-mid) 0%, color-mix(in srgb, var(--neutral-mid) 60%, transparent) 20%, color-mix(in srgb, var(--neutral-mid) 30%, transparent) 40%, color-mix(in srgb, var(--neutral-mid) 5%, transparent) 70%, transparent 100%)}.info .status-circle{background:var(--info);background:linear-gradient(180deg, var(--info) 0%, color-mix(in srgb, var(--info) 60%, transparent) 20%, color-mix(in srgb, var(--info) 30%, transparent) 40%, color-mix(in srgb, var(--info) 5%, transparent) 70%, transparent 100%)}.status-circle:before{content:"";z-index:-2;border-radius:999px;width:100%;height:100%;padding:1px;position:absolute;top:-1px;left:-1px}.success .status-circle:before{background-image:linear-gradient(180deg, var(--primary-600) 0%, color-mix(in srgb, var(--primary-600) 60%, transparent) 20%, color-mix(in srgb, var(--primary-600) 30%, transparent) 40%, color-mix(in srgb, var(--primary-600) 5%, transparent) 70%, transparent 100%)}.warning .status-circle:before{background-image:linear-gradient(180deg, var(--warning-strong) 0%, color-mix(in srgb, var(--warning-strong) 60%, transparent) 20%, color-mix(in srgb, var(--warning-strong) 30%, transparent) 40%, color-mix(in srgb, var(--warning-strong) 5%, transparent) 70%, transparent 100%)}.error .status-circle:before{background-image:linear-gradient(180deg, var(--danger-strong) 0%, color-mix(in srgb, var(--danger-strong) 60%, transparent) 20%, color-mix(in srgb, var(--danger-strong) 30%, transparent) 40%, color-mix(in srgb, var(--danger-strong) 5%, transparent) 70%, transparent 100%)}.default .status-circle:before{background-image:linear-gradient(180deg, var(--neutral-darker) 0%, color-mix(in srgb, var(--neutral-darker) 60%, transparent) 20%, color-mix(in srgb, var(--neutral-darker) 30%, transparent) 40%, color-mix(in srgb, var(--neutral-darker) 5%, transparent) 70%, transparent 100%)}.info .status-circle:before{background-image:linear-gradient(180deg, var(--info) 0%, color-mix(in srgb, var(--info) 60%, transparent) 20%, color-mix(in srgb, var(--info) 30%, transparent) 40%, color-mix(in srgb, var(--info) 5%, transparent) 70%, transparent 100%)}.status-circle:after{content:"";z-index:-1;background-image:linear-gradient(180deg, var(--surface-inverse));border-radius:999px;width:100%;height:100%;padding:0;position:absolute;top:0;left:0}.status-circle .background-circle{background-color:var(--surface-inverse);border:1px solid var(--border-muted);width:58px;height:58px;box-shadow:0 0 8px -4px var(--border-strong);border-radius:999px;justify-content:center;align-items:center;display:flex}.status-circle .background-circle .icon-circle{border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.success .status-circle .background-circle .icon-circle{background:var(--success)}.warning .status-circle .background-circle .icon-circle{background:var(--warning)}.error .status-circle .background-circle .icon-circle{background:var(--danger)}.default .status-circle .background-circle .icon-circle{background:var(--neutral-mid)}.info .status-circle .background-circle .icon-circle{background:var(--info)}