//
// Copyright 2022 Google LLC
// SPDX-License-Identifier: Apache-2.0
//
// [Modified by Sandlada & Kai Orion]
//
// Copyright 2025 Sandlada & Kai Orion
// SPDX-License-Identifier: MIT
//

@use 'sass:map';
@use '../../../tokens';

@mixin styles() {
    $tokens: tokens.md-comp-icon-values();

    & {
        @each $token, $value in $tokens {
            --_#{$token}: #{$value};
        }
    }

    & {
        font-size: var(--_size);
        width: var(--_size);
        height: var(--_size);
        color: inherit;
        font-variation-settings: inherit;
        font-weight: 400;
        font-family: map.get($tokens, 'font');
        display: inline-flex;
        font-style: normal;
        place-items: center;
        place-content: center;
        line-height: 1;
        // Avoid displaying overflowing text if font ligatures have not loaded.
        overflow: hidden;
        // Changing the letter-spacing for WCAG text spacing compliance will shift
        // around font ligature icons, so we revert that to normal. Note: some a11y
        // tools use `!important` style injection and may see shifting icons. Actual
        // text spacing override implementations in projects should not set
        // `letter-spacing` on icons, or revert it with a `text-indent` of the same
        // size.
        letter-spacing: normal;
        text-transform: none;
        user-select: none;
        white-space: nowrap;
        word-wrap: normal;
        // Prevent icons from shrinking when placed in a flex container.
        flex-shrink: 0;

        /* Support for all WebKit browsers. */
        -webkit-font-smoothing: antialiased;
        /* Support for Safari and Chrome. */
        text-rendering: optimizeLegibility;
        /* Support for Firefox. */
        -moz-osx-font-smoothing: grayscale;

        & svg {
            fill: currentColor;
        }

        & * {
            height: 100%;
            width: 100%;
        }
    }
}