.ui-icon{--icon-size:24px;--icon-color:var(--sc-color-primary,#2563eb);--icon-bg:transparent;--icon-padding:0;--icon-radius:0;--icon-shadow:none;width:calc(var(--icon-size) + (var(--icon-padding) * 2));height:calc(var(--icon-size) + (var(--icon-padding) * 2));padding:var(--icon-padding);color:var(--icon-color);fill:currentColor;background:var(--icon-bg);border-radius:var(--icon-radius);box-shadow:var(--icon-shadow);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;line-height:1;display:inline-flex}.ui-icon svg,.ui-icon .material-icons,.ui-icon .material-icons-outlined,.ui-icon .material-icons-round,.ui-icon .material-icons-sharp,.ui-icon .material-icons-two-tone{width:var(--icon-size);height:var(--icon-size);font-size:var(--icon-size);fill:currentColor;justify-content:center;align-items:center;line-height:1;display:flex}.ui-icon--small{--icon-size:24px}.ui-icon--medium{--icon-size:32px}.ui-icon--large{--icon-size:48px}.ui-icon--primary{--icon-color:var(--sc-color-primary,#2563eb)}.ui-icon--secondary{--icon-color:var(--sc-color-secondary,#6b7280)}.ui-icon--warning{--icon-color:var(--sc-color-warning,#f59e0b)}.ui-icon--error{--icon-color:var(--sc-color-error,#ef4444)}.ui-icon--success{--icon-color:var(--sc-color-success,#22c55e)}.ui-icon--shape-square,.ui-icon--shape-circle{--icon-padding:8px;--icon-bg:var(--sc-color-surface,#f5f5f5)}.ui-icon--shape-square{--icon-radius:var(--sc-radius-xs,5px)}.ui-icon--shape-circle{--icon-radius:50%}