.v2-navigation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.v2-navigation-card{border:1px solid var(--border);background:var(--card);min-width:0;min-height:232px;color:var(--foreground);border-radius:12px;flex-direction:column;padding:28px;text-decoration:none;transition:background-color .5s cubic-bezier(.2,.7,.2,1),border-color .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;overflow:hidden}.v2-navigation-icon{width:25px;height:25px;color:var(--muted-foreground);transform-origin:50% 65%;flex-shrink:0;margin-bottom:38px;display:block;position:relative}.v2-navigation-icon svg{width:100%;height:100%;transition:opacity .42s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.v2-navigation-icon-color,.v2-navigation-card:focus-visible .v2-navigation-icon-base{opacity:0}.v2-navigation-card:focus-visible .v2-navigation-icon-color{opacity:1}.v2-navigation-card:focus-visible .v2-navigation-icon{animation:.7s cubic-bezier(.2,.7,.2,1) both navigation-icon-greet}@keyframes navigation-icon-greet{0%,to{transform:translateY(0)rotate(0)}40%{transform:translateY(-2px)rotate(-4deg)}70%{transform:translateY(-1px)rotate(1deg)}}.v2-navigation-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.v2-navigation-title :is(h2,h3){font-family:var(--font-sans);letter-spacing:-.045em;margin:0;font-size:23px;font-weight:450;line-height:1.2}.v2-navigation-arrow{width:18px;height:18px;color:var(--muted-foreground);stroke-width:1.5px;flex-shrink:0;transition:transform .5s cubic-bezier(.2,.7,.2,1),color .45s}.v2-navigation-card p{max-width:35ch;color:var(--muted-foreground);margin:12px 28px 0 0;font-size:13px;line-height:1.65}.v2-navigation-card:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}@media (hover:hover){.v2-navigation-card:hover{background-color:color-mix(in srgb, var(--card) 88%, var(--surface));border-color:color-mix(in srgb, var(--border) 60%, var(--border-strong));box-shadow:0 6px 20px -14px #0000001f}.v2-navigation-card:hover .v2-navigation-icon-base{opacity:0}.v2-navigation-card:hover .v2-navigation-icon-color{opacity:1}.v2-navigation-card:hover .v2-navigation-icon{animation:.7s cubic-bezier(.2,.7,.2,1) both navigation-icon-greet}.v2-navigation-card:hover .v2-navigation-arrow{color:var(--foreground);transform:translate(2px,-2px)}}.v2-navigation-card:active{background-color:var(--surface)}@media (width<=1100px){.v2-navigation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.v2-navigation-grid{grid-template-columns:1fr;gap:12px}.v2-navigation-card{min-height:0;padding:22px 22px 22px 66px}.v2-navigation-card .v2-navigation-icon{width:22px;height:22px;margin:0;position:absolute;top:24px;left:22px}.v2-navigation-title :is(h2,h3){font-size:21px}.v2-navigation-card p{margin:8px 22px 0 0}}@media (prefers-reduced-motion:reduce){.v2-navigation-card,.v2-navigation-icon,.v2-navigation-icon svg,.v2-navigation-arrow{transition:none}.v2-navigation-card:is(:hover,:focus-visible) .v2-navigation-icon{animation:none;transform:none}.v2-navigation-card:hover,.v2-navigation-card:hover .v2-navigation-arrow{transform:none}}.settings-navigation-card .v2-navigation-icon-color{opacity:1}.settings-navigation-card .v2-navigation-icon-base{opacity:0}
