/* Static fallback values. Saved settings are injected after this stylesheet on .dwm-shell. */
:root{
  --dwm-bg:#fff;
  --dwm-text:#202124;
  --dwm-muted:#6b7280;
  --dwm-accent:#2563eb;
  --dwm-border:#e5e7eb;
  --dwm-radius:10px;
  --dwm-gap:32px;
  --dwm-shadow:0 18px 45px rgba(0,0,0,.12);
  --dwm-link-py:24px;
  --dwm-link-px:16px;
  --dwm-mega-padding:30px;
  --dwm-submenu-min:220px;
  --dwm-mobile-link-py:14px;
  --dwm-mobile-panel-bg:#f8fafc;
  --dwm-menu-font-size:16px;
  --dwm-menu-font-weight:600;
  --dwm-menu-font-style:normal;
  --dwm-menu-line-height:1.4;
  --dwm-heading-font-size:12px;
  --dwm-heading-font-weight:600;
  --dwm-heading-font-style:normal;
  --dwm-heading-line-height:1.3;
  --dwm-content-font-size:13px;
  --dwm-content-font-weight:400;
  --dwm-content-font-style:normal;
  --dwm-content-line-height:1.18;
  --dwm-description-font-size:13px;
  --dwm-description-font-weight:400;
  --dwm-description-font-style:normal;
  --dwm-description-line-height:1.18;
  --dwm-submenu-font-size:14px;
  --dwm-submenu-font-weight:400;
  --dwm-submenu-font-style:normal;
  --dwm-submenu-line-height:1.4;
}

.dwm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dwm-shell{position:relative;display:flex;align-items:center;z-index:1000}
.dwm-nav{flex:1}
.dwm-menu{display:flex;align-items:stretch;list-style:none;margin:0;padding:0}
.dwm-item{position:relative}
.dwm-has-mega{position:static}

.dwm-shell .dwm-link{
  display:flex;
  align-items:center;
  gap:8px;
  padding:var(--dwm-link-py) var(--dwm-link-px);
  color:var(--dwm-text);
  text-decoration:none;
}
.dwm-shell .dwm-menu>.dwm-item>.dwm-link{
  font-size:var(--dwm-menu-font-size);
  font-weight:var(--dwm-menu-font-weight);
  font-style:var(--dwm-menu-font-style);
  line-height:var(--dwm-menu-line-height);
}
.dwm-shell .dwm-menu>.dwm-item>.dwm-link:hover,
.dwm-shell .dwm-menu>.dwm-item>.dwm-link:focus{color:var(--dwm-accent)}

.dwm-arrow{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.18s}

.dwm-mega{
  position:absolute;
  top:100%;
  left:50%;
  padding:var(--dwm-mega-padding);
  background:var(--dwm-bg);
  border:1px solid var(--dwm-border);
  border-radius:0 0 var(--dwm-radius) var(--dwm-radius);
  box-shadow:var(--dwm-shadow);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,8px);
  transition:opacity .18s,transform .18s,visibility .18s;
  max-height:calc(100vh - 110px);
  overflow:auto;
}
.dwm-mega:has(.dwm-cols-1){width:300px;max-width:calc(100vw - 24px)}
.dwm-mega:has(.dwm-cols-2){width:700px;max-width:calc(100vw - 24px)}
.dwm-mega:has(.dwm-cols-3){width:843px;max-width:calc(100vw - 24px)}
.dwm-has-mega:hover>.dwm-mega,
.dwm-has-mega:focus-within>.dwm-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.dwm-has-mega:hover>.dwm-link .dwm-arrow,
.dwm-has-mega:focus-within>.dwm-link .dwm-arrow{transform:rotate(225deg) translate(-2px,-2px)}

.dwm-mega-grid{display:grid;gap:var(--dwm-gap)}
.dwm-cols-1{grid-template-columns:1fr}
.dwm-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dwm-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dwm-layout-33-67 .dwm-cols-2{grid-template-columns:1fr 2fr}
.dwm-layout-67-33 .dwm-cols-2{grid-template-columns:2fr 1fr}
.dwm-layout-25-50-25 .dwm-cols-3{grid-template-columns:1fr 2fr 1fr}
.dwm-layout-50-25-25 .dwm-cols-3{grid-template-columns:2fr 1fr 1fr}
.dwm-layout-25-25-50 .dwm-cols-3{grid-template-columns:1fr 1fr 2fr}

.dwm-shell .dwm-mega .dwm-heading{
  margin:0 0 14px;
  padding-bottom:10px;
  border-bottom:1px solid var(--dwm-border);
  color:var(--dwm-muted);
  font-size:var(--dwm-heading-font-size);
  font-weight:var(--dwm-heading-font-weight);
  font-style:var(--dwm-heading-font-style);
  line-height:var(--dwm-heading-line-height);
  text-transform:uppercase;
  letter-spacing:.07em;
}

.dwm-shell .dwm-mega .dwm-card-link,
.dwm-shell .dwm-mega .dwm-content-item,
.dwm-shell .dwm-mega .dwm-content-copy,
.dwm-shell .dwm-mega .dwm-promo-copy{
  font-size:var(--dwm-content-font-size);
  font-weight:var(--dwm-content-font-weight);
  font-style:var(--dwm-content-font-style);
  line-height:var(--dwm-content-line-height);
}

