@font-face {
    font-family: "savor-icons";
    src: url("fonts/savor-icons.woff") format("woff"),
        url("fonts/savor-icons.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-palette-values --savor-icons-current {
    font-family: "savor-icons";
    base-palette: 0;
    override-colors:
        0 currentColor,
        1 currentColor,
        2 currentColor,
        3 currentColor,
        4 currentColor,
        5 currentColor,
        6 currentColor,
        7 currentColor,
        8 currentColor,
        9 currentColor,
        10 currentColor,
        11 currentColor,
        12 currentColor,
        13 currentColor,
        14 currentColor,
        15 currentColor;
}

.icon, .ico, [class^="ico-"], [class*=" ico-"] {
    /* Use !important to prevent extensions from overriding this font. */
    font-family: "savor-icons" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    font-palette: --savor-icons-current !important;
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon::before, .ico::before, [class^="ico-"]::before, [class*=" ico-"]::before {
    font-palette: --savor-icons-current !important;
}
.ico-remove:before {
    content: "\f028";
}
.ico-serve:before {
    content: "\f027";
}
.ico-privacy:before {
    content: "\f026";
}
.ico-pantry:before {
    content: "\f022";
}
.ico-tips:before {
    content: "\f023";
}
.ico-about:before {
    content: "\f024";
}
.ico-faq:before {
    content: "\f025";
}
.ico-profile:before {
    content: "\f021";
}
.ico-settings:before {
    content: "\f020";
}
.ico-list:before {
    content: "\f01f";
}
.ico-delete:before {
    content: "\f01a";
}
.ico-rename:before {
    content: "\f01b";
}
.ico-duplicate:before {
    content: "\f01c";
}
.ico-add-list:before {
    content: "\f01d";
}
.ico-start:before {
    content: "\f01e";
}
.ico-add-planner:before {
    content: "\f015";
}
.ico-add-cart:before {
    content: "\f016";
}
.ico-add-favorite:before {
    content: "\f017";
}
.ico-share:before {
    content: "\f018";
}
.ico-check:before {
    content: "\f019";
}
.ico-search:before {
    content: "\f00e";
}
.ico-next:before {
    content: "\f00f";
}
.ico-back:before {
    content: "\f010";
}
.ico-dropdown:before {
    content: "\f011";
}
.ico-close:before {
    content: "\f012";
}
.ico-add:before {
    content: "\f013";
}
.ico-dropup:before {
    content: "\f014";
}
.ico-featured:before {
    content: "\f005";
}
.ico-suggestions:before {
    content: "\f006";
}
.ico-ideas:before {
    content: "\f007";
}
.ico-icon-prep:before {
    content: "\f008";
}
.ico-cook:before {
    content: "\f009";
}
.ico-portions:before {
    content: "\f00a";
}
.ico-energy:before {
    content: "\f00b";
}
.ico-difficulty:before {
    content: "\f00c";
}
.ico-time:before {
    content: "\f00d";
}
.ico-explore:before {
    content: "\f000";
}
.ico-favorites:before {
    content: "\f001";
}
.ico-cart:before {
    content: "\f002";
}
.ico-planner:before {
    content: "\f003";
}
.ico-home:before {
    content: "\f004";
}
.ico-seafood:before {
    content: "\6d";
}
.ico-veggie:before {
    content: "\76";
}
.ico-soup:before {
    content: "\73";
}
.ico-sides:before {
    content: "\61";
}
.ico-prep:before {
    content: "\63";
}
.ico-meat:before {
    content: "\6b";
}
.ico-fish:before {
    content: "\66";
}
.ico-dessert:before {
    content: "\64";
}
.ico-breakfast:before {
    content: "\70";
}
.ico-appetizer:before {
    content: "\65";
}

/* Runtime monochrome icons.
   The exported font is COLR/CPAL, so some browsers keep its internal palette
   instead of the CSS color. Rendering the same SVGs as masks makes every icon
   obey currentColor consistently. */
.ico::before,
[class^="ico-"]::before,
[class*=" ico-"]::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: var(--savor-icon-mask) center / contain no-repeat;
    mask: var(--savor-icon-mask) center / contain no-repeat;
    vertical-align: -0.125em;
}

.ico-about::before { --savor-icon-mask: url("svg/about.svg"); }
.ico-add-cart::before { --savor-icon-mask: url("svg/add-cart.svg"); }
.ico-add-favorite::before { --savor-icon-mask: url("svg/add-favorite.svg"); }
.ico-add-list::before { --savor-icon-mask: url("svg/add-list.svg"); }
.ico-add-planner::before { --savor-icon-mask: url("svg/add-planner.svg"); }
.ico-add::before { --savor-icon-mask: url("svg/add.svg"); }
.ico-appetizer::before { --savor-icon-mask: url("svg/appetizer.svg"); }
.ico-back::before { --savor-icon-mask: url("svg/back.svg"); }
.ico-breakfast::before { --savor-icon-mask: url("svg/breakfast.svg"); }
.ico-cart::before { --savor-icon-mask: url("svg/cart.svg"); }
.ico-check::before { --savor-icon-mask: url("svg/check.svg"); }
.ico-close::before { --savor-icon-mask: url("svg/close.svg"); }
.ico-cook::before { --savor-icon-mask: url("svg/cook.svg"); }
.ico-delete::before { --savor-icon-mask: url("svg/delete.svg"); }
.ico-dessert::before { --savor-icon-mask: url("svg/dessert.svg"); }
.ico-difficulty::before { --savor-icon-mask: url("svg/difficulty.svg"); }
.ico-dropdown::before { --savor-icon-mask: url("svg/dropdown.svg"); }
.ico-dropup::before { --savor-icon-mask: url("svg/dropup.svg"); }
.ico-duplicate::before { --savor-icon-mask: url("svg/duplicate.svg"); }
.ico-energy::before { --savor-icon-mask: url("svg/energy.svg"); }
.ico-explore::before { --savor-icon-mask: url("svg/explore.svg"); }
.ico-faq::before { --savor-icon-mask: url("svg/faq.svg"); }
.ico-favorites::before { --savor-icon-mask: url("svg/favorites.svg"); }
.ico-featured::before { --savor-icon-mask: url("svg/featured.svg"); }
.ico-fish::before { --savor-icon-mask: url("svg/fish.svg"); }
.ico-home::before { --savor-icon-mask: url("svg/home.svg"); }
.ico-icon-prep::before { --savor-icon-mask: url("svg/icon-prep.svg"); }
.ico-ideas::before { --savor-icon-mask: url("svg/ideas.svg"); }
.ico-list::before { --savor-icon-mask: url("svg/list.svg"); }
.ico-meat::before { --savor-icon-mask: url("svg/meat.svg"); }
.ico-next::before { --savor-icon-mask: url("svg/next.svg"); }
.ico-pantry::before { --savor-icon-mask: url("svg/pantry.svg"); }
.ico-planner::before { --savor-icon-mask: url("svg/planner.svg"); }
.ico-portions::before { --savor-icon-mask: url("svg/portions.svg"); }
.ico-prep::before { --savor-icon-mask: url("svg/prep.svg"); }
.ico-privacy::before { --savor-icon-mask: url("svg/privacy.svg"); }
.ico-profile::before { --savor-icon-mask: url("svg/profile.svg"); }
.ico-remove::before { --savor-icon-mask: url("svg/remove.svg"); }
.ico-rename::before { --savor-icon-mask: url("svg/rename.svg"); }
.ico-search::before { --savor-icon-mask: url("svg/search.svg"); }
.ico-seafood::before { --savor-icon-mask: url("svg/seafood.svg"); }
.ico-serve::before { --savor-icon-mask: url("svg/serve.svg"); }
.ico-settings::before { --savor-icon-mask: url("svg/settings.svg"); }
.ico-share::before { --savor-icon-mask: url("svg/share.svg"); }
.ico-sides::before { --savor-icon-mask: url("svg/sides.svg"); }
.ico-soup::before { --savor-icon-mask: url("svg/soup.svg"); }
.ico-start::before { --savor-icon-mask: url("svg/start.svg"); }
.ico-suggestions::before { --savor-icon-mask: url("svg/suggestions.svg"); }
.ico-time::before { --savor-icon-mask: url("svg/time.svg"); }
.ico-tips::before { --savor-icon-mask: url("svg/tips.svg"); }
.ico-veggie::before { --savor-icon-mask: url("svg/veggie.svg"); }