/* =====================================================================
   MyCyberWay Header Menu - the menu's styles
   SCOPED: every rule starts with .mcw-hm (or html.mcw-hm-lock, the scroll
   lock while the phone menu is open), so nothing here can reach the
   theme, the pages, the shop or the LMS. build_header_menu.py refuses a
   selector that could. The palette is the site's: yellow for every
   action, dark panels, 9% hairlines, the programme and family tones.
   1.6.0: each panel is its main categories, a card each with a graphic
   heading drawn here alone (a glow and a dot grid in the category's
   colour, its icon on a tile) - no images, nothing to download.
   1180 / 1181 = the phone menu's breakpoint; 1700 = where the bar's
   yellow button appears. The build writes them in.
   ===================================================================== */
.mcw-hm{--hm-panel:#121418;--hm-raised:#1A1D23;--hm-fg:#EAECEF;--hm-soft:#C9CFD8;--hm-muted:#A3ACB8;--hm-label:#B4BDC9;
  --hm-rule:rgba(255,255,255,.09);--hm-line:rgba(255,255,255,.15);--hm-y:#F9D548;--hm-y2:#FFE37E;--hm-ink:#0b0b0d;
  --hm-blue:#6BA6F5;--hm-teal:#00D4AA;--hm-amber:#F0B429;--hm-violet:#A78BFA;--hm-cyan:#3ED8E0;--hm-pink:#F06AAE;
  --hm-coral:#FF7A45;--hm-green:#4FBF89;--hm-mint:#7FE0B1;--hm-tone:var(--hm-y);
  --hm-body:var(--wp--preset--font-family--karla,'Karla',system-ui,-apple-system,'Segoe UI',Arial,sans-serif);
  --hm-head:var(--wp--preset--font-family--marcellus,'Marcellus',Georgia,'Times New Roman',serif);
  --hm-ease:cubic-bezier(.2,.7,.2,1);
  position:relative;flex:1 1 0%;min-width:0;display:flex;align-items:center;justify-content:center;gap:12px;
  font-family:var(--hm-body);font-size:16px;line-height:1.4;color:var(--hm-fg);-webkit-font-smoothing:antialiased;text-align:left}
.mcw-hm,.mcw-hm *,.mcw-hm *::before,.mcw-hm *::after{box-sizing:border-box}
.mcw-hm :is(ul,ol,p,figure,h2,h3,form){margin:0;padding:0;list-style:none}
.mcw-hm :is(li)::marker{content:none}
.mcw-hm a{color:inherit;text-decoration:none;box-shadow:none}
.mcw-hm button{-webkit-appearance:none;appearance:none;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;
  letter-spacing:inherit;text-transform:none;text-decoration:none;cursor:pointer;box-shadow:none;min-height:0;line-height:inherit}
.mcw-hm :is(a,button):focus-visible{outline:2px solid var(--hm-y);outline-offset:3px;border-radius:10px}
.mcw-hm [hidden]{display:none !important}
.mcw-hm .mcw-hm-sprite{position:absolute;width:0;height:0;overflow:hidden}
.mcw-hm .mcw-hm-i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mcw-hm .mcw-hm-sr{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---- tones: set once on an element, every accent inside follows ---- */
.mcw-hm .mcw-hm-t-blue{--hm-tone:var(--hm-blue)}     .mcw-hm .mcw-hm-t-teal{--hm-tone:var(--hm-teal)}
.mcw-hm .mcw-hm-t-amber{--hm-tone:var(--hm-amber)}   .mcw-hm .mcw-hm-t-violet{--hm-tone:var(--hm-violet)}
.mcw-hm .mcw-hm-t-cyan{--hm-tone:var(--hm-cyan)}     .mcw-hm .mcw-hm-t-pink{--hm-tone:var(--hm-pink)}
.mcw-hm .mcw-hm-t-coral{--hm-tone:var(--hm-coral)}   .mcw-hm .mcw-hm-t-green{--hm-tone:var(--hm-green)}
.mcw-hm .mcw-hm-t-yellow{--hm-tone:var(--hm-y)}

/* =====================================================================
   THE BAR - each name is a link to its main page; the arrow beside it
   opens its panel. The two read as one item.
   ===================================================================== */
.mcw-hm .mcw-hm-nav{position:static;min-width:0}
.mcw-hm .mcw-hm-bar{position:static;display:flex;align-items:center;gap:2px}
.mcw-hm .mcw-hm-item{position:static;margin:0}
.mcw-hm .mcw-hm-tw{position:relative;z-index:1;display:inline-flex;align-items:center}
.mcw-hm .mcw-hm-top{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 13px;border-radius:12px;
  font:700 clamp(15.5px,1.05vw,17.5px)/1 var(--hm-body);color:var(--hm-fg);white-space:nowrap;transition:color .2s}
.mcw-hm .mcw-hm-tw > .mcw-hm-top{padding-right:2px}
.mcw-hm .mcw-hm-tog{display:inline-grid;place-items:center;width:28px;height:44px;margin-right:3px;border-radius:10px;color:var(--hm-fg);transition:color .2s}
.mcw-hm .mcw-hm-top:hover,.mcw-hm .mcw-hm-tog:hover,.mcw-hm .mcw-hm-item.is-open > .mcw-hm-tw > :is(.mcw-hm-top,.mcw-hm-tog){color:var(--hm-y)}
.mcw-hm .mcw-hm-item.is-current > .mcw-hm-top::after,.mcw-hm .mcw-hm-item.is-current > .mcw-hm-tw > .mcw-hm-top::after{content:"";position:absolute;
  left:13px;right:13px;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--hm-y),rgba(249,213,72,.25))}
