@layer atoms{.component_icon__jl8QZ{width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8);min-width:calc(var(--spacing, .25rem) * 8);min-height:calc(var(--spacing, .25rem) * 8);display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--color-gray-500,oklch(.551 .027 264.364));padding:calc(var(--spacing, .25rem) * 2.25);border-radius:calc(infinity * 1px);outline:none;font-size:var(--text-base,1rem);text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer;svg{width:100%;height:100%;color:var(--color-gray-500,oklch(.551 .027 264.364));outline:none;transition:all .2s ease-in-out}&:hover{background-color:var(--color-gray-100,oklch(.967 .003 264.542));color:var(--color-primary-500,#0074e7);svg{color:var(--color-primary-500,#0074e7)}}&:not(:hover){transition:all .6s ease-in-out;svg{transition:all .6s ease-in-out}}&:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}}a.component_icon__jl8QZ,button.component_icon__jl8QZ{cursor:pointer}figure.component_icon__jl8QZ,span.component_icon__jl8QZ{cursor:default}}