.v5{--forest:#0f2a21;--lime:#a8e52e;--color-ink:#121715;--color-card:#f6f6f3}.v5 .btn{isolation:isolate;letter-spacing:-.005em;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;height:40px;transition:background-color .15s ease, transform .16s var(--ease-out);border-radius:10px;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;line-height:1;display:inline-flex;position:relative;overflow:hidden}.v5 .btn:before{content:"";z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(135deg, var(--hatch) 0 1px, transparent 1px 4px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 160% at 92% 0,#000,#0000 78%);mask-image:radial-gradient(120% 160% at 92% 0,#000,#0000 78%)}.v5 .btn:active{transform:scale(.97)}.v5 .btn:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.v5 .btn-sm{border-radius:9px;gap:4px;height:34px;padding:0 12px;font-size:13px}.v5 .btn-main{--hatch:#a8e52e52;color:#fff;background-color:var(--forest);background-image:linear-gradient(#ffffff17,#fff0);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #00000040,0 0 0 1px #0b2019,0 1px 1px #0f2a214d,0 4px 12px -2px #0f2a2159}.v5 .btn-main .btn-arrow{color:var(--lime);margin-inline-end:-4px}.v5 .btn-quiet{--hatch:#0f2a211a;color:var(--color-ink);background-color:#fff;background-image:linear-gradient(#0f2a2100,#0f2a2106);box-shadow:0 0 0 .5px #0f2a2129,inset 0 -1px #0f2a210a,0 1px 2px #0f2a210f,0 4px 10px -4px #0f2a211f}.v5 .btn-quiet .btn-arrow{opacity:.6;margin-inline-end:-4px}@media (hover:hover) and (pointer:fine){.v5 .btn-main:hover{background-color:#173d30}.v5 .btn-quiet:hover{background-color:#f8f8f5}}@media (prefers-reduced-motion:reduce){.v5 .btn:active{transform:none}}.v5 .code .tok-str{color:#3f7a2a}.v5 .code .tok-tag{color:#5f8f14}