/* Include the Dashicons font */
@font-face {
    font-family: 'dashicons';
    src: url('https://s.w.org/wp-includes/fonts/dashicons.eot');
    src: url('https://s.w.org/wp-includes/fonts/dashicons.eot?#iefix') format('embedded-opentype'),
         url('https://s.w.org/wp-includes/fonts/dashicons.woff') format('woff'),
         url('https://s.w.org/wp-includes/fonts/dashicons.ttf') format('truetype'),
         url('https://s.w.org/wp-includes/fonts/dashicons.svg#dashicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Base Dashicons styling */
.dashicons {
    display: inline-block;
    font-family: 'dashicons';
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
    vertical-align: middle;
    speak: none;
}

/* Arrow Up Alt2 Icon */
.dashicons-arrow-up-alt2:before {
    content: "\f343";
}

/* Arrow Down Alt2 Icon */
.dashicons-arrow-down-alt2:before {
    content: "\f347";
}