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