@font-face {
    font-family: "respirolibero";
    src: url("fonts/respirolibero.woff2") format("woff2"),
        url("fonts/respirolibero.ttf") format("truetype"),
        url("fonts/respirolibero.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
.icon, [class^="icon-"], [class*=" icon-"] {
    /* Use !important to prevent extensions from overriding this font. */
    font-family: "respirolibero" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
:root {
    --icon-eye: "\f010";
    --icon-cry: "\f00e";
    --icon-nose: "\f00d";
    --icon-scratch: "\f00c";
    --icon-cough: "\f00b";
    --icon-sneeze: "\f00a";
    --icon-edema: "\f009";
    --icon-child: "\f008";
    --icon-toddler: "\f007";
    --icon-snap: "\f006";
    --icon-thumb: "\f005";
    --icon-check: "\f004";
    --icon-fast: "\f003";
    --icon-tear: "\f002";
    --icon-bubbles: "\f000";
    --icon-leaking: "\f001";
}
.icon-eye:before {
    content: var(--icon-eye);
}
.icon-cry:before {
    content: var(--icon-cry);
}
.icon-nose:before {
    content: var(--icon-nose);
}
.icon-scratch:before {
    content: var(--icon-scratch);
}
.icon-cough:before {
    content: var(--icon-cough);
}
.icon-sneeze:before {
    content: var(--icon-sneeze);
}
.icon-edema:before {
    content: var(--icon-edema);
}
.icon-child:before {
    content: var(--icon-child);
}
.icon-toddler:before {
    content: var(--icon-toddler);
}
.icon-snap:before {
    content: var(--icon-snap);
}
.icon-thumb:before {
    content: var(--icon-thumb);
}
.icon-check:before {
    content: var(--icon-check);
}
.icon-fast:before {
    content: var(--icon-fast);
}
.icon-tear:before {
    content: var(--icon-tear);
}
.icon-bubbles:before {
    content: var(--icon-bubbles);
}
.icon-leaking:before {
    content: var(--icon-leaking);
}