.mcw-hm .mcw-hm-item.is-current > .mcw-hm-tw > .mcw-hm-top::after{right:2px}
.mcw-hm .mcw-hm-chev{width:14px;height:14px;opacity:.65;transition:transform .3s var(--hm-ease),opacity .2s}
.mcw-hm .mcw-hm-tog:hover .mcw-hm-chev{opacity:1}
.mcw-hm .mcw-hm-item.is-open .mcw-hm-tog .mcw-hm-chev{transform:rotate(180deg);opacity:1}
/* the pill that slides under the item you point at */
.mcw-hm .mcw-hm-hover{position:absolute;left:0;top:0;z-index:0;width:var(--hw,0px);height:var(--hh,44px);border-radius:12px;pointer-events:none;
  transform:translate(var(--hx,0px),var(--hy,0px));background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);opacity:0;
  transition:transform .32s var(--hm-ease),width .32s var(--hm-ease),opacity .2s}
.mcw-hm .mcw-hm-hover.is-on{opacity:1}
.mcw-hm .mcw-hm-hover.is-instant{transition:opacity .2s}
/* the call to action: from 1700px, where the bar has room for it */
.mcw-hm .mcw-hm-tools{display:none;align-items:center;gap:10px;flex:none}
.mcw-hm .mcw-hm-cta{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:10px;background:var(--hm-y);color:var(--hm-ink);
  font:700 14.5px/1 var(--hm-body);white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s}
.mcw-hm .mcw-hm-cta:hover{background:var(--hm-y2);color:var(--hm-ink);transform:translateY(-1px);box-shadow:0 10px 28px -10px rgba(249,213,72,.6)}
/* the bar makes room for itself: the full bar on wide screens; below 1440px the items
   close up. menu.js measures too, and closes the bar up (is-tight: no yellow button) or
   switches to the phone menu (is-phone) wherever the header has less room than that */
@media (min-width:1700px){.mcw-hm:not(.is-tight):not(.is-phone):not(.no-cta) .mcw-hm-tools{display:flex}}
@media (max-width:1439px){.mcw-hm .mcw-hm-top{padding:0 10px}}
.mcw-hm.is-tight .mcw-hm-top{padding:0 9px;font-size:15.5px}
.mcw-hm.is-tight .mcw-hm-tw > .mcw-hm-top{padding-right:1px}
.mcw-hm.is-tight .mcw-hm-tog{width:24px;margin-right:2px}
/* the phone menu's own parts: hidden on a wide screen */
.mcw-hm .mcw-hm-burger,.mcw-hm .mcw-hm-dhead,.mcw-hm .mcw-hm-dfoot,.mcw-hm .mcw-hm-scrim{display:none}

/* =====================================================================
   PANELS (1.6.0) - a panel is its main categories: a card each, with a
   graphic heading that goes to the category and at most a few links,
   and a foot that goes to the main page. The same markup on every
   screen. Wide: they float under the header on one shared card that
   morphs from panel to panel (menu.js places them). Narrow: they open
   one at a time inside the phone menu.
   ===================================================================== */
.mcw-hm .mcw-hm-panel{display:none}
.mcw-hm .mcw-hm-gs{display:grid;gap:12px}
.mcw-hm .mcw-hm-g{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:18px;border:1px solid var(--hm-rule);
  background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.01));transition:border-color .25s}
.mcw-hm .mcw-hm-g:hover{border-color:color-mix(in srgb,var(--hm-tone) 36%,transparent)}
/* the graphic heading, one link: the category's colour as a glow, a dot grid fading in
   from the right and a hairline along the top; its icon on a tile; its name and one line */
