.comic-nav-wrapper{z-index:100;width:100%;max-width:max-content;padding:0 1rem;position:fixed;top:2rem;left:50%;transform:translate(-50%)}.comic-nav-container{background-color:var(--nav-bg,#8b5cf6);border:3px solid var(--border-color,#000);border-radius:9999px;padding:6px;transition:background-color .3s;display:flex;position:relative}.comic-nav-items{z-index:2;gap:6px;display:flex;position:relative}.comic-nav-item{color:#000;font-family:var(--font-comic);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background-color:#fff;border:2px solid #000;border-radius:9999px;padding:6px 16px;font-size:1.2rem;font-style:normal;font-weight:400;line-height:1.2;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:2px 2px #000}.comic-nav-item:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #000}.comic-nav-item:active{transform:translate(2px,2px);box-shadow:0 0 #000}.comic-nav-item.is-active{background-color:var(--color-comic-yellow,gold)}.comic-nav-cutout{background-color:var(--background,#fdfbf7);z-index:3;border:3px solid #000;border-bottom:none;border-top-left-radius:20px;border-top-right-radius:20px;width:20px;height:10px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:-3px;left:0}@media (max-width:768px){.comic-nav-items{gap:4px}.comic-nav-item{padding:6px 12px;font-size:1rem}}