/* DEFAULTS: ICONS
//////////////////////////////////////////////////////////////////////////////*/

@layer defaults {
    .icon {
        fill: none;
        stroke: var(--color-text);
        stroke-width: var(--icon-stroke-width);
    }
    .icon--inline {
        display: inline-block;
        width: var(--size-icon-inline);
        height: var(--size-icon-inline);
        margin-bottom: -0.25rem;
    }
}