&:has(&__dropdown) &__dropdown {
                background: white;
                border-radius: 1rem;
                padding: 2rem;
                box-shadow: 0 4px 20px 0.5px rgba(0, 0, 0, 0.05);
                min-width: max-content;
                position: absolute;
                left: -100%;
                margin-top: 1rem;
                &__item {
                    &:not(:last-child) {
                        margin-bottom: 1rem;
                    }

                    &__link {
                        color: var(--medium-gray);

                        &:has(svg) {
                            display: flex;
                            flex: 1 1;
                            align-items: center;
                            gap: 1rem;

                            svg {
                                flex-shrink: 1;
                            }
                        }
                    }
                }
            }

&:has(&__dropdown) &__dropdown {
                background: white;
                border-radius: 1rem;
                padding: 2rem;
                box-shadow: 0 4px 20px 0.5px rgba(0, 0, 0, 0.05);
                min-width: max-content;
                position: absolute;
                left: -100%;
                margin-top: 1rem;
                &__item {
                    &:not(:last-child) {
                        margin-bottom: 1rem;
                    }

                    &__link {
                        color: var(--medium-gray);

                        &:has(svg) {
                            display: flex;
                            flex: 1 1;
                            align-items: center;
                            gap: 1rem;

                            svg {
                                flex-shrink: 1;
                            }
                        }
                    }
                }
            }

Generally speaking, SVG code is preferred over SVG files when it comes to quickly rendering graphics on webpages. SVG code is more lightweight and faster to load than SVG files, making it the better choice when it comes to speed. Additionally, SVG code is easier to work with, as it can be quickly edited and customized with CSS. Additionally, SVG code is easier to debug, as any issues can be quickly identified and fixed.

Generally speaking, SVG code is preferred over SVG files when it comes to quickly rendering graphics on webpages. SVG code is more lightweight and faster to load than SVG files, making it the better choice when it comes to speed. Additionally, SVG code is easier to work with, as it can be quickly edited and customized with CSS. Additionally, SVG code is easier to debug, as any issues can be quickly identified and fixed.

$colors:(
    blue:(
        100: #ff0000,
        200: #ff0505
    ),
);

$colors:(
    blue:(
        100: #ff0000,
        200: #ff0505
    ),
);