.nav{align-items:stretch;color:#bababa;display:flex;justify-content:space-between;left:0;padding:1rem var(--x-padding);pointer-events:none;position:fixed;top:1rem;transition:color .2s ease;width:100%;z-index:2}.nav__title{background-color:transparent;border:none;color:currentColor;cursor:pointer;font-size:var(--step-2);margin:0;padding:0;pointer-events:all}.nav__sections{pointer-events:all;position:relative}.nav__sections__list{display:grid;grid-template-rows:repeat(var(--sections-length),1fr);list-style-type:none;grid-gap:.25rem;gap:.25rem;margin:0;padding:0}.nav__sections__list__section{cursor:pointer;font-size:var(--step--2);pointer-events:all;position:relative;text-align:right;transition:color .1s var(--ease-back)}.nav__sections__list__section:before{--size:calc(var(--step--2) - 0.6rem);background-color:#ffe6ed;border-radius:50%;content:none;height:var(--size);opacity:.75;opacity:0;position:absolute;right:105%;top:50%;transform:translate(-50%,-50%);transition:opacity .1s ease;width:var(--size)}@media(prefers-reduced-motion:reduce){.nav__sections__list__section:before{content:""}}.nav__sections__list__section--non-active{color:#666;transition:color .4s var(--ease-back)}.nav__sections__list__section--active:before{opacity:1;transition:opacity .4s ease}.nav__sections__list__section:focus,.nav__sections__list__section:hover{color:#fff;transition:none}.nav__sections__circle{--size:calc(var(--step--2) - 0.6rem);--top-offset:1px;background-color:#ffe6ed;border-radius:50%;height:var(--size);opacity:.75;position:absolute;right:105%;top:1px;top:var(--top-offset);transform:translate(-50%,50%);transition:right .3s var(--ease-back),opacity .3s;width:var(--size)}.nav__sections__circle--hidden{opacity:0;right:110%}@media(prefers-reduced-motion:reduce){.nav__sections__circle{display:none}}@media screen and (max-width:768px){.nav__sections{display:none}}.nav__menu-button{--bg-scale:0;background:transparent;border:none;color:currentColor;cursor:pointer;height:auto;margin:0;padding:0;pointer-events:all;position:relative;transform-origin:right center;transition:transform .3s var(--ease-back);width:max(var(--step-5),4rem);z-index:1}.nav__menu-button:active{transform:scale(.9)}@media screen and (min-width:768px){.nav__menu-button{display:none}}@media(prefers-reduced-motion:reduce){.nav__menu-button:active{transform:none}}.nav__menu-button:after{--size:120%;background-color:#ffe6ed;border-radius:50%;content:"";height:120%;height:var(--size);left:50%;position:absolute;top:50%;transform:translate(-50%,-51.5%) scale(var(--bg-scale));width:120%;width:var(--size);z-index:-1}@supports(aspect-ratio:1/1){.nav__menu-button:after{aspect-ratio:1/1;height:auto}}