.mcw-hm .mcw-hm-gh{position:relative;display:flex;align-items:center;gap:14px;padding:16px;border-radius:17px 17px 0 0;overflow:hidden;isolation:isolate;
  background:radial-gradient(130% 120% at 0% 0%,color-mix(in srgb,var(--hm-tone) 22%,transparent),transparent 58%),
    linear-gradient(160deg,color-mix(in srgb,var(--hm-tone) 8%,#16191f),#121418 72%)}
.mcw-hm .mcw-hm-gh:last-child{border-radius:17px}
.mcw-hm .mcw-hm-gh::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;transition:opacity .3s;
  background:radial-gradient(circle,color-mix(in srgb,var(--hm-tone) 60%,transparent) 1px,transparent 1.6px) 0 0/12px 12px;
  -webkit-mask:linear-gradient(105deg,transparent 40%,#000);mask:linear-gradient(105deg,transparent 40%,#000)}
.mcw-hm .mcw-hm-gh::after{content:"";position:absolute;left:16px;right:16px;top:0;height:2px;border-radius:0 0 3px 3px;
  background:linear-gradient(90deg,var(--hm-tone),transparent)}
.mcw-hm .mcw-hm-gart{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:15px;
  color:color-mix(in srgb,var(--hm-tone) 72%,#fff);border:1px solid color-mix(in srgb,var(--hm-tone) 48%,transparent);
  background:linear-gradient(150deg,color-mix(in srgb,var(--hm-tone) 34%,#1b1f26),color-mix(in srgb,var(--hm-tone) 10%,#111318));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 26px -14px var(--hm-tone);transition:transform .35s var(--hm-ease),box-shadow .35s var(--hm-ease)}
.mcw-hm .mcw-hm-gart .mcw-hm-i{width:26px;height:26px;stroke-width:1.8}
.mcw-hm .mcw-hm-gt{display:grid;gap:4px;min-width:0}
.mcw-hm .mcw-hm-gt b{display:flex;align-items:center;gap:8px;font:400 20px/1.15 var(--hm-head);color:var(--hm-fg);transition:color .2s}
.mcw-hm .mcw-hm-gt small{font:400 13.5px/1.4 var(--hm-body);color:var(--hm-soft)}
.mcw-hm .mcw-hm-go{width:16px;height:16px;color:var(--hm-y);opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .25s var(--hm-ease)}
.mcw-hm .mcw-hm-gh:is(:hover,:focus-visible) .mcw-hm-gt b{color:var(--hm-y)}
.mcw-hm .mcw-hm-gh:is(:hover,:focus-visible) .mcw-hm-go{opacity:1;transform:none}
.mcw-hm .mcw-hm-gh:is(:hover,:focus-visible)::before{opacity:.9}
.mcw-hm .mcw-hm-gh:is(:hover,:focus-visible) .mcw-hm-gart{transform:translateY(-2px) rotate(-4deg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 2px color-mix(in srgb,var(--hm-tone) 70%,transparent),0 16px 30px -12px var(--hm-tone)}
.mcw-hm .mcw-hm-gh:focus-visible{outline-offset:-3px;border-radius:17px 17px 0 0}
.mcw-hm .mcw-hm-gh:last-child:focus-visible{border-radius:17px}
/* the links under a heading: a dot in the category's colour */
.mcw-hm .mcw-hm-gl{display:grid;gap:1px;padding:6px 8px 8px}
.mcw-hm .mcw-hm-gl a{display:flex;align-items:center;gap:11px;min-height:40px;padding:8px 10px;border-radius:10px;
  font:700 14.5px/1.3 var(--hm-body);color:var(--hm-soft);transition:background .2s,color .2s}
.mcw-hm .mcw-hm-gl a::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:var(--hm-tone);opacity:.75;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--hm-tone) 18%,transparent);transition:box-shadow .25s,opacity .2s}
.mcw-hm .mcw-hm-gl a:is(:hover,:focus-visible){background:color-mix(in srgb,var(--hm-tone) 9%,transparent);color:var(--hm-y)}
.mcw-hm .mcw-hm-gl a:is(:hover,:focus-visible)::before{opacity:1;box-shadow:0 0 0 4px color-mix(in srgb,var(--hm-tone) 30%,transparent),0 0 12px var(--hm-tone)}
/* the newsroom's seven desks: two columns, each in its own colour */
.mcw-hm .mcw-hm-gl.is-desks{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 6px}
/* the Microsoft exams by their codes, each in its family's colour (the name is its tooltip) */
.mcw-hm .mcw-hm-gx{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;padding:10px 12px 12px}
.mcw-hm .mcw-hm-gx a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:6px 8px;border-radius:10px;
  border:1px solid color-mix(in srgb,var(--hm-tone) 34%,transparent);background:color-mix(in srgb,var(--hm-tone) 9%,transparent);
  font:800 13.5px/1 var(--hm-body);letter-spacing:.03em;color:color-mix(in srgb,var(--hm-tone) 78%,#fff);white-space:nowrap;
  transition:background .2s,border-color .2s,color .2s,transform .2s}
.mcw-hm .mcw-hm-gx a:is(:hover,:focus-visible){border-color:var(--hm-tone);background:color-mix(in srgb,var(--hm-tone) 20%,transparent);color:#fff;transform:translateY(-1px)}
/* an eyebrow */
.mcw-hm .mcw-hm-k{display:flex;align-items:center;gap:8px;font:800 11.5px/1.2 var(--hm-body);letter-spacing:.12em;text-transform:uppercase;
  color:color-mix(in srgb,var(--hm-tone) 70%,var(--hm-label))}
.mcw-hm .mcw-hm-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--hm-green);box-shadow:0 0 0 0 rgba(79,191,137,.6);
  animation:mcw-hm-beat 2.2s ease-out infinite}
/* buttons: yellow for every action, as in the shop */
.mcw-hm .mcw-hm-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 18px;border-radius:10px;
  border:1px solid var(--hm-y);background:var(--hm-y);color:var(--hm-ink);font:700 15px/1.2 var(--hm-body);text-align:center;
  transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}
.mcw-hm .mcw-hm-btn .mcw-hm-i{width:17px;height:17px;transition:transform .2s}
.mcw-hm .mcw-hm-btn:hover{background:var(--hm-y2);border-color:var(--hm-y2);color:var(--hm-ink);transform:translateY(-1px);box-shadow:0 10px 30px -10px rgba(249,213,72,.55)}
.mcw-hm .mcw-hm-btn:hover .mcw-hm-i{transform:translateX(3px)}
.mcw-hm .mcw-hm-btn--ghost{background:rgba(255,255,255,.03);border-color:var(--hm-line);color:var(--hm-fg)}
.mcw-hm .mcw-hm-btn--ghost:hover{background:rgba(249,213,72,.08);border-color:var(--hm-y);color:var(--hm-y);box-shadow:none}
/* Premium Jobs Board, on the right of Services: what it is, the engine's last run in one line, one button */
.mcw-hm .mcw-hm-feature{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:20px;border-radius:18px;overflow:hidden;
  border:1px solid rgba(79,191,137,.42);color:var(--hm-fg);
  background:radial-gradient(120% 90% at 100% 0%,rgba(79,191,137,.2),transparent 60%),radial-gradient(90% 70% at 0% 100%,rgba(107,166,245,.12),transparent 65%),#151a1d}
.mcw-hm .mcw-hm-feature::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--hm-blue),var(--hm-teal) 33%,var(--hm-pink) 66%,var(--hm-y))}
.mcw-hm .mcw-hm-feature .mcw-hm-k{color:var(--hm-mint)}
.mcw-hm .mcw-hm-fbadge{margin-left:auto;padding:3px 8px;border-radius:999px;background:var(--hm-y);color:var(--hm-ink);font:800 10px/1 var(--hm-body);
  letter-spacing:.08em;text-transform:uppercase}
.mcw-hm .mcw-hm-ft{font:400 22px/1.15 var(--hm-head);color:var(--hm-fg)}
.mcw-hm .mcw-hm-fd{font-size:14px;line-height:1.5;color:var(--hm-soft)}
.mcw-hm .mcw-hm-fnum{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(79,191,137,.28);
  background:rgba(79,191,137,.08)}
.mcw-hm .mcw-hm-fnum b{font:400 32px/1 var(--hm-head);color:var(--hm-fg);font-variant-numeric:tabular-nums}
.mcw-hm .mcw-hm-fnum > span{font-size:12.5px;line-height:1.4;color:var(--hm-soft)}
.mcw-hm .mcw-hm-fnum[data-mcw-hm-engine="off"]{display:none}
/* still being read: soft placeholders where the numbers go */
.mcw-hm [data-mcw-hm-engine="fetch"] [data-e]:empty{display:inline-block;min-width:2.4em;height:.85em;vertical-align:-.05em;border-radius:6px;
  background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(255,255,255,.16),rgba(255,255,255,.07));background-size:200% 100%;
  animation:mcw-hm-shim 1.2s linear infinite}
.mcw-hm .mcw-hm-feature .mcw-hm-btn{align-self:flex-start;margin-top:auto}
/* the panel's foot: its main page, on the right, and any other link on the left */
.mcw-hm .mcw-hm-pfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px}
.mcw-hm .mcw-hm-pfoot-l{display:flex;flex-wrap:wrap;gap:4px 18px}
.mcw-hm .mcw-hm-pfoot-l a{font:700 13.5px/1.3 var(--hm-body);color:var(--hm-soft);text-decoration:underline;text-decoration-color:rgba(249,213,72,.45);
  text-underline-offset:4px;transition:color .2s}
