body {
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-toggle="nav-menu"] {
    font-size: 1.25rem;
}

.icon {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background-color: currentColor;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.icon--analytics {
    mask-image: url('../icons/analytics.svg');
    -webkit-mask-image: url('../icons/analytics.svg');
}

.icon--chart {
    mask-image: url('../icons/chart.svg');
    -webkit-mask-image: url('../icons/chart.svg');
}

.icon--player {
    mask-image: url('../icons/player.svg');
    -webkit-mask-image: url('../icons/player.svg');
}

.icon--sprint {
    mask-image: url('../icons/sprint.svg');
    -webkit-mask-image: url('../icons/sprint.svg');
}