.icon-button{--icon-button-padding-local:var(--spacer-3xs);border-radius:var(--border-radius-xs);font-size:0;padding:var(--icon-button-padding,var(--icon-button-padding-local))}.icon-button.disabled{color:var(--color-neutral-300)}.icon-button:not(.disabled):active{color:var(--color-neutral-700)}.icon-button--primary{background-color:var(--primary);color:var(--primary-content)}.icon-button--primary.disabled{background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.icon-button--primary:not(.disabled):active{background-color:var(--primary-pressed-dark);color:var(--primary-content)}@media (hover:hover) and (min-width:1024px){.icon-button--primary:not(.disabled):hover{background-color:var(--primary-focus-dark);color:var(--primary-content)}}.icon-button--grey{color:var(--color-neutral-900)}.icon-button--grey.disabled{color:var(--color-neutral-500)}.icon-button--grey:not(.disabled):active{color:var(--color-neutral)}@media (hover:hover) and (min-width:1024px){.icon-button--grey:not(.disabled):hover{background-color:var(--color-neutral-300);color:var(--color-neutral)}}.icon-button--secondary{background-color:var(--color-red-50);color:var(--primary)}.icon-button--secondary.disabled{background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.icon-button--secondary:not(.disabled):active{background-color:var(--color-red-100);color:var(--primary-pressed-dark)}@media (hover:hover) and (min-width:1024px){.icon-button--secondary:not(.disabled):hover{background-color:var(--color-red-100)}}.icon-button--grey{background-color:var(--color-neutral-100);color:var(--color-text-dark)}.icon-button--grey.disabled{background-color:var(--color-neutral-300);color:var(--color-text-middle)}.icon-button--grey:not(.disabled):active{background-color:var(--color-neutral-400)}@media (hover:hover) and (min-width:1024px){.icon-button--grey:not(.disabled):hover{background-color:var(--color-neutral-300)}}.icon-button--rounded{background-color:var(--color-white);border-radius:var(--border-radius-full);box-shadow:var(--shadow-base);color:var(--color-neutral)}.icon-button--rounded.icon-button--lg{--icon-button-padding-local:var(--spacer-3xs)}.icon-button--rounded.icon-button--lg:before{height:2rem;width:2rem}.icon-button--rounded.icon-button--xl{--icon-button-padding-local:var(--spacer-3xs)}.icon-button--rounded.icon-button--xl:before{height:2.5rem;width:2.5rem}.icon-button--rounded:not(.disabled).disabled{background-color:var(--color-white);color:var(--color-neutral-400)}.icon-button--rounded:active{background-color:var(--primary-pressed-dark);color:var(--primary-content)}@media (hover:hover) and (min-width:1024px){.icon-button--rounded:not(.disabled):hover{background-color:var(--primary);color:var(--primary-content)}}.icon-button--xl{--icon-button-padding-local:var(--spacer-xs)}.icon-button--lg{--icon-button-padding-local:var(--spacer-2xs)}.icon-button--sm{--icon-button-padding-local:calc(var(--spacer-2xs)*.5)}.icon-button--2xs,.icon-button--xs{--icon-button-padding-local:var(--spacer-4xs)}.icon-button--2xs:before{height:1rem;width:1rem}@media (hover:hover) and (min-width:1024px){.icon-button:not(.disabled):hover{color:var(--color-neutral-600)}}