.mcw-hm .mcw-hm-pfoot-l a:hover{color:var(--hm-y)}
.mcw-hm .mcw-hm-all{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font:800 14.5px/1.2 var(--hm-body);color:var(--hm-y)}
.mcw-hm .mcw-hm-all .mcw-hm-i{width:17px;height:17px;transition:transform .25s var(--hm-ease)}
.mcw-hm .mcw-hm-all:hover{color:var(--hm-y2)}
.mcw-hm .mcw-hm-all:hover .mcw-hm-i{transform:translateX(3px)}

/* =====================================================================
   WIDE SCREENS: the bar, and one card under the header that morphs from
   panel to panel (menu.js sets --x --y --w --h; the panels ride on it)
   ===================================================================== */
.mcw-hm:not(.is-phone) .mcw-hm-stage{position:absolute;left:0;top:0;z-index:1000;width:var(--w,0px);height:var(--h,0px);pointer-events:none;opacity:0;
  transform:translate(var(--x,0px),var(--y,0px));
  transition:opacity .22s ease,transform .4s var(--hm-ease),width .4s var(--hm-ease),height .4s var(--hm-ease)}
.mcw-hm:not(.is-phone) .mcw-hm-stage.is-on{opacity:1}
.mcw-hm:not(.is-phone) .mcw-hm-stage.is-instant{transition:opacity .22s ease}
.mcw-hm:not(.is-phone) .mcw-hm-stage-bg{position:absolute;inset:0;border-radius:22px;border:1px solid var(--hm-line);
  background:linear-gradient(180deg,#171a20,#0e1014);box-shadow:0 34px 90px -26px rgba(0,0,0,.92),0 0 0 1px rgba(0,0,0,.45)}
.mcw-hm:not(.is-phone) .mcw-hm-arrow{position:absolute;top:-7px;left:var(--ax,50%);width:14px;height:14px;margin-left:-7px;border-radius:3px 0 0 0;transform:rotate(45deg);
  background:#171a20;border-left:1px solid var(--hm-line);border-top:1px solid var(--hm-line);transition:left .4s var(--hm-ease)}
.mcw-hm:not(.is-phone) .mcw-hm-stage.is-instant .mcw-hm-arrow{transition:none}
.mcw-hm:not(.is-phone) .mcw-hm-panel{position:absolute;left:0;top:0;z-index:1001;width:var(--pw);transform:translate(var(--x,0px),var(--y,0px))}
.mcw-hm:not(.is-phone) .mcw-hm-panel.is-open{display:block}
/* an invisible bridge over the gap between the bar and the card */
.mcw-hm:not(.is-phone) .mcw-hm-panel::before{content:"";position:absolute;left:0;right:0;top:-34px;height:34px}
.mcw-hm:not(.is-phone) .mcw-hm-gs{padding:18px 18px 14px}
.mcw-hm:not(.is-phone) .mcw-hm-pfoot{padding:12px 24px 14px;border-top:1px solid var(--hm-rule);border-radius:0 0 22px 22px;background:rgba(255,255,255,.015)}
.mcw-hm:not(.is-phone) .mcw-hm-panel--shop{--pw:min(900px,calc(100vw - 32px))}
.mcw-hm:not(.is-phone) .mcw-hm-panel--shop .mcw-hm-gs{grid-template-columns:repeat(3,minmax(0,1fr))}
.mcw-hm:not(.is-phone) .mcw-hm-panel--courses{--pw:min(1040px,calc(100vw - 32px))}
.mcw-hm:not(.is-phone) .mcw-hm-panel--courses .mcw-hm-gs{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr)}
.mcw-hm:not(.is-phone) .mcw-hm-panel--services{--pw:min(1000px,calc(100vw - 32px))}
.mcw-hm:not(.is-phone) .mcw-hm-panel--services .mcw-hm-gs{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.12fr)}
.mcw-hm:not(.is-phone) .mcw-hm-panel--news{--pw:min(560px,calc(100vw - 32px))}
/* a category that is its heading alone (the shop's three): a tall tile, its icon above its name */
.mcw-hm:not(.is-phone) .mcw-hm-gh:only-child{flex:1;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:18px;min-height:178px;padding:20px}
.mcw-hm:not(.is-phone) .mcw-hm-gh:only-child .mcw-hm-gart{width:60px;height:60px;border-radius:17px}
.mcw-hm:not(.is-phone) .mcw-hm-gh:only-child .mcw-hm-gart .mcw-hm-i{width:30px;height:30px}
.mcw-hm:not(.is-phone) .mcw-hm-gh:only-child .mcw-hm-gt b{font-size:21px}
/* arriving: the cards rise one after another, or slide in from the side you came from */
.mcw-hm.is-js:not(.is-phone) .mcw-hm-panel :is(.mcw-hm-g,.mcw-hm-feature,.mcw-hm-pfoot){opacity:0;
  transform:translate(calc(var(--dir,0) * 30px),calc((1 - var(--dir,0) * var(--dir,0)) * 10px))}
.mcw-hm.is-js:not(.is-phone) .mcw-hm-panel.is-in :is(.mcw-hm-g,.mcw-hm-feature,.mcw-hm-pfoot){opacity:1;transform:none;
  transition:opacity .3s ease,transform .48s var(--hm-ease),border-color .25s}
.mcw-hm.is-js:not(.is-phone) .mcw-hm-panel.is-in .mcw-hm-gs > :nth-child(2){transition-delay:.05s,.05s,0s}
.mcw-hm.is-js:not(.is-phone) .mcw-hm-panel.is-in .mcw-hm-gs > :nth-child(3){transition-delay:.1s,.1s,0s}
.mcw-hm.is-js:not(.is-phone) .mcw-hm-panel.is-in .mcw-hm-pfoot{transition-delay:.14s}
.mcw-hm.is-js:not(.is-phone) .mcw-hm-panel.is-out{pointer-events:none}
.mcw-hm.is-js:not(.is-phone) .mcw-hm-panel.is-out :is(.mcw-hm-g,.mcw-hm-feature,.mcw-hm-pfoot){opacity:0;transform:translateX(calc(var(--dir,0) * 30px));
  transition:opacity .16s ease,transform .24s ease}
@media (min-width:1181px){
  /* no script: each panel opens under its item when pointed at, on its own card */
  .mcw-hm:not(.is-js) .mcw-hm-item{position:relative}
  .mcw-hm:not(.is-js) .mcw-hm-item:is(:hover,:focus-within) > .mcw-hm-panel{display:block;top:calc(100% + 6px);left:50%;
    transform:translateX(-50%);border-radius:22px;border:1px solid var(--hm-line);background:#15181d;box-shadow:0 30px 80px -24px rgba(0,0,0,.9)}
  .mcw-hm:not(.is-js) .mcw-hm-tools{display:none}
}

/* =====================================================================
   PHONES AND TABLETS: the menu button, and the menu sliding in from the
   right with the same panels, one open at a time
   ===================================================================== */
.mcw-hm.is-phone{flex:0 0 auto;justify-content:flex-end;gap:8px}
.mcw-hm.is-phone .mcw-hm-stage,.mcw-hm.is-phone .mcw-hm-hover,.mcw-hm.is-phone .mcw-hm-tools{display:none}
.mcw-hm.is-phone .mcw-hm-burger{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--hm-line);
  background:rgba(255,255,255,.03);transition:border-color .2s,background .2s}
.mcw-hm.is-phone .mcw-hm-burger:hover{border-color:var(--hm-y)}
.mcw-hm.is-phone .mcw-hm-burger-box{position:relative;display:block;width:20px;height:14px}
.mcw-hm.is-phone .mcw-hm-burger-box i{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:var(--hm-fg);
  transition:transform .3s var(--hm-ease),opacity .2s,top .3s var(--hm-ease)}
.mcw-hm.is-phone .mcw-hm-burger-box i:nth-child(1){top:0}
.mcw-hm.is-phone .mcw-hm-burger-box i:nth-child(2){top:6px}
.mcw-hm.is-phone .mcw-hm-burger-box i:nth-child(3){top:12px}
.mcw-hm.is-phone.is-drawer .mcw-hm-burger-box i:nth-child(1){top:6px;transform:rotate(45deg)}
.mcw-hm.is-phone.is-drawer .mcw-hm-burger-box i:nth-child(2){opacity:0}
.mcw-hm.is-phone.is-drawer .mcw-hm-burger-box i:nth-child(3){top:6px;transform:rotate(-45deg)}
/* the drawer */
.mcw-hm.is-phone .mcw-hm-nav{position:fixed;top:var(--wp-admin--admin-bar--height,0px);right:0;bottom:0;z-index:100000;display:flex;flex-direction:column;
  width:min(440px,100vw);overflow-y:auto;overscroll-behavior:contain;background:#0f1115;border-left:1px solid var(--hm-rule);
  box-shadow:-30px 0 80px -20px rgba(0,0,0,.85);transform:translateX(105%);visibility:hidden;
  transition:transform .42s var(--hm-ease),visibility 0s linear .42s}
.mcw-hm.is-phone.is-drawer .mcw-hm-nav{transform:none;visibility:visible;transition:transform .42s var(--hm-ease)}
/* a long open panel makes the drawer scroll; nothing in it is squeezed instead */
.mcw-hm.is-phone .mcw-hm-nav > *{flex-shrink:0}
.mcw-hm.is-phone .mcw-hm-scrim{position:fixed;inset:0;z-index:99999;display:block;background:rgba(5,6,8,.62);opacity:0;transition:opacity .3s}
.mcw-hm.is-phone.is-drawer .mcw-hm-scrim{opacity:1}
.mcw-hm.is-phone .mcw-hm-dhead{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px 22px;
  background:linear-gradient(180deg,#0f1115 70%,rgba(15,17,21,0))}
.mcw-hm.is-phone .mcw-hm-dtitle{font:800 12px/1.2 var(--hm-body);letter-spacing:.16em;text-transform:uppercase;color:var(--hm-label)}
.mcw-hm.is-phone .mcw-hm-x{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--hm-line);color:var(--hm-fg)}
.mcw-hm.is-phone .mcw-hm-x:hover{border-color:var(--hm-y);color:var(--hm-y)}
.mcw-hm.is-phone .mcw-hm-bar{flex-direction:column;align-items:stretch;gap:0;padding:0 16px}
.mcw-hm.is-phone .mcw-hm-item{border-bottom:1px solid var(--hm-rule);scroll-margin-top:70px}
/* a row: the name goes to its page, the arrow at the end opens its panel */
.mcw-hm.is-phone .mcw-hm-tw{display:flex;align-items:stretch;width:100%}
.mcw-hm.is-phone .mcw-hm-top{display:flex;width:100%;height:auto;min-height:58px;padding:14px 4px;border-radius:0;font:800 19px/1.2 var(--hm-body);text-align:left}
.mcw-hm.is-phone .mcw-hm-tw > .mcw-hm-top{flex:1 1 auto;width:auto;min-width:0;padding-right:8px}
.mcw-hm.is-phone .mcw-hm-top .mcw-hm-label{flex:0 1 auto}
.mcw-hm.is-phone .mcw-hm-tog{flex:none;width:56px;height:auto;min-height:58px;margin:0;border-radius:0;border-left:1px solid var(--hm-rule)}
.mcw-hm.is-phone .mcw-hm-chev{width:18px;height:18px}
.mcw-hm.is-phone .mcw-hm-item.is-current > .mcw-hm-top::after,.mcw-hm.is-phone .mcw-hm-item.is-current > .mcw-hm-tw > .mcw-hm-top::after{left:4px;right:auto;width:28px;bottom:8px}
.mcw-hm.is-phone .mcw-hm-item.is-open > .mcw-hm-panel{display:block;overflow:hidden;padding:2px 0 16px}
/* the categories, one under another, a little smaller */
.mcw-hm.is-phone .mcw-hm-gs{grid-template-columns:minmax(0,1fr);gap:10px}
.mcw-hm.is-phone .mcw-hm-gh{gap:12px;padding:12px}
.mcw-hm.is-phone .mcw-hm-gart{width:44px;height:44px;border-radius:13px}
.mcw-hm.is-phone .mcw-hm-gart .mcw-hm-i{width:22px;height:22px}
.mcw-hm.is-phone .mcw-hm-gt b{font-size:18px}
.mcw-hm.is-phone .mcw-hm-gt .mcw-hm-go{opacity:1;transform:none}
.mcw-hm.is-phone .mcw-hm-gl{padding:4px 6px 6px}
.mcw-hm.is-phone .mcw-hm-feature{padding:16px}
.mcw-hm.is-phone .mcw-hm-pfoot{flex-direction:column;align-items:flex-start;gap:12px;margin-top:14px;padding:0 2px}
.mcw-hm.is-phone .mcw-hm-all{margin-left:0}
.mcw-hm.is-phone .mcw-hm-dfoot{position:sticky;bottom:0;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding:14px 16px 18px;
  background:linear-gradient(0deg,#0f1115 75%,rgba(15,17,21,0))}
.mcw-hm.is-phone .mcw-hm-dfoot .mcw-hm-btn{padding:10px 12px;font-size:14.5px}
@media (max-width:1180px){
  /* no script: the plain links in a row (each opens its page) */
  .mcw-hm:not(.is-js) .mcw-hm-bar{flex-wrap:wrap;justify-content:center;gap:2px 4px}
  .mcw-hm:not(.is-js) .mcw-hm-tools,.mcw-hm:not(.is-js) .mcw-hm-tog{display:none}
}
@media (max-width:480px){
  .mcw-hm.is-phone .mcw-hm-nav{width:100vw;border-left:0}
}
@media (max-width:380px){
  .mcw-hm.is-phone .mcw-hm-gl.is-desks{grid-template-columns:minmax(0,1fr)}
}
html.mcw-hm-lock{overflow:hidden}

/* =====================================================================
   THE ACCOUNT CONTROL (1.3.0) - in place of WooCommerce's account icon.
   A visitor: "Sign in", a person in a yellow ring. Someone signed in:
   their initials in a yellow ring (and first name on a wide screen); it
   opens who is signed in, their own pages and Sign out. It sits beside
   the menu, not in it, so it carries its own palette and resets.
   ===================================================================== */
.mcw-hm-acct{--hm-y:#F9D548;--hm-y2:#FFE37E;--hm-ink:#0b0b0d;--hm-fg:#EAECEF;--hm-soft:#C9CFD8;--hm-muted:#A3ACB8;
  --hm-rule:rgba(255,255,255,.09);--hm-line:rgba(255,255,255,.16);--hm-out:#FF9B73;--hm-ease:cubic-bezier(.2,.7,.2,1);
  --hm-body:var(--wp--preset--font-family--karla,'Karla',system-ui,-apple-system,'Segoe UI',Arial,sans-serif);
  position:relative;z-index:1002;display:flex;align-items:center;flex:none;margin:0;
  font-family:var(--hm-body);font-size:16px;line-height:1.4;color:var(--hm-fg);-webkit-font-smoothing:antialiased;text-align:left}
.mcw-hm-acct,.mcw-hm-acct *,.mcw-hm-acct *::before,.mcw-hm-acct *::after{box-sizing:border-box}
.mcw-hm-acct a{color:inherit;text-decoration:none;box-shadow:none}
.mcw-hm-acct :is(a,summary):focus-visible{outline:2px solid var(--hm-y);outline-offset:3px}
.mcw-hm-acct .mcw-hm-ai{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mcw-hm-acct .mcw-hm-acct-sr{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* a visitor: Sign in */
.mcw-hm-acct .mcw-hm-acct-in{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 17px 0 5px;border-radius:999px;
  border:1px solid rgba(249,213,72,.5);background:rgba(249,213,72,.07);color:var(--hm-fg);font:700 15px/1 var(--hm-body);white-space:nowrap;
  transition:border-color .2s,background .2s,color .2s,box-shadow .2s}
.mcw-hm-acct .mcw-hm-acct-ic{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--hm-y);color:var(--hm-ink)}
.mcw-hm-acct .mcw-hm-acct-ic .mcw-hm-ai{width:18px;height:18px;stroke-width:2.2}
.mcw-hm-acct .mcw-hm-acct-in:hover{border-color:var(--hm-y);background:rgba(249,213,72,.14);color:var(--hm-y);box-shadow:0 10px 28px -12px rgba(249,213,72,.55)}
/* someone signed in: their initials, first name and the arrow */
.mcw-hm-acct .mcw-hm-acct-d{position:relative;margin:0;padding:0;border:0}
/* flex, not inline-flex: inside the <details> an inline box would sit on a line of text, below the middle */
.mcw-hm-acct .mcw-hm-acct-b{display:flex;align-items:center;gap:9px;height:42px;margin:0;padding:0 12px 0 4px;border-radius:999px;
  border:1px solid var(--hm-line);background:rgba(255,255,255,.04);color:var(--hm-fg);font:700 15px/1 var(--hm-body);list-style:none;cursor:pointer;
  -webkit-user-select:none;user-select:none;white-space:nowrap;transition:border-color .2s,background .2s,color .2s,box-shadow .2s}
.mcw-hm-acct .mcw-hm-acct-b::-webkit-details-marker{display:none}
.mcw-hm-acct .mcw-hm-acct-b::marker{content:""}
.mcw-hm-acct .mcw-hm-acct-b:hover,.mcw-hm-acct .mcw-hm-acct-d[open] > .mcw-hm-acct-b{border-color:var(--hm-y);background:rgba(249,213,72,.08);
  box-shadow:0 10px 28px -14px rgba(249,213,72,.5)}
.mcw-hm-acct .mcw-hm-acct-n{max-width:112px;overflow:hidden;text-overflow:ellipsis}
.mcw-hm-acct .mcw-hm-acct-chev{width:14px;height:14px;opacity:.7;transition:transform .25s var(--hm-ease),opacity .2s}
.mcw-hm-acct .mcw-hm-acct-d[open] .mcw-hm-acct-chev{transform:rotate(180deg);opacity:1}
/* the initials: one ring for everyone, in the site's yellow (the phone menu's foot shows them too) */
.mcw-hm-acct .mcw-hm-acct-av,.mcw-hm .mcw-hm-acct-av{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;
  background:linear-gradient(140deg,var(--hm-y2),var(--hm-y) 55%,#E9B90E);color:var(--hm-ink);font:800 12.5px/1 var(--hm-body);letter-spacing:.03em;
  box-shadow:0 0 0 2px #0b0b0d,0 0 0 3.5px rgba(249,213,72,.5)}
/* what it opens */
.mcw-hm-acct .mcw-hm-acct-m{position:absolute;right:0;top:calc(100% + 12px);width:304px;max-width:calc(100vw - 24px);padding:8px;border-radius:18px;
  border:1px solid var(--hm-line);background:#121418;box-shadow:0 34px 90px -26px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.35);
  animation:mcw-hm-acct-in .22s var(--hm-ease)}
.mcw-hm-acct .mcw-hm-acct-m::before{content:"";position:absolute;right:var(--mcw-hm-acct-arrow,24px);top:-6px;width:11px;height:11px;transform:rotate(45deg);
  border-left:1px solid var(--hm-line);border-top:1px solid var(--hm-line);background:#121418}
.mcw-hm-acct .mcw-hm-acct-h{display:flex;align-items:center;gap:12px;padding:10px 10px 12px}
.mcw-hm-acct .mcw-hm-acct-av.is-lg{width:44px;height:44px;font-size:16px}
.mcw-hm-acct .mcw-hm-acct-who{display:grid;gap:3px;min-width:0}
.mcw-hm-acct .mcw-hm-acct-who b{font:800 15.5px/1.25 var(--hm-body);color:var(--hm-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcw-hm-acct .mcw-hm-acct-who small{font-size:13px;line-height:1.3;color:var(--hm-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcw-hm-acct .mcw-hm-acct-tag{display:inline-flex;align-items:center;gap:7px;margin:0 10px 10px;padding:6px 10px;border-radius:999px;
  background:rgba(249,213,72,.12);color:var(--hm-y);font:800 10.5px/1 var(--hm-body);letter-spacing:.08em;text-transform:uppercase}
.mcw-hm-acct .mcw-hm-acct-tag i{width:7px;height:7px;border-radius:50%;background:#4FBF89;box-shadow:0 0 0 3px rgba(79,191,137,.22)}
.mcw-hm-acct .mcw-hm-acct-l{margin:0;padding:6px 0;list-style:none;border-top:1px solid var(--hm-rule);border-bottom:1px solid var(--hm-rule)}
.mcw-hm-acct .mcw-hm-acct-l li{margin:0;padding:0}
.mcw-hm-acct .mcw-hm-acct-l li::marker{content:none}
.mcw-hm-acct :is(.mcw-hm-acct-l a,.mcw-hm-acct-out){display:flex;align-items:center;gap:12px;min-height:42px;padding:9px 10px;border-radius:11px;
  color:var(--hm-soft);font:700 15px/1.2 var(--hm-body);transition:background .15s,color .15s}
.mcw-hm-acct .mcw-hm-acct-l a .mcw-hm-ai{color:var(--hm-muted);transition:color .15s}
.mcw-hm-acct .mcw-hm-acct-l a:is(:hover,:focus-visible){background:rgba(249,213,72,.08);color:var(--hm-y)}
.mcw-hm-acct .mcw-hm-acct-l a:is(:hover,:focus-visible) .mcw-hm-ai{color:var(--hm-y)}
.mcw-hm-acct .mcw-hm-acct-out{margin-top:6px;color:var(--hm-fg)}
.mcw-hm-acct .mcw-hm-acct-out:is(:hover,:focus-visible){background:rgba(255,122,69,.1);color:var(--hm-out)}
/* the first name on a wide screen only; on a phone the ring alone, and the menu hangs under the header the width of the screen */
@media (max-width:1599px){
  .mcw-hm-acct .mcw-hm-acct-n{display:none}
  .mcw-hm-acct .mcw-hm-acct-b{gap:6px;padding-right:10px}
}
@media (max-width:600px){
  .mcw-hm-acct :is(.mcw-hm-acct-in,.mcw-hm-acct-b){justify-content:center;width:44px;height:44px;padding:0;border-radius:50%}
  .mcw-hm-acct :is(.mcw-hm-acct-t,.mcw-hm-acct-chev){display:none}
  .mcw-hm-acct .mcw-hm-acct-m{position:fixed;left:12px;right:12px;top:var(--mcw-hm-acct-top,76px);width:auto;max-width:none}
}
/* the narrowest phones: a smaller ring, so the logo, the menu button and the basket keep their room */
@media (max-width:370px){
  .mcw-hm-acct :is(.mcw-hm-acct-in,.mcw-hm-acct-b){width:38px;height:38px}
  .mcw-hm-acct :is(.mcw-hm-acct-ic,.mcw-hm-acct-b .mcw-hm-acct-av){width:28px;height:28px}
  .mcw-hm-acct .mcw-hm-acct-b .mcw-hm-acct-av{font-size:11px}
  .mcw-hm-acct .mcw-hm-acct-ic .mcw-hm-ai{width:16px;height:16px}
}
/* 1.4.0: a person's photo in place of their initials, and the way to add or change it */
.mcw-hm-acct .mcw-hm-acct-av.has-photo,.mcw-hm .mcw-hm-acct-av.has-photo{overflow:hidden;background:#1A1D23}
.mcw-hm-acct .mcw-hm-acct-av img,.mcw-hm .mcw-hm-acct-av img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.mcw-hm-acct .mcw-hm-acct-photo{justify-self:start;margin-top:3px;color:var(--hm-y);font:700 12.5px/1.3 var(--hm-body);text-decoration:underline;
  text-decoration-color:rgba(249,213,72,.4);text-underline-offset:3px}
.mcw-hm-acct .mcw-hm-acct-photo:hover{text-decoration-color:var(--hm-y)}
/* My Account > Account details: Profile picture (W01 draws the fieldset like the form's others) */
.mcw-hm-photo .mcw-hm-photo-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;margin:6px 0 10px}
.mcw-hm-photo .mcw-hm-photo-av{display:grid;place-items:center;flex:none;width:88px;height:88px;border-radius:50%;overflow:hidden;
  background:linear-gradient(140deg,#FFE37E,#F9D548 55%,#E9B90E);color:#0b0b0d;font:800 28px/1 var(--mcw-font-body,'Karla',system-ui,sans-serif);
  letter-spacing:.03em;box-shadow:0 0 0 3px #0b0b0d,0 0 0 5px rgba(249,213,72,.5);transition:opacity .2s}
.mcw-hm-photo .mcw-hm-photo-av.has-photo{background:#1A1D23}
.mcw-hm-photo .mcw-hm-photo-av img{display:block;width:100%;height:100%;object-fit:cover}
.mcw-hm-photo .mcw-hm-photo-av.is-removing{opacity:.35}
.mcw-hm-photo .mcw-hm-photo-ctl{position:relative;display:grid;gap:8px;flex:1 1 260px;min-width:0}
.mcw-hm-photo .mcw-hm-photo-file{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.mcw-hm-photo .mcw-hm-photo-pick{justify-self:start;display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:10px;
  border:1px solid rgba(249,213,72,.5);background:rgba(249,213,72,.08);color:#EAECEF;font:700 14.5px/1 var(--mcw-font-body,'Karla',system-ui,sans-serif);
  cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.mcw-hm-photo .mcw-hm-photo-pick:hover{border-color:#F9D548;background:rgba(249,213,72,.14);color:#F9D548}
.mcw-hm-photo .mcw-hm-photo-file:focus-visible + .mcw-hm-photo-pick{outline:2px solid #F9D548;outline-offset:3px}
.mcw-hm-photo .mcw-hm-photo-rm{display:inline-flex;align-items:center;gap:8px;margin:0;color:#C3C9D2;font-size:14.5px;font-weight:600;cursor:pointer}
.mcw-hm-photo .mcw-hm-photo-hint{margin:0;color:#A3ACB8;font-size:13.5px;line-height:1.45}
.mcw-hm-photo .mcw-hm-photo-msg{margin:0;color:#FF8A80;font-size:13.5px;font-weight:700}
.mcw-hm-photo .mcw-hm-photo-msg:empty{display:none}
/* the phone menu's foot, for someone signed in: who they are, with Sign out beside it */
.mcw-hm .mcw-hm-dme{display:none}
.mcw-hm.is-phone .mcw-hm-dme{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 12px;border-radius:14px;
  border:1px solid var(--hm-rule);background:rgba(255,255,255,.03)}
.mcw-hm.is-phone .mcw-hm-dme-t{display:grid;gap:2px;flex:1 1 auto;min-width:0}
.mcw-hm.is-phone .mcw-hm-dme-t b{font:800 15px/1.25 var(--hm-body);color:var(--hm-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcw-hm.is-phone .mcw-hm-dme-t small{font-size:12.5px;line-height:1.3;color:var(--hm-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcw-hm.is-phone .mcw-hm-dout{display:inline-flex;align-items:center;gap:7px;flex:none;min-height:42px;padding:0 13px;border-radius:10px;
  border:1px solid var(--hm-line);color:var(--hm-fg);font:700 14px/1 var(--hm-body);white-space:nowrap;transition:border-color .2s,color .2s,background .2s}
.mcw-hm.is-phone .mcw-hm-dout .mcw-hm-i{width:16px;height:16px}
.mcw-hm.is-phone .mcw-hm-dout:hover{border-color:#FF9B73;background:rgba(255,122,69,.08);color:#FF9B73}

/* ---- calm settings: no movement for visitors who ask for less, or when it is switched off ---- */
@media (prefers-reduced-motion: reduce){
  .mcw-hm *,.mcw-hm *::before,.mcw-hm *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;
    transition-delay:0s !important}
  .mcw-hm-acct *,.mcw-hm-acct *::before,.mcw-hm-acct *::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}
.mcw-hm.is-still *,.mcw-hm.is-still *::before,.mcw-hm.is-still *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;
  transition-duration:.01ms !important;transition-delay:0s !important}
.mcw-hm-acct.is-still *,.mcw-hm-acct.is-still *::before,.mcw-hm-acct.is-still *::after{animation-duration:.01ms !important;transition-duration:.01ms !important}

@keyframes mcw-hm-beat{0%{box-shadow:0 0 0 0 rgba(79,191,137,.55)}70%,100%{box-shadow:0 0 0 8px rgba(79,191,137,0)}}
@keyframes mcw-hm-shim{to{background-position:-200% 0}}
@keyframes mcw-hm-acct-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}