/* One chapter navigation component for bank reviews and comparisons. */
.partner-quicknav{position:sticky;top:calc(var(--partner-sticky-top,91px) - 1px);z-index:29;background:#fff;border-block:1px solid var(--partner-line,#c9ded5);box-shadow:0 9px 24px #133f3310}
/* The top border remains visible in flow and overlaps the header border when stuck. */
.partner-quicknav .wrap{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}
.partner-quicknav .wrap::-webkit-scrollbar{display:none}
.partner-quicknav a{position:relative;display:flex;flex:1 0 auto;min-width:max-content;min-height:58px;align-items:center;justify-content:center;gap:9px;padding:14px 12px;border-right:1px solid #dce9e3;color:#536e65;font-size:var(--text-scale-12);font-weight:750;text-align:center;transition:color .2s,background .2s}
.partner-quicknav a span{white-space:nowrap}
.partner-quicknav a:first-child{border-left:1px solid #dce9e3}
.partner-quicknav a:hover{color:var(--partner)}
.partner-quicknav a .icon{width:18px;height:18px;flex:0 0 18px;opacity:.72;transition:opacity .2s,transform .2s}
.partner-quicknav a:hover .icon,.partner-quicknav a[aria-current="location"] .icon{opacity:1;transform:translateY(-1px)}
.partner-quicknav a:after{content:'';position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--partner);transform:scaleX(0);transition:transform .2s}
.partner-quicknav a[aria-current="location"]{color:#fff;background:var(--partner)}
.partner-quicknav a[aria-current="location"]:after{transform:scaleX(1);background:#b8efd9}
.partner-quicknav a[aria-current="location"]+a{border-left-color:transparent}
.partner-quicknav.is-overflowing:not(.is-at-end):before{content:'';position:absolute;z-index:2;right:0;top:0;bottom:0;width:54px;background:linear-gradient(90deg,transparent,#fff 84%);pointer-events:none;transition:opacity .2s}
@media(max-width:900px){.partner-quicknav a{padding-inline:17px}}
@media(max-width:700px){
  .partner-quicknav{top:calc(var(--partner-sticky-top,76px) - 1px)}
  .partner-quicknav.is-overflowing:not(.is-at-end):before{width:72px;background:linear-gradient(90deg,transparent,#fff 72%)}
  .partner-quicknav.is-overflowing:after{content:'Glissez';position:absolute;z-index:3;right:7px;top:50%;translate:0 -50%;padding:5px 7px;border:1px solid #b8d4c8;border-radius:20px;background:#fff;color:var(--partner);box-shadow:0 3px 10px #153f3517;font-size:var(--text-scale-9-76);font-weight:850;white-space:nowrap;pointer-events:none;transition:opacity .2s;padding-right:26px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23067471%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h15m-6-6%206%206-6%206%22%2F%3E%3C%2Fsvg%3E");background-size:15px 15px;background-position:right 7px center;background-repeat:no-repeat}
  .partner-quicknav.has-horizontal-scroll:after,.partner-quicknav.is-at-end:after{visibility:hidden;opacity:0}
  .partner-quicknav .wrap{padding-right:82px}
  .partner-quicknav a{min-height:54px;padding-block:12px}
  .partner-quicknav a .icon{width:17px;height:17px;flex-basis:17px}
  .partner-quicknav a[aria-current="location"]{border-radius:0}
  .partner-quicknav a:after{height:2px}
}