@font-face {
    font-style: normal;
    font-weight: 400;
    src: url("./material-symbols-rounded.woff2") format("woff2");
    font-family: "Material Symbols Rounded";
}

.wt-icon {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 1;
    font-family: "Material Symbols Rounded";
    -webkit-font-feature-settings: "liga";
    letter-spacing: normal;
    direction: ltr;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    text-align: center;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-variation-settings:
        "FILL" 0,
        "wght" 300,
        "GRAD" 0,
        "opsz" 24;
}

.wt-icon--fill {
    font-variation-settings:
        "FILL" 1,
        "wght" 300,
        "GRAD" 0,
        "opsz" 24;
}

.wt-icon--keyboard_arrow_up:before {
    content: "\e316";
}

.wt-icon--keyboard_arrow_down:before {
    content: "\e313";
}

.wt-icon--visibility:before {
    content: "\e8f4";
}

.wt-icon--visibility_off:before {
    content: "\e8f5";
}

.wt-icon--star:before {
    content: "\e838";
}
.wt-icon--star_rate:before {
    content: "\f0ec";
}

.wt-icon--add:before {
    content: "\e145";
}
.wt-icon--remove:before {
    content: "\e15b";
}

.wt-icon--close:before {
    content: "\e5cd";
}