/* TimeWhere SVG Icons - Inline SVG replacements for Remix Icon */

/* Icon container - use as span or inline element */
.material-symbols-outlined {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    overflow: hidden;
    line-height: 1;
    color: transparent;
    vertical-align: middle;
    white-space: nowrap;
}

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

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

/* Common icon sizes */
.icon-sm { width: 16px; height: 16px; }
.icon-md { width: 20px; height: 20px; }
.icon-lg { width: 24px; height: 24px; }
.icon-xl { width: 32px; height: 32px; }