/* Generated by Memo Icon Bundle - do not edit manually */

.mi-icon {
    display: inline-block;
    width: calc(1em * var(--mi-icon-scale, 1));
    height: calc(1em * var(--mi-icon-scale, 1));
}

/* Size classes */
.mi-md { width: calc(2.5rem * var(--mi-icon-scale, 1)); height: calc(2.5rem * var(--mi-icon-scale, 1)); }
.mi-xl { width: calc(5rem * var(--mi-icon-scale, 1)); height: calc(5rem * var(--mi-icon-scale, 1)); }
.mi-xxl { width: calc(10rem * var(--mi-icon-scale, 1)); height: calc(10rem * var(--mi-icon-scale, 1)); }

/* Icon classes */
.mi-arrow-left {
    background-color: currentColor;
    -webkit-mask: url('arrow-left.svg') no-repeat center;
    mask: url('arrow-left.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.mi-arrow-right {
    background-color: currentColor;
    -webkit-mask: url('arrow-right.svg') no-repeat center;
    mask: url('arrow-right.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.mi-bike {
    --mi-icon-scale: 1.08;
    background-color: currentColor;
    -webkit-mask: url('bike.svg') no-repeat center;
    mask: url('bike.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.mi-car {
    background-color: currentColor;
    -webkit-mask: url('car.svg') no-repeat center;
    mask: url('car.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.mi-download {
    background-color: currentColor;
    -webkit-mask: url('download.svg') no-repeat center;
    mask: url('download.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.mi-external-link {
    --mi-icon-scale: 0.82;
    background-color: currentColor;
    -webkit-mask: url('external-link.svg') no-repeat center;
    mask: url('external-link.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.mi-garden {
    background: url('garden.svg') no-repeat center;
    background-size: contain;
}

.mi-heart {
    background: url('heart.svg') no-repeat center;
    background-size: contain;
}

.mi-link {
    background-color: currentColor;
    -webkit-mask: url('link.svg') no-repeat center;
    mask: url('link.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.mi-pin {
    background-color: currentColor;
    -webkit-mask: url('pin.svg') no-repeat center;
    mask: url('pin.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.mi-plan {
    background-color: currentColor;
    -webkit-mask: url('plan.svg') no-repeat center;
    mask: url('plan.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.mi-sea {
    background: url('sea.svg') no-repeat center;
    background-size: contain;
}

.mi-sunny {
    background: url('sunny.svg') no-repeat center;
    background-size: contain;
}

.mi-train {
    background-color: currentColor;
    -webkit-mask: url('train.svg') no-repeat center;
    mask: url('train.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.mi-walk {
    --mi-icon-scale: 0.9;
    background-color: currentColor;
    -webkit-mask: url('walk.svg') no-repeat center;
    mask: url('walk.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}