.pp-chapter-subnav{align-items:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5) 30%,transparent 95%);background-blend-mode:darken;display:flex;flex-direction:column;justify-content:center;opacity:0;padding-block:3rem 5rem;position:fixed;top:0;transform:translateY(-100%);transition:opacity .4s ease-in-out,transform .4s cubic-bezier(.16,1,.3,1),visibility .4s;visibility:hidden;width:100%;will-change:transform,opacity;z-index:100}.pp-chapter-subnav:before{background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.2) 40%,transparent);content:"";height:calc(100% + 2rem);position:absolute;top:-2rem;width:100%}.pp-chapter-subnav.is-visible{opacity:1;transform:translateY(0);visibility:visible}.pp-chapter-subnav ul{border-radius:50px;display:flex;gap:6px;justify-content:space-between;list-style-type:none;overflow:hidden;padding:0;z-index:2}.pp-chapter-subnav .pp-chapter-subnav__link,.pp-chapter-subnav li{color:#000;display:flex;flex-direction:column;font-size:1.6rem;font-weight:700;justify-content:center;text-align:center}.pp-chapter-subnav .pp-chapter-subnav__link{background-color:var(--color-white);font-family:var(--font-h1-font);height:100%;line-height:1.18;padding:2rem 1rem;text-decoration:none;transition:background-color .3s ease,color .3s ease,opacity .3s ease}.pp-chapter-subnav__active-chapter{background-color:#fff;font-family:var(--font-h1-font);margin-inline:auto;max-width:400px;padding-block:2rem;padding-inline:2rem 3.5rem;text-align:center;width:100%;z-index:2}.pp-chapter-subnav__active-chapter:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none' viewBox='0 0 14 9'%3E%3Cpath stroke='%23e57db2' stroke-width='2' d='m12.728.707-6.01 6.01L.708.707'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:2rem;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);transition:transform .3s ease-in-out;width:1.5rem}.pp-chapter-subnav:has(.expanded) .pp-chapter-subnav__active-chapter:after{transform:translateY(-50%) rotate(180deg)}.pp-chapter-subnav__link.is-active{background-color:var(--color-primary);color:#fff}@media only screen and (min-width:961px){.pp-chapter-subnav__active-chapter,.pp-chapter-subnav__link--index{display:none}}@media only screen and (max-width:960px){.pp-chapter-subnav__active-chapter{border-radius:50px;display:block;font-size:1.6rem;font-weight:700;position:relative;width:var(--container)}.pp-chapter-subnav.is-visible{filter:drop-shadow(0 0 80px rgba(0,0,0,.25)) drop-shadow(0 0 33.9px rgba(0,0,0,.25));padding-block:2rem}.pp-chapter-subnav ul{border-radius:25px;display:flex;flex-direction:column;max-height:0;max-width:400px;opacity:0;top:2rem;transform:translateY(-10px) scale(.98);transform-origin:top;visibility:hidden}.pp-chapter-subnav ul,.pp-chapter-subnav ul.expanded{transition:opacity .3s ease,transform .3s ease,visibility .3s}.pp-chapter-subnav ul.expanded{max-height:100%;opacity:1;transform:translateY(0) scale(1);visibility:visible}.pp-chapter-subnav li{width:100%!important}.pp-chapter-subnav .pp-chapter-subnav__link{display:grid;gap:1rem;grid-template-columns:2rem auto;justify-content:flex-start;padding-left:2.5rem;text-align:left}}.pp-chapter-subnav__back{align-items:center;background-color:#fff;border-radius:50px;bottom:2rem;box-shadow:0 0 6px 0 #000;display:flex;font-family:var(--font-h1-font);font-size:1.6rem;font-weight:700;gap:1rem;opacity:0;padding:.5em 1em;position:fixed;right:2rem;transition:opacity .4s ease-in-out,visibility .4s;visibility:hidden;z-index:2}.pp-chapter-subnav.is-visible+.pp-chapter-subnav__back{opacity:1;visibility:visible}.pp-chapter-subnav__back svg{transform:rotate(180deg)}