.cc-nav{z-index:40;padding-bottom:env(safe-area-inset-bottom,0px);background-color:var(--cc-ticket);background-image:var(--cc-fibre), var(--cc-grain);color:var(--cc-ink);filter:drop-shadow(0 -4px 10px #030e1073);position:fixed;bottom:0;left:0;right:0}.cc-nav:before{content:"";background:inherit;height:9px;-webkit-mask-image:var(--cc-torn);-webkit-mask-image:var(--cc-torn);mask-image:var(--cc-torn);position:absolute;top:-8px;left:0;right:0;-webkit-mask-size:200px 9px;mask-size:200px 9px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.cc-nav-list{max-width:34rem;margin:0 auto;padding:0 4px;list-style:none;display:flex}.cc-nav-cell{flex:1 1 0;min-width:0}.cc-nav-tab{min-height:60px;color:var(--cc-ink-soft);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 2px 8px;font-size:12px;font-weight:650;line-height:1.15;text-decoration:none;display:flex}.cc-nav-tab:focus-visible{outline:3px solid var(--cc-focus);outline-offset:-3px;border-radius:8px}.cc-nav-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.cc-nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.cc-nav-on{color:var(--cc-vermilion)}.cc-nav-on .cc-nav-label{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.cc-nav-spacer{height:calc(76px + env(safe-area-inset-bottom,0px));flex:none}