.pill-nav-container{position:relative;display:flex}.pill-nav{--nav-h:42px;--logo:36px;--pill-pad-x:18px;--pill-gap:3px;width:max-content;box-sizing:border-box}.pill-nav,.pill-nav-items{display:flex;align-items:center}.pill-nav-items{position:relative;height:var(--nav-h);background:hsl(220 14% 96%);border:1px solid hsl(220 13% 91%);border-radius:9999px;margin-left:10px;box-shadow:0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1)}.dark .pill-nav-items{background:hsl(220 13% 18%);border-color:hsl(220 13% 25%)}.pill-logo{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:white;padding:8px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;color:white;box-shadow:0 2px 4px 0 rgb(0 0 0/.1);transition:all .2s ease}.pill-logo:hover{background:white;transform:scale(1.05)}.dark .pill-logo,.dark .pill-logo:hover{background:white}.pill-logo svg{width:100%;height:100%;object-fit:cover;display:block}.pill-list{list-style:none;align-items:stretch;gap:var(--pill-gap);margin:0;padding:3px}.pill-list,.pill-list>li{display:flex;height:100%}.pill{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 var(--pill-pad-x);background:white;color:hsl(220 9% 46%);text-decoration:none;border-radius:9999px;box-sizing:border-box;font-weight:600;font-size:16px;white-space:nowrap;cursor:pointer;position:relative;overflow:hidden;border:1px solid hsl(220 13% 91%);transition:all .2s ease}.pill:hover{background:hsl(142 76% 36%);color:white;border-color:hsl(142 76% 36%);transform:translateY(-1px);box-shadow:0 4px 8px 0 rgb(0 0 0/.15)}.dark .pill{background:hsl(220 13% 18%);color:hsl(220 9% 71%);border-color:hsl(220 13% 25%)}.dark .pill:hover{background:hsl(142 76% 36%);color:white;border-color:hsl(142 76% 36%)}.pill .hover-circle{position:absolute;left:50%;bottom:0;border-radius:50%;background:hsl(142 76% 36%);z-index:1;display:block;pointer-events:none;will-change:transform}.pill .label-stack,.pill .pill-label{position:relative;display:inline-block;line-height:1;z-index:2}.pill .pill-label{will-change:transform;transition:color .3s ease;color:hsl(220 9% 46%)}.pill .pill-label-hover{position:absolute;left:0;top:0;color:white;z-index:3;display:inline-block;will-change:transform,opacity}.pill:hover .pill-label{color:white}.dark .pill .pill-label{color:hsl(220 9% 71%)}.dark .pill:hover .pill-label,.pill.is-active .pill-label{color:white}.pill.is-active{background:hsl(142 76% 36%);border-color:hsl(142 76% 36%);box-shadow:0 2px 4px 0 rgb(0 0 0/.1)}.target-cursor-wrapper{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:99999;mix-blend-mode:difference;will-change:transform}.target-cursor-dot{width:4px;height:4px;background-color:white;border-radius:50%;transform:translate(-50%,-50%);transition:transform .2s ease-out}.target-cursor-corner,.target-cursor-dot{position:absolute;left:50%;top:50%;will-change:transform}.target-cursor-corner{width:12px;height:12px;border:3px solid white}.corner-tl{transform:translate(-150%,-150%);border-right:none;border-bottom:none}.corner-tr{transform:translate(50%,-150%);border-left:none;border-bottom:none}.corner-br{transform:translate(50%,50%);border-left:none;border-top:none}.corner-bl{transform:translate(-150%,50%);border-right:none;border-top:none}