/* Modern SVG Icons as CSS classes */

.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    color: #d4d4d8;
}

.icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
    stroke: currentColor;
}

/* Icon sizes */
.icon-sm {
    width: 0.875em;
    height: 0.875em;
}

.icon-md {
    width: 1.25em;
    height: 1.25em;
}

.icon-lg {
    width: 1.5em;
    height: 1.5em;
    color: #f4f4f5;
}

.icon-xl {
    width: 2em;
    height: 2em;
}