.svg-icon {
    line-height: 1;
    color: #A1A5B7;
}

.svg-icon svg {
    height: 1.15rem;
    width: 1.15rem
}

.svg-icon.svg-icon-1 svg {
    height: 1.75rem !important;
    width: 1.75rem !important
}

.svg-icon.svg-icon-2 svg {
    height: 1.5rem !important;
    width: 1.5rem !important
}

.svg-icon.svg-icon-3 svg {
    height: 1.35rem !important;
    width: 1.35rem !important
}

.svg-icon.svg-icon-4 svg {
    height: 1.25rem !important;
    width: 1.25rem !important
}

.svg-icon.svg-icon-5 svg {
    height: 1.15rem !important;
    width: 1.15rem !important
}

.svg-icon.svg-icon-6 svg {
    height: 1.075rem !important;
    width: 1.075rem !important
}

.svg-icon.svg-icon-7 svg {
    height: .95rem !important;
    width: .95rem !important
}

.svg-icon.svg-icon-8 svg {
    height: .85rem !important;
    width: .85rem !important
}

.svg-icon.svg-icon-9 svg {
    height: .75rem !important;
    width: .75rem !important
}

.svg-icon.svg-icon-10 svg {
    height: .5rem !important;
    width: .5rem !important
}

.svg-icon.svg-icon-base svg {
    height: 1rem !important;
    width: 1rem !important
}

.svg-icon.svg-icon-fluid svg {
    height: 100% !important;
    width: 100% !important
}

.svg-icon.svg-icon-2x svg {
    height: 2rem !important;
    width: 2rem !important
}

.svg-icon.svg-icon-2qx svg {
    height: 2.25rem !important;
    width: 2.25rem !important
}

.svg-icon.svg-icon-2hx svg {
    height: 2.5rem !important;
    width: 2.5rem !important
}

.svg-icon.svg-icon-2tx svg {
    height: 2.75rem !important;
    width: 2.75rem !important
}

.svg-icon.svg-icon-3x svg {
    height: 3rem !important;
    width: 3rem !important
}

.svg-icon.svg-icon-3qx svg {
    height: 3.25rem !important;
    width: 3.25rem !important
}

.svg-icon.svg-icon-3hx svg {
    height: 3.5rem !important;
    width: 3.5rem !important
}

.svg-icon.svg-icon-3tx svg {
    height: 3.75rem !important;
    width: 3.75rem !important
}

.svg-icon.svg-icon-4x svg {
    height: 4rem !important;
    width: 4rem !important
}

.svg-icon.svg-icon-4qx svg {
    height: 4.25rem !important;
    width: 4.25rem !important
}

.svg-icon.svg-icon-4hx svg {
    height: 4.5rem !important;
    width: 4.5rem !important
}

.svg-icon.svg-icon-4tx svg {
    height: 4.75rem !important;
    width: 4.75rem !important
}

.svg-icon.svg-icon-5x svg {
    height: 5rem !important;
    width: 5rem !important
}

.svg-icon.svg-icon-5qx svg {
    height: 5.25rem !important;
    width: 5.25rem !important
}

.svg-icon.svg-icon-5hx svg {
    height: 5.5rem !important;
    width: 5.5rem !important
}

.svg-icon.svg-icon-5tx svg {
    height: 5.75rem !important;
    width: 5.75rem !important
}

.svg-icon.svg-icon-default {
    color: var(--default-color);
}

.svg-icon.svg-icon-gray {
    color: var(--color-gray);
}
.svg-icon.svg-icon-teal {
    color: var(--color-teal);
}