@layer components{.ro-icon{--ro-icon-color:currentColor;--ro-icon-color-inverted:var(--ro-colors-text-inverted);--ro-icon-width:var(--ro-icon-size-base);pointer-events:none}svg.ro-icon{width:var(--ro-icon-width);height:var(--ro-icon-width)}i.ro-icon,svg.ro-icon{color:var(--ro-icon-color)}i.ro-icon{font-size:var(--ro-icon-width);vertical-align:middle;line-height:0}i.ro-icon:before{font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ro-icons,sans-serif;font-style:normal;font-weight:400;line-height:1}i.ro-icon:where(.ro-style-solid):before{font-weight:900}.ro-icon:where(.ro-size-sm){--ro-icon-width:var(--ro-icon-size-sm)}.ro-icon:where(.ro-size-md){--ro-icon-width:var(--ro-icon-size-base)}.ro-icon:where(.ro-size-lg){--ro-icon-width:var(--ro-icon-size-lg)}.ro-icon:where(.ro-size-xl){--ro-icon-width:var(--ro-icon-size-xl)}.ro-icon:where(.ro-size-2xl){--ro-icon-width:var(--ro-icon-size-2xl)}.ro-icon:where(.ro-size-3xl){--ro-icon-width:var(--ro-icon-size-3xl)}.ro-icon:where(.ro-size-4xl){--ro-icon-width:var(--ro-icon-size-4xl)}.ro-icon.spin{animation:2s linear infinite icon-spin}.ro-icon:where(.ro-color-scheme-primary),.ro-icon:where(.ro-color-scheme-product){--ro-icon-color:var(--ro-colors-accent)}.ro-icon:where(.ro-color-scheme-info){--ro-icon-color:var(--ro-colors-info)}.ro-icon:where(.ro-color-scheme-success){--ro-icon-color:var(--ro-colors-success)}.ro-icon:where(.ro-color-scheme-warning){--ro-icon-color:var(--ro-colors-warning)}.ro-icon:where(.ro-color-scheme-danger){--ro-icon-color:var(--ro-colors-danger)}.ro-icon:where(.ro-color-scheme-default),.ro-icon:where(.ro-color-scheme-neutral){--ro-icon-color:var(--ro-colors-text-primary)}.ro-icon:where(.ro-color-scheme-white){--ro-icon-color:var(--ro-colors-white)}.ro-icon:where(.ro-color-scheme-black){--ro-icon-color:var(--ro-colors-black)}.ro-icon:where(.ro-color-scheme-inverted){--ro-icon-color:var(--ro-icon-color-inverted)}}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}