.side-navigation{position:fixed;right:3vw;top:50%;transform:translateY(-50%);width:1px;background:currentColor;display:flex;flex-direction:column;color:var(--color-cream);mix-blend-mode:difference;z-index:2}.side-navigation__link{position:relative;margin-bottom:3.5vh;cursor:pointer;width:24px;transform:translate(-50%);color:var(--color-cream)}.side-navigation__link:before{content:"";position:absolute;width:24px;height:24px;left:0;top:-12px;border-radius:100%;box-shadow:0 0 0 1px currentColor inset;transform:scale(0);transform-origin:center center;transition:all 1s var(--ease-default)}.side-navigation__link:after{content:"";isolation:isolate;position:absolute;width:8px;height:8px;top:-4px;left:8px;border-radius:100%;background:currentColor;transform-origin:center center;transition:all 1s var(--ease-default)}.side-navigation__link:hover:after,.side-navigation__link:focus-visible:after{transform:scale(1.25)}.side-navigation__link:last-child{margin-bottom:0}.side-navigation__label{position:absolute;right:32px;top:50%;opacity:0;white-space:nowrap;pointer-events:none;transform:translate(-16px,-50%);color:var(--color-cream);transition:all 1s var(--ease-default)}.side-navigation__link--is-active:before{transform:scale(1)}.side-navigation__link--is-active:after{transform:scale(1.1);transition-delay:.25s}.side-navigation__link--is-active .side-navigation__label{transition-delay:.5s;opacity:1;transform:translate(-16px,-50%);pointer-events:auto}