/**
 * Storefront dynamic icon styles — all icon sets.
 */

body.storefront-branded .sf-icon-adapted {
    display: inline-block;
    vertical-align: -0.125em;
    line-height: 1;
}

body.storefront-branded .sf-icon-adapted svg {
    width: 1em;
    height: 1em;
    stroke: currentColor;
    fill: none;
}

body.storefront-branded.storefront-icon-set-feather .sf-icon-adapted svg,
body.storefront-branded.storefront-icon-set-lucide .sf-icon-adapted svg {
    vertical-align: -0.125em;
}

body.storefront-branded.storefront-icon-set-bootstrap .sf-icon-adapted.bi {
    font-size: inherit;
    line-height: inherit;
}

body.storefront-branded.storefront-icon-set-phosphor .sf-icon-adapted.ph {
    font-size: 1.15em;
    line-height: 1;
    vertical-align: -0.15em;
}

body.storefront-branded.storefront-icon-set-material .sf-icon-adapted.material-symbols-outlined {
    font-size: 1.15em;
    line-height: 1;
    vertical-align: -0.2em;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body.storefront-branded.storefront-icon-set-tabler .sf-icon-adapted.ti {
    font-size: 1.05em;
    line-height: 1;
    vertical-align: -0.15em;
}

body.storefront-branded.storefront-icon-set-remixicon .sf-icon-adapted.ri {
    font-size: 1.05em;
    line-height: 1;
    vertical-align: -0.15em;
}

body.storefront-branded.storefront-icon-set-boxicons .sf-icon-adapted.bx {
    font-size: 1.05em;
    line-height: 1;
    vertical-align: -0.15em;
}

body.storefront-branded .sf-icon-adapted.fa-spin svg,
body.storefront-branded .sf-icon-adapted.fa-spin.bi,
body.storefront-branded .sf-icon-adapted.fa-spin.ph,
body.storefront-branded .sf-icon-adapted.fa-spin.material-symbols-outlined {
    animation: sf-icon-spin 0.85s linear infinite;
}

@keyframes sf-icon-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

body.storefront-branded .sf-icon-adapted.fa-2x {
    font-size: 2em;
}

body.storefront-branded .sf-icon-adapted.fa-3x {
    font-size: 3em;
}

body.storefront-branded .sf-icon-adapted.fa-4x {
    font-size: 4em;
}

body.storefront-branded.storefront-icon-set-feather .sf-icon-adapted.fa-2x svg,
body.storefront-branded.storefront-icon-set-lucide .sf-icon-adapted.fa-2x svg {
    width: 2em;
    height: 2em;
}

body.storefront-branded.storefront-icon-set-feather .sf-icon-adapted.fa-4x svg,
body.storefront-branded.storefront-icon-set-lucide .sf-icon-adapted.fa-4x svg {
    width: 4em;
    height: 4em;
}

body.storefront-branded .chip-icon-wrapper .sf-icon-adapted svg,
body.storefront-branded .chip-icon-wrapper .sf-icon-adapted.bi,
body.storefront-branded .chip-icon-wrapper .sf-icon-adapted.ph,
body.storefront-branded .chip-icon-wrapper .sf-icon-adapted.material-symbols-outlined {
    width: 1em;
    height: 1em;
    font-size: 0.95rem;
}