/* QuickNord Mobiloplader navigation: only Kabler has a second-level flyout. */
.qn-nav .qn-menu-shell #menu-item-102{position:relative}
.qn-nav .qn-menu-shell #menu-item-102>.qn-ch-nav-submenu{
  min-width:292px;width:312px;max-width:calc(100vw - 24px);
  margin:0;padding:9px;list-style:none;overflow:visible;
  border:1px solid #dce9f9;border-radius:15px;
  background:linear-gradient(155deg,#fff,#f8fbff);
  box-shadow:0 18px 42px rgba(16,67,126,.16);
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-menu-row{
  display:block;position:relative;list-style:none;margin:0;padding:0;
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-menu-row>.qn-ch-menu-link{
  display:flex!important;align-items:center!important;
  gap:10px!important;width:100%;min-height:60px;
  padding:7px 11px!important;background:transparent;
  color:#153d69!important;text-decoration:none!important;
  border:0;border-radius:10px;
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-menu-row--cables>.qn-ch-menu-link{
  padding-right:52px!important;
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-menu-link:hover,
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-menu-link:focus-visible{
  background:#ebf6ff!important;color:#0569d3!important;
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-menu-icon{
  display:grid;place-items:center;flex:0 0 43px;
  width:43px;height:43px;overflow:hidden;
  border-radius:10px;border:1px solid #dceafb;
  background:radial-gradient(circle,#fff,#e7f4ff);color:#0976e5;
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-menu-icon svg{
  width:27px;height:27px;
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-menu-icon img.qn-ch-menu-image{
  display:block;width:100%;height:100%;max-width:100%;object-fit:contain;padding:2px;
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-menu-text{
  flex:1;min-width:0;
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-menu-text strong{
  color:#143c69;font:800 12.7px/1.42 "DM Sans",sans-serif;
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-cable-toggle{
  position:absolute;z-index:4;right:7px;top:11px;
  display:grid;place-items:center;width:37px;height:37px;
  padding:0;border:0;border-radius:9px;
  background:#edf6ff;color:#0974dc;cursor:pointer;
  font-size:22px;line-height:1;transition:background .16s;
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-cable-toggle:hover{
  background:#dbeeff;color:#045cb6;
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-cable-toggle:focus-visible{
  outline:3px solid #80c4ff;outline-offset:2px;
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-cable-flyout{
  position:absolute;z-index:110;left:calc(100% - 4px);top:-8px;
  display:none;min-width:300px;width:324px;
  max-width:calc(100vw - 24px);
  max-height:min(590px,calc(100vh - 160px));overflow-y:auto;
  overscroll-behavior:contain;margin:0;padding:9px;
  list-style:none;white-space:normal;
  border:1px solid #d5e8fa;border-radius:15px;
  background:linear-gradient(150deg,#fff,#f9fcff);
  box-shadow:0 19px 44px rgba(10,69,139,.2);
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-cable-item{
  list-style:none;margin:0;padding:0;
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-cable-item>a{
  display:flex!important;align-items:center!important;gap:11px!important;
  width:100%;min-height:56px;padding:8px 9px!important;
  border-radius:10px;background:transparent!important;
  text-decoration:none!important;color:#153c65!important;
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-cable-item>a:hover,
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-cable-item>a:focus-visible{
  background:#ecf7ff!important;color:#076bcf!important;
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-cable-icon{
  display:grid;place-items:center;flex:0 0 36px;
  width:36px;height:37px;color:#0571d6;
  border-radius:9px;background:#ecf7ff;border:1px solid #dcebf9;
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-cable-icon svg{
  width:23px;height:23px;
}
.qn-nav .qn-menu-shell #menu-item-102 .qn-ch-cable-label strong{
  font:800 12px/1.4 "DM Sans",sans-serif;color:#183c67;
}
@media(min-width:1051px){
  .qn-nav .qn-menu-shell #menu-item-102 .qn-ch-menu-row--cables:hover>.qn-ch-cable-flyout,
  .qn-nav .qn-menu-shell #menu-item-102 .qn-ch-menu-row--cables:focus-within>.qn-ch-cable-flyout,
  .qn-nav .qn-menu-shell #menu-item-102 .qn-ch-menu-row--cables.qn-ch-expanded>.qn-ch-cable-flyout{
    display:block;
  }
}
/* Avoid the third-level panel going off the right edge on narrower laptops. */
@media(min-width:1051px) and (max-width:1320px){
  .qn-nav .qn-menu-shell #menu-item-102 .qn-ch-cable-flyout{
    left:auto;right:calc(100% - 4px);
  }
}
@media(max-width:1050px){
  .qn-nav .qn-menu-shell.is-open #menu-item-102.is-expanded{grid-column:1/-1}
  .qn-nav .qn-menu-shell #menu-item-102>.qn-ch-nav-submenu{
    position:static;width:100%;min-width:0;max-width:none;
    margin:0;padding:7px 9px 10px 13px;overflow:visible;
    border:0;border-left:2px solid #b5d8fa;border-radius:0;
    background:#f7fbff;box-shadow:none;
  }
  .qn-nav .qn-menu-shell #menu-item-102 .qn-ch-cable-toggle{
    right:5px;top:8px;width:43px;height:41px;
  }
  .qn-nav .qn-menu-shell #menu-item-102 .qn-ch-cable-flyout{
    position:static;display:none;width:100%;min-width:0;max-width:none;
    max-height:290px;overflow-y:auto;margin:0;
    padding:5px 7px 8px 11px;
    border:0;border-left:2px solid #bfdcff;border-radius:0;
    background:#f4faff;box-shadow:none;
  }
  .qn-nav .qn-menu-shell #menu-item-102 .qn-ch-menu-row--cables.qn-ch-expanded>.qn-ch-cable-flyout{
    display:block;
  }
}
@media(prefers-reduced-motion:reduce){
  .qn-nav .qn-menu-shell #menu-item-102 *{transition:none!important}
}