@layer components{:where(.flo-icon-button)[data-v-0f870596]{color:var(--flo-color-icon-brand);background-color:unset;box-sizing:border-box;border:unset;border-radius:var(--flo-border-radius-full);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}:where(.flo-icon-button)[data-v-0f870596]:active{color:var(--flo-color-icon-brand-active);background-color:var(--flo-color-bg-selected)}:where(.flo-icon-button)[data-v-0f870596]:focus-visible{outline:var(--flo-border-width-medium) solid var(--flo-color-border-focus)}:where(.flo-icon-button)[data-disabled][data-v-0f870596]{color:var(--flo-color-icon-disabled);cursor:not-allowed;background:0 0;outline:none}:where(.flo-icon-button)[data-size=small][data-v-0f870596]{padding:var(--flo-space-extra-small)}:where(.flo-icon-button)[data-size=medium][data-v-0f870596]{padding:var(--flo-space-small)}:where(.flo-icon-button)[data-inverse][data-v-0f870596]{color:var(--flo-color-icon-inverse)}:where(.flo-icon-button)[data-inverse][data-v-0f870596]:active{color:var(--flo-color-icon-active);background-color:var(--flo-color-bg-default)}:where(.flo-icon-button)[data-inverse][data-disabled][data-v-0f870596]{color:var(--flo-color-icon-inverse-disabled)}@media (hover:hover) and (pointer:fine){:where(.flo-icon-button)[data-v-0f870596]:hover:not([data-disabled]):not(:active){color:var(--flo-color-icon-brand-hover);background-color:var(--flo-color-bg-hover)}:where(.flo-icon-button)[data-inverse][data-v-0f870596]:hover:not([data-disabled]):not(:active){color:var(--flo-color-icon-inverse);background-color:var(--flo-color-bg-hover-inverse)}}}