.dwm-shell .dwm-mega .dwm-description{
  font-size:var(--dwm-description-font-size);
  font-weight:var(--dwm-description-font-weight);
  font-style:var(--dwm-description-font-style);
  line-height:var(--dwm-description-line-height);
}

.dwm-card-link{
  display:block;
  padding:11px 12px;
  margin:0 -12px 3px;
  border-radius:7px;
  text-decoration:none;
  color:var(--dwm-text);
  max-height:72px;
  overflow:hidden;
  text-overflow:clip;
}
.dwm-card-link:hover{background:#f5f7fa}
.dwm-card-link strong,
.dwm-card-link .dwm-description{display:inline;line-height:inherit}
.dwm-card-link .dwm-description{margin:0 0 0 .35em;vertical-align:baseline}

.dwm-content-item{
  display:block;
  width:100%;
  padding:8px;
  margin:0 -8px 6px;
  border-radius:8px;
  color:var(--dwm-text);
  text-decoration:none;
}
.dwm-content-item:hover{background:#f5f7fa}
.dwm-content-copy{display:block;min-width:0;width:100%;max-height:54px;overflow:hidden;text-overflow:clip}
.dwm-content-copy strong,
.dwm-content-copy .dwm-description{display:inline;line-height:inherit}
.dwm-content-copy .dwm-description{margin:0 0 0 .35em;vertical-align:baseline}
.dwm-description{color:var(--dwm-muted);text-overflow:clip}
.dwm-shell .dwm-mega .dwm-card-link strong,
.dwm-shell .dwm-mega .dwm-content-copy strong,
.dwm-shell .dwm-mega .dwm-promo-copy strong{font-weight:var(--dwm-content-font-weight)}

.dwm-promo{display:block;overflow:hidden;border-radius:9px;background:#f5f5f5;color:var(--dwm-text);text-decoration:none}
.dwm-promo-image{width:100%;height:180px;object-fit:cover}
.dwm-promo-copy{display:block;padding:17px}
.dwm-promo-copy strong,.dwm-promo-copy span,.dwm-promo-copy em{display:block}
.dwm-promo-copy>span{margin-top:7px;color:var(--dwm-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;max-height:calc(3 * var(--dwm-content-line-height) * 1em);text-overflow:clip}
.dwm-promo-copy em{margin-top:12px;color:var(--dwm-accent);font-style:normal;font-weight:700}

.dwm-submenu{
  position:absolute;
  top:100%;
  left:0;
  min-width:var(--dwm-submenu-min);
  margin:0;
  padding:8px;
  list-style:none;
  background:var(--dwm-bg);
  border:1px solid var(--dwm-border);
  opacity:0;
  visibility:hidden;
}
.dwm-item:hover>.dwm-submenu,
.dwm-item:focus-within>.dwm-submenu{opacity:1;visibility:visible}
.dwm-shell .dwm-submenu .dwm-link{
  padding:10px 12px;
  font-size:var(--dwm-submenu-font-size);
  font-weight:var(--dwm-submenu-font-weight);
  font-style:var(--dwm-submenu-font-style);
  line-height:var(--dwm-submenu-line-height);
}

.dwm-mobile-toggle{display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer}
.dwm-mobile-toggle>span:not(.dwm-sr-only){display:block;width:24px;height:2px;background:currentColor;margin:5px auto;transition:.2s}

@media(max-width:900px){
  .dwm-shell{flex-wrap:wrap}
  .dwm-mobile-toggle{display:block}
  .dwm-nav{display:none;order:3;width:100%;flex:none}
  .dwm-nav.dwm-open{display:block}
  .dwm-menu{display:block}
  .dwm-shell .dwm-menu>.dwm-item>.dwm-link{padding:var(--dwm-mobile-link-py) 4px;border-top:1px solid var(--dwm-border);justify-content:space-between}
  .dwm-mega,.dwm-submenu{display:none;position:static;width:100%;max-width:none;max-height:none;padding:14px;background:var(--dwm-mobile-panel-bg);border:0;border-radius:7px;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:none}
  .dwm-has-mega:hover>.dwm-mega,.dwm-has-mega:focus-within>.dwm-mega{display:none;transform:none}
  .dwm-has-mega.dwm-mobile-open>.dwm-mega{display:block}
  .dwm-has-mega.dwm-mobile-open>.dwm-link .dwm-arrow{transform:rotate(225deg) translate(-2px,-2px)}
  .dwm-cols-1,.dwm-cols-2,.dwm-cols-3,.dwm-layout-33-67 .dwm-cols-2,.dwm-layout-67-33 .dwm-cols-2,.dwm-layout-25-50-25 .dwm-cols-3,.dwm-layout-50-25-25 .dwm-cols-3,.dwm-layout-25-25-50 .dwm-cols-3{grid-template-columns:1fr}
  .dwm-mobile-toggle.dwm-active>span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .dwm-mobile-toggle.dwm-active>span:nth-child(2){opacity:0}
  .dwm-mobile-toggle.dwm-active>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}