@import url('../assets/fonts/phosphor/duotone/style.css');

.ph-duotone { display: inline-block; flex-shrink: 0; vertical-align: -.125em; }
.mb-icon-lg { font-size: 1.5em; }
.mb-icon-2x { font-size: 2em; }
.mb-icon-3x { font-size: 3em; }
.mb-icon-5x { font-size: 5em; }
.mb-icon-spin { animation: midnightbloom-icon-spin 1s linear infinite; }
@keyframes midnightbloom-icon-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
    .mb-icon-spin { animation: none; }
}