:root{--page-border-color:hsla(0,0%,100%,.4);--page-hover-transform:translateY(-2px) scale(1.01);--glass-bg:hsla(0,0%,100%,.25);--glass-bg-hover:hsla(0,0%,100%,.45);--glass-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.6),0 8px 32px rgba(0,0,0,.1);--glass-shadow-hover:inset 0 1px 0 0 hsla(0,0%,100%,.8),0 12px 40px rgba(0,0,0,.12)}.dark{--page-border-color:hsla(0,0%,100%,.15);--page-hover-transform:translateY(-2px) scale(1.01);--glass-bg:rgba(0,0,0,.35);--glass-bg-hover:rgba(0,0,0,.5);--glass-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.1),0 8px 32px rgba(0,0,0,.3);--glass-shadow-hover:inset 0 1px 0 0 hsla(0,0%,100%,.15),0 12px 40px rgba(0,0,0,.4)}.pinnedLinkBorder{border-left:2px solid var(--accent-color)!important}.pageLinkContainer{position:relative;padding:12px 16px;margin-bottom:10px;overflow:hidden;cursor:pointer;background:var(--glass-bg);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);border:1px solid var(--page-border-color);border-radius:6px;box-shadow:var(--glass-shadow);transition:all .3s cubic-bezier(.25,.8,.25,1)}@media (hover:hover){.pageLinkContainer:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover)}}.pageLinkContainer:hover{transform:var(--page-hover-transform)}.pageLinkContainer:hover .text-primary{color:hsl(var(--primary)/.9);font-weight:500}.pageLinkContainer:active{transform:translateY(0) scale(.98);box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.1)}.pageLinkContainer:not(.pinnedLinkBorder):after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--accent-color);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease;z-index:2}@media (hover:hover){.pageLinkContainer:not(.pinnedLinkBorder):hover:after{transform:scaleX(1);transform-origin:bottom left}}