/*! menu-badges
    Small labels above a menu entry, e.g. NEW over a brand name.

    Driven entirely from the navigation, not from code: put the label in square
    brackets at the end of the menu item title in Shopify admin —
    "Rocky Patel [NEW]", "EGM Cigars [TOP PICK]". menu-badges.js takes it out of
    the label and renders it next to the link: stacked above the name in the
    desktop dropdowns, inline and raised beside it in the mobile drawer.

    Unknown labels still render, in the default dark colour. To add a colour,
    add one modifier line below: the class is the label lowercased with spaces
    turned into dashes.
*/.submenu-badge{--menu-badge-color: #1f1f1f;--menu-badge-text: #ffffff;display:block;width:max-content;margin-block-end:.4em;padding:.25em .55em;border-radius:3px;background-color:var(--menu-badge-color);color:var(--menu-badge-text);font-size:9px;font-weight:600;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.submenu-badge--new{--menu-badge-color: #2e8b57}.submenu-badge--top-pick{--menu-badge-color: #d2a166;--menu-badge-text: #ffffff}.submenu-badge--best-seller{--menu-badge-color: #b4472e}.submenu-badge--featured{--menu-badge-color: #3f5b8c}.drawer__menu .submenu-badge{display:inline-block;vertical-align:top;margin-block-end:0;margin-inline-start:.5em;padding:.2em .45em;font-size:8px;letter-spacing:.1em;transform:translateY(.3em)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/menu-badges.css.map */