/*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root, :host {
    --fa-style-family-classic: 'Font Awesome 6 Free';
    --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype");
}


.fas,
.fa-solid {
    font-weight: 900;
}

/*Icon styles*/
.star {
    visibility: hidden;
    font-size: 16px;
    cursor: pointer;
    color: #808080;
}

    .star:checked:before {
        font-family: "Font Awesome 6 Free";
        font-weight: 400;
        content: "\f005";
        position: relative;
        top: 0px;
        left: 0px;
        color: var(--falcon-gray-700);
    }

    .star:before {
        font-family: "Font Awesome 6 Free";
        content: "\f005";
        color: var(--falcon-card-bg);
        visibility: visible;
        top: -3px;
        left: -5px;
        -webkit-text-stroke: 1px var(--falcon-gray-700);
    }

    .star:checked {
        color: var(--falcon-gray-700);
        animation: shrink-bounce .5s;
    }