/* Product sub-page navigation (content/product-nav.json): the product bar under the main menu
   (partials/subnav-bar.hbs), sub-pages under a product in the Products menu (partials/subnav-menu.hbs) and the
   cards on the page (partials/subnav-cards.hbs). Loaded on every page: the menu is everywhere. */
:root {
  --subnav-h: 3.125rem;
  --subnav-ink: #1d2033;
  --subnav-muted: #646a82;
  --subnav-line: #e3e5ee;
  --subnav-soft: #f5f6fa;
  --subnav-pink: #fdeeed;
  --subnav-red: #f15851;
}
.subnav-wrap { padding-left: 5rem; padding-right: 5rem; }
.subnav-in { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto; }
@media (max-width: 991px) { .subnav-wrap { padding-left: 1rem; padding-right: 1rem; } }

/* ---- product bar: the last row of the fixed header ---- */
.subnav-bar { position: relative; color: #fff; background: rgba(24, 27, 43, .96); -webkit-backdrop-filter: saturate(150%) blur(14px); backdrop-filter: saturate(150%) blur(14px); border-top: 1px solid rgba(255, 255, 255, .07); border-bottom: 1px solid rgba(255, 255, 255, .09); font-family: "Lexend Deca", sans-serif; }
.subnav-bar .subnav-in { display: flex; align-items: stretch; gap: 1.125rem; height: var(--subnav-h); }
.subnav-bar_name { display: flex; flex: none; align-items: center; font-size: .9375rem; font-weight: 600; color: #fff; text-decoration: none; white-space: nowrap; }
.subnav-bar_sep { flex: none; align-self: center; width: 1px; height: 1.375rem; background: rgba(255, 255, 255, .16); }
.subnav-bar_tabs { display: flex; align-items: stretch; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.subnav-bar_tabs::-webkit-scrollbar { display: none; }
.subnav-bar_tab { position: relative; display: inline-flex; align-items: center; padding: 0 .75rem; font-size: .875rem; line-height: 1; white-space: nowrap; color: rgba(255, 255, 255, .7); text-decoration: none; transition: color .15s; }
.subnav-bar_tab:hover, .subnav-bar_tab[aria-current="page"] { color: #fff; }
.subnav-bar_tab[aria-current="page"]::after { content: ""; position: absolute; left: .75rem; right: .75rem; bottom: -1px; height: 2px; border-radius: 2px; background: var(--subnav-red); }
.subnav-bar_tab:focus-visible, .subnav-bar_name:focus-visible { outline: 2px solid #11ced7; outline-offset: -2px; }
@media (max-width: 991px) {
  :root { --subnav-h: 2.875rem; }
  .subnav-bar .subnav-in { gap: .625rem; }
  .subnav-bar_name { font-size: .875rem; }
  .subnav-bar_tab { padding: 0 .625rem; font-size: .8125rem; }
  .subnav-bar_tab[aria-current="page"]::after { left: .625rem; right: .625rem; }
  .subnav-bar_tabs.fade-r { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 2.25rem), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 2.25rem), transparent); }
  .subnav-bar_tabs.fade-l { -webkit-mask-image: linear-gradient(90deg, transparent, #000 2.25rem); mask-image: linear-gradient(90deg, transparent, #000 2.25rem); }
  .subnav-bar_tabs.fade-l.fade-r { -webkit-mask-image: linear-gradient(90deg, transparent, #000 2.25rem, #000 calc(100% - 2.25rem), transparent); mask-image: linear-gradient(90deg, transparent, #000 2.25rem, #000 calc(100% - 2.25rem), transparent); }
}
/* The bar makes the fixed header taller: move the hero down by the same amount. On phones the SIGMA banner row
   is taller than the room the Webflow hero leaves, so js/subnav.js measures the header and adds --subnav-extra
   when the hero's first line would sit under it. */
.has-subnav { --subnav-extra: 0px; --nav-fixed-h: calc(var(--subnav-h) + 5rem); }
.has-subnav .product_hero_section, .has-subnav .section_hero, .has-subnav .section_hero_small { padding-top: calc(var(--subnav-h) + var(--subnav-extra)); }
/* Anchors land below the whole fixed header (banner, navbar and bar; measured by js/subnav.js). */
.has-subnav [id] { scroll-margin-top: calc(var(--nav-fixed-h) + 1.5rem); }

/* ---- Products menu: sub-pages under a product ---- */
.subnav-menu { display: flex; flex-wrap: wrap; gap: .375rem; padding: 0 .5rem .75rem 4.1875rem; margin-top: -.25rem; }
.subnav-menu_link { display: inline-flex; align-items: center; padding: .25rem .625rem; border-radius: 999px; font-size: .8125rem; line-height: 1.3; color: #3f4459; background: #f1f2f6; text-decoration: none; transition: background .15s, color .15s; }
.subnav-menu_link:hover, .subnav-menu_link[aria-current="page"] { color: var(--subnav-red); background: var(--subnav-pink); }
@media (max-width: 991px) { .subnav-menu { padding-left: 3.5rem; } }

/* ---- cards: the product's pages on its overview, "More in ..." on a sub-page ---- */
.subnav-cards { position: relative; z-index: 2; padding: 4.5rem 0; color: var(--subnav-ink); background: #fff; font-family: "Lexend Deca", sans-serif; }
.subnav-cards.is-more { background: var(--subnav-soft); }
.subnav-cards_head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 1.75rem; }
.subnav-cards_title { margin: 0; font-size: 2rem; line-height: 1.2; font-weight: 600; color: var(--subnav-ink); }
.subnav-cards_all { flex: none; font-size: .9375rem; font-weight: 500; color: var(--subnav-red); text-decoration: none; }
.subnav-cards_all:hover { text-decoration: underline; }
.subnav-cards_grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; }
/* overview of a family with groups (content/product-nav.json "groups"): a heading and a question above each group */
.subnav-cards_group { display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .875rem; margin: 2.25rem 0 1rem; }
.subnav-cards_head + .subnav-cards_group { margin-top: 0; }
.subnav-cards_gname { margin: 0; font-size: 1.375rem; line-height: 1.3; font-weight: 600; color: var(--subnav-ink); }
.subnav-cards_gdesc { margin: 0; font-size: 1rem; line-height: 1.45; color: var(--subnav-muted); }
/* every group on the same three-column grid, so a group with one or two pages keeps the card size */
@media (min-width: 992px) { .subnav-cards_group + .subnav-cards_grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.subnav-card { display: flex; flex-direction: column; align-items: flex-start; gap: .625rem; padding: 1.375rem; border: 1px solid var(--subnav-line); border-radius: .75rem; background: #fff; color: var(--subnav-ink); text-decoration: none; transition: border-color .2s, box-shadow .2s, transform .2s; }
.subnav-card:hover { border-color: #f6b1ad; box-shadow: 0 .75rem 1.875rem rgba(24, 27, 43, .08); transform: translateY(-2px); }
.subnav-card:focus-visible { outline: 2px solid #11ced7; outline-offset: 2px; }
.subnav-card_icon { display: grid; place-items: center; flex: none; width: 2.625rem; height: 2.625rem; border-radius: .625rem; background: var(--subnav-pink); color: var(--subnav-red); }
.subnav-ic { display: block; width: 1.375rem; height: 1.375rem; background: currentColor; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }
.subnav-card_title { font-size: 1.125rem; font-weight: 600; line-height: 1.3; }
.subnav-card_desc { flex: 1; font-size: .9375rem; line-height: 1.45; color: var(--subnav-muted); }
.subnav-card_more { font-size: .875rem; font-weight: 500; color: var(--subnav-red); }
@media (prefers-reduced-motion: reduce) { .subnav-card { transition: none; } .subnav-card:hover { transform: none; } }
@media (max-width: 767px) {
  .subnav-cards { padding: 3rem 0; }
  .subnav-cards_title { font-size: 1.5rem; }
  .subnav-cards_head { flex-direction: column; align-items: flex-start; }
  .subnav-cards_grid { grid-template-columns: 1fr; gap: .75rem; }
  .subnav-card { flex-direction: row; flex-wrap: wrap; align-items: center; gap: .375rem .875rem; padding: 1rem; }
  .subnav-card_icon { width: 2.375rem; height: 2.375rem; }
  .subnav-card_title { flex: 1; font-size: 1rem; }
  .subnav-card_desc { flex-basis: 100%; font-size: .875rem; }
  .subnav-card_more { display: none; }
}
/* icons: line drawings used as masks, coloured by the card */
.subnav-ic--widget { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M3 9h18%22/%3E%3Crect x=%2212%22 y=%2212%22 width=%226%22 height=%225%22 rx=%221%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M3 9h18%22/%3E%3Crect x=%2212%22 y=%2212%22 width=%226%22 height=%225%22 rx=%221%22/%3E%3C/svg%3E"); }
.subnav-ic--megaphone { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 10v4h3l8 4V6l-8 4z%22/%3E%3Cpath d=%22M18 9.5a3.5 3.5 0 0 1 0 5%22/%3E%3Cpath d=%22M7 14l1.5 5H11l-1-5%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 10v4h3l8 4V6l-8 4z%22/%3E%3Cpath d=%22M18 9.5a3.5 3.5 0 0 1 0 5%22/%3E%3Cpath d=%22M7 14l1.5 5H11l-1-5%22/%3E%3C/svg%3E"); }
.subnav-ic--gamepad { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 7h10a4.5 4.5 0 0 1 4.4 5.5l-1 4.2a2.4 2.4 0 0 1-4.2.9L14.5 15h-5l-1.7 2.6a2.4 2.4 0 0 1-4.2-.9l-1-4.2A4.5 4.5 0 0 1 7 7z%22/%3E%3Cpath d=%22M8 10v3M6.5 11.5h3%22/%3E%3Ccircle cx=%2216%22 cy=%2211.5%22 r=%22.9%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M7 7h10a4.5 4.5 0 0 1 4.4 5.5l-1 4.2a2.4 2.4 0 0 1-4.2.9L14.5 15h-5l-1.7 2.6a2.4 2.4 0 0 1-4.2-.9l-1-4.2A4.5 4.5 0 0 1 7 7z%22/%3E%3Cpath d=%22M8 10v3M6.5 11.5h3%22/%3E%3Ccircle cx=%2216%22 cy=%2211.5%22 r=%22.9%22/%3E%3C/svg%3E"); }
.subnav-ic--dice { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%2216%22 height=%2216%22 rx=%223.5%22/%3E%3Ccircle cx=%229%22 cy=%229%22 r=%22.9%22/%3E%3Ccircle cx=%2215%22 cy=%2215%22 r=%22.9%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%22.9%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%2216%22 height=%2216%22 rx=%223.5%22/%3E%3Ccircle cx=%229%22 cy=%229%22 r=%22.9%22/%3E%3Ccircle cx=%2215%22 cy=%2215%22 r=%22.9%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%22.9%22/%3E%3C/svg%3E"); }
.subnav-ic--popup { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%223.5%22 width=%2218%22 height=%2217%22 rx=%222%22/%3E%3Crect x=%227%22 y=%228%22 width=%2210%22 height=%228%22 rx=%221.5%22/%3E%3Cpath d=%22M15 9.6l-.01 0%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%223.5%22 width=%2218%22 height=%2217%22 rx=%222%22/%3E%3Crect x=%227%22 y=%228%22 width=%2210%22 height=%228%22 rx=%221.5%22/%3E%3Cpath d=%22M15 9.6l-.01 0%22/%3E%3C/svg%3E"); }
.subnav-ic--chat { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h16v11H9l-5 4z%22/%3E%3Cpath d=%22M8 9.5h8M8 12.5h5%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 5h16v11H9l-5 4z%22/%3E%3Cpath d=%22M8 9.5h8M8 12.5h5%22/%3E%3C/svg%3E"); }
.subnav-ic--plug { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 3v4M15 3v4%22/%3E%3Cpath d=%22M6 7h12v3a6 6 0 0 1-12 0z%22/%3E%3Cpath d=%22M12 16v5%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 3v4M15 3v4%22/%3E%3Cpath d=%22M6 7h12v3a6 6 0 0 1-12 0z%22/%3E%3Cpath d=%22M12 16v5%22/%3E%3C/svg%3E"); }
.subnav-ic--shield { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l7 3v5c0 4.5-3 8-7 10-4-2-7-5.5-7-10V6z%22/%3E%3Cpath d=%22M9 12l2 2 4-4%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l7 3v5c0 4.5-3 8-7 10-4-2-7-5.5-7-10V6z%22/%3E%3Cpath d=%22M9 12l2 2 4-4%22/%3E%3C/svg%3E"); }
.subnav-ic--pulse { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 12h4l2-5 4 10 2-5h6%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 12h4l2-5 4 10 2-5h6%22/%3E%3C/svg%3E"); }
.subnav-ic--crown { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 18h16%22/%3E%3Cpath d=%22M5 15.5 3.5 7l5 3.5L12 5l3.5 5.5 5-3.5-1.5 8.5z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 18h16%22/%3E%3Cpath d=%22M5 15.5 3.5 7l5 3.5L12 5l3.5 5.5 5-3.5-1.5 8.5z%22/%3E%3C/svg%3E"); }
.subnav-ic--medal { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 3l4 7 4-7%22/%3E%3Ccircle cx=%2212%22 cy=%2215%22 r=%225%22/%3E%3Cpath d=%22M12 13v4%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 3l4 7 4-7%22/%3E%3Ccircle cx=%2212%22 cy=%2215%22 r=%225%22/%3E%3Cpath d=%22M12 13v4%22/%3E%3C/svg%3E"); }
.subnav-ic--grid { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%2213%22 y=%224%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%224%22 y=%2213%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%2213%22 y=%2213%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%2213%22 y=%224%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%224%22 y=%2213%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3Crect x=%2213%22 y=%2213%22 width=%227%22 height=%227%22 rx=%221.5%22/%3E%3C/svg%3E"); }
.subnav-ic--heart { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 20s-7.5-4.6-7.5-10.2A4.2 4.2 0 0 1 12 7.2a4.2 4.2 0 0 1 7.5 2.6C19.5 15.4 12 20 12 20z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 20s-7.5-4.6-7.5-10.2A4.2 4.2 0 0 1 12 7.2a4.2 4.2 0 0 1 7.5 2.6C19.5 15.4 12 20 12 20z%22/%3E%3C/svg%3E"); }
.subnav-ic--gift { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%229%22 width=%2216%22 height=%2211%22 rx=%221.5%22/%3E%3Cpath d=%22M4 13h16M12 9v11%22/%3E%3Cpath d=%22M12 9c-1.6-3.2-6-3.6-6-1.2S10.4 9 12 9zm0 0c1.6-3.2 6-3.6 6-1.2S13.6 9 12 9z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%229%22 width=%2216%22 height=%2211%22 rx=%221.5%22/%3E%3Cpath d=%22M4 13h16M12 9v11%22/%3E%3Cpath d=%22M12 9c-1.6-3.2-6-3.6-6-1.2S10.4 9 12 9zm0 0c1.6-3.2 6-3.6 6-1.2S13.6 9 12 9z%22/%3E%3C/svg%3E"); }
.subnav-ic--ladder { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 3v18M16 3v18M8 7h8M8 12h8M8 17h8%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 3v18M16 3v18M8 7h8M8 12h8M8 17h8%22/%3E%3C/svg%3E"); }
.subnav-ic--clock { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M12 7.5V12l3 2%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.7%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%228.5%22/%3E%3Cpath d=%22M12 7.5V12l3 2%22/%3E%3C/svg%3E"); }