.appmock .tts{display:flex;justify-content:center;gap:6px;margin:0 auto 18px;flex-wrap:wrap}.appmock .tt{display:inline-flex;align-items:center;gap:7px;font-family:var(--disp);font-size:13.5px;font-weight:500;color:#4E5A7E;background:rgba(255,255,255,.8);border:1px solid rgba(96,116,180,.25);border-radius:999px;padding:7px 14px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.appmock .tt svg{display:block}.appmock .tt:hover{color:var(--ink);border-color:rgba(51,107,201,.5)}.appmock .tt.on{background:#09090B;border-color:#09090B;color:#fff}@media (min-width:761px) and (max-width:960px){.appmock .tts{max-width:520px}}.appmock .tcap{display:grid;max-width:760px;margin:0 auto 22px;text-align:center}.appmock .tcap-i{grid-area:1/1;font-family:var(--disp);font-size:16px;line-height:1.6;color:var(--text-mid);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}.appmock .tcap-i.on{opacity:1;visibility:visible;transition:opacity .35s ease,visibility 0s}@media (prefers-reduced-motion:reduce){.appmock .tcap-i{transition:none}}@media (max-width:760px){.appmock .tts{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.appmock .tt{flex:none;font-size:12.5px;padding:6px 12px}.appmock .tcap{text-align:left;margin:2px 0 16px}.appmock .tcap-i{font-size:15px}}