:where(.mk) .tt-directory{-moz-column-gap:120px;grid-template-columns:216px minmax(0,1fr);align-items:start;column-gap:120px;display:grid}:where(.mk) .tt-offset{padding-left:336px}@media (max-width:1119.98px){:where(.mk) .tt-directory{grid-template-columns:minmax(0,1fr)}:where(.mk) .tt-offset{padding-left:0}:where(.mk) .tt-rail{display:none}}:where(.mk) .tt-rail{top:calc(var(--vb-header-height) + 24px);position:sticky}:where(.mk) .tt-tile{color:inherit;text-decoration:none;display:block}:where(.mk) .tt-tile__media{aspect-ratio:304/170;border-radius:var(--vb-radius-md);border:1px solid var(--vb-border-field);background:var(--vb-bg-subtle);transition:transform .3s var(--vb-ease-expo), box-shadow .3s var(--vb-ease-expo), background-color .3s;position:relative;overflow:hidden}:where(.mk) :is(.tt-tile:hover .tt-tile__media,.tt-tile:focus-visible .tt-tile__media){background:var(--vb-bg-muted);transform:translateY(-2px);box-shadow:0 12px 32px #1414131a}:where(.mk) .tt-tile:focus-visible{outline:none}:where(.mk) :is(.tt-tile:focus-visible .tt-tile__media){outline:2px solid var(--vb-text-primary);outline-offset:3px}:where(.mk) .tt-tile__still{aspect-ratio:16/10;will-change:transform;width:100%;height:auto;position:absolute;inset:0 0 auto}:where(.mk) :is(.tt-tile__still img){-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}@keyframes tt-tile-scroll{0%,8%{transform:translateY(0)}62%,72%{transform:translateY(-10.5%)}to{transform:translateY(0)}}:where(.mk) :is(.tt-tile:hover .tt-tile__still,.tt-tile:focus-visible .tt-tile__still){animation:5s cubic-bezier(.45,0,.55,1) infinite tt-tile-scroll}:where(.mk) .tt-tile__phone{aspect-ratio:585/1266;width:30%;box-shadow:0 0 0 4px var(--vb-text-primary), 0 12px 32px #14141329;transition:transform .6s var(--vb-ease-expo);border-radius:14px;position:absolute;top:14px;left:50%;overflow:hidden;transform:translate(-50%)}:where(.mk) :is(.tt-tile:hover .tt-tile__phone){transform:translate(-50%)translateY(-24%)}:where(.mk) .tt-tile__tag{border-radius:var(--vb-radius-full);height:22px;color:var(--vb-text-primary);background:#ffffffe6;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex;position:absolute;top:8px;right:8px}:where(.mk) .tt-tile__title{color:var(--vb-text-primary);margin-top:16px;font-size:17px;line-height:27.2px}:where(.mk) .tt-tile__blurb{color:var(--vb-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:24px;overflow:hidden}:where(.mk) .tt-grid{-moz-column-gap:32px;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;display:grid}@media (max-width:1119.98px){:where(.mk) .tt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639.98px){:where(.mk) .tt-grid{grid-template-columns:minmax(0,1fr);row-gap:32px}}:where(.mk) .tt-check{appearance:none;border:1px solid var(--vb-border-default);background:var(--vb-bg-surface);cursor:pointer;border-radius:3px;flex-shrink:0;place-content:center;width:14px;height:14px;margin:0;display:grid}:where(.mk) .tt-check:checked{background:var(--vb-text-primary);border-color:var(--vb-text-primary)}:where(.mk) .tt-check:checked:after{content:"";border:solid var(--vb-text-inverse);border-width:0 0 1.5px 1.5px;width:8px;height:5px;transform:translateY(-1px)rotate(-45deg)}:where(.mk) .tt-check:focus-visible{outline:2px solid var(--vb-text-primary);outline-offset:2px}:where(.mk) .tt-check:disabled{opacity:.4;cursor:not-allowed}:where(.mk) .tt-collapse{grid-template-rows:1fr;transition:grid-template-rows .4s cubic-bezier(.165,.84,.44,1),opacity .4s cubic-bezier(.165,.84,.44,1);display:grid}:where(.mk) .tt-collapse[data-open=false]{opacity:0;grid-template-rows:0fr}:where(.mk) :is(.tt-collapse>div){overflow:hidden}:where(.mk) .tt-chevron{transition:transform .25s cubic-bezier(.165,.84,.44,1)}:where(.mk) :is([aria-expanded=false] .tt-chevron){transform:rotate(180deg)}:where(.mk) .tt-search{border:1px solid var(--vb-border-field);border-radius:var(--vb-radius-md);background:var(--vb-bg-surface);align-items:center;width:300px;max-width:100%;height:50px;transition:border-color .3s;display:flex;position:relative}:where(.mk) .tt-search:focus-within{border-color:var(--vb-border-field-focus)}:where(.mk) :is(.tt-search input){width:100%;height:100%;font:400 15px/20px var(--vb-font-sans);color:var(--vb-text-primary);background:0 0;border:0;outline:none;padding:0 40px 0 42px}:where(.mk) :is(.tt-search input)::-moz-placeholder{color:var(--vb-text-muted)}:where(.mk) :is(.tt-search input)::placeholder{color:var(--vb-text-muted)}:where(.mk) :is(.tt-search input)::-webkit-search-cancel-button{display:none}:where(.mk) .tt-floatbar{left:var(--vb-gutter);right:var(--vb-gutter);z-index:50;transition:opacity .3s var(--vb-ease-expo), transform .3s var(--vb-ease-expo);gap:8px;display:none;position:fixed;bottom:16px}@media (max-width:1119.98px){:where(.mk) .tt-floatbar{display:flex}}:where(.mk) .tt-floatbar[data-show=false]{opacity:0;pointer-events:none;transform:translateY(24px)}:where(.mk) :is(.tt-floatbar .tt-search){flex:1;width:auto;box-shadow:0 4px 16px #00000014}:where(.mk) .tt-sheet{z-index:75;background:var(--vb-bg-page);flex-direction:column;display:flex;position:fixed;inset:0}:where(.mk) .tt-sheet[hidden]{display:none}:where(.mk) .tt-panel{border-radius:var(--vb-radius-xl);border:1px solid var(--vb-border-field);background:var(--vb-bg-surface)}:where(.mk) .tt-panel--dashed{background:var(--vb-bg-subtle);border:1px dashed #c2c0b6;transition:border-color .2s,background-color .2s}:where(.mk) .tt-panel--drag{border-style:solid;border-color:var(--vb-text-primary);background:var(--vb-bg-muted)}:where(.mk) .tt-chip{border:1px solid var(--vb-border-field);border-radius:var(--vb-radius-sm);background:var(--vb-bg-surface);height:30px;color:var(--vb-text-primary);align-items:center;padding:0 12px;font-size:13px;line-height:1;display:inline-flex}:where(.mk) .tt-tag{background:var(--vb-bg-muted);height:22px;color:var(--vb-text-body);border-radius:6px;align-items:center;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}:where(.mk) .tt-tag--accent{background:var(--vb-bg-accent-subtle);color:#9a5238}:where(.mk) .tt-pill{border-radius:var(--vb-radius-full);border:1px solid var(--vb-border-hairline);background:var(--vb-bg-surface);height:36px;font:400 14px/20px var(--vb-font-sans);color:var(--vb-text-primary);cursor:pointer;white-space:nowrap;align-items:center;padding:0 14px;transition:background-color .15s,color .15s;display:inline-flex}:where(.mk) .tt-pill:hover{background:var(--vb-bg-muted)}:where(.mk) :is(.tt-pill[aria-selected=true],.tt-pill[aria-pressed=true]){background:var(--vb-text-primary);border-color:var(--vb-text-primary);color:var(--vb-text-inverse)}:where(.mk) .tt-seg{border-radius:var(--vb-radius-md);background:var(--vb-bg-muted);gap:2px;padding:4px;display:inline-flex}:where(.mk) :is(.tt-seg button){border-radius:var(--vb-radius-sm);height:32px;font:400 13px/16px var(--vb-font-sans);color:var(--vb-text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 12px;display:inline-flex}:where(.mk) :is(.tt-seg button[aria-pressed=true],.tt-seg button[aria-selected=true]){background:var(--vb-bg-surface);color:var(--vb-text-primary);box-shadow:0 1px 2px #0000000f}:where(.mk) .tt-verdict{white-space:nowrap;border-radius:6px;align-items:center;height:22px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}:where(.mk) :is(.tt-verdict--free-web,.tt-verdict--free-native){color:#2f6b3a;background:#2f6b3a1a}:where(.mk) :is(.tt-verdict--pro-web,.tt-verdict--pro-native){color:#9a5238;background:#cc785c24}:where(.mk) .tt-verdict--via-integration{color:var(--vb-text-body);background:#1f1f1e0f}:where(.mk) .tt-verdict--unsupported{color:#8a3a32;background:#a03c3217}:where(.mk) .tt-error{color:#b42318}@keyframes tt-fade{0%{opacity:0}to{opacity:1}}:where(.mk) .tt-fade{animation:.15s tt-fade}@keyframes tt-spin{to{transform:rotate(360deg)}}:where(.mk) .tt-spin{animation:.9s linear infinite tt-spin}:where(.mk) .tt-usebar{z-index:50;width:min(720px, calc(100% - 2 * var(--vb-gutter)));transition:opacity .3s var(--vb-ease-expo), transform .3s var(--vb-ease-expo);position:fixed;bottom:24px;left:50%;transform:translate(-50%)}:where(.mk) .tt-usebar[data-show=false]{opacity:0;pointer-events:none;transform:translate(-50%,24px)}:where(.mk) .tt-bezel{border-radius:var(--vb-radius-2xl);background:var(--vb-bg-muted);padding:24px}@media (max-width:767.98px){:where(.mk) .tt-bezel{border-radius:var(--vb-radius-xl);padding:12px}}:where(.mk) .tt-scrollx{scrollbar-width:none;overflow-x:auto}:where(.mk) .tt-scrollx::-webkit-scrollbar{display:none}:where(.mk) .tt-detail{grid-template-columns:216px 120px minmax(0,640px) minmax(0,1fr) 216px;align-items:start;display:grid}:where(.mk) .tt-detail__left{grid-column:1}:where(.mk) .tt-detail__main{grid-column:3}:where(.mk) .tt-detail__right{grid-column:5}:where(.mk) .tt-detail__left.tt-sticky{top:calc(var(--vb-header-height) + 32px);position:sticky}@media (max-width:1119.98px){:where(.mk) .tt-detail{grid-template-columns:minmax(0,1fr);row-gap:40px}:where(.mk) :is(.tt-detail__left,.tt-detail__main,.tt-detail__right){grid-column:1}:where(.mk) .tt-detail__left.tt-sticky{position:static}:where(.mk) .tt-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}}:where(.mk) .tt-tool{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,719px) minmax(0,1fr) 512px;align-items:start;display:grid}:where(.mk) .tt-tool__intro{grid-area:1/1}:where(.mk) .tt-tool__explain{grid-area:2/1}:where(.mk) .tt-tool__panel{top:calc(var(--vb-header-height) + 24px);grid-area:1/3/span 2;position:sticky}@media (max-width:1119.98px){:where(.mk) .tt-tool{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}:where(.mk) :is(.tt-tool__intro,.tt-tool__explain,.tt-tool__panel){grid-area:auto/1;position:static}:where(.mk) .tt-tool__intro{order:1}:where(.mk) .tt-tool__panel{order:2;margin-top:40px}:where(.mk) .tt-tool__explain{order:3;margin-top:40px}}@media (prefers-reduced-motion:reduce){:where(.mk) :is(.tt-tile:hover .tt-tile__still,.tt-tile:focus-visible .tt-tile__still){animation:none}:where(.mk) :is(.tt-tile__media,.tt-tile__phone,.tt-floatbar,.tt-usebar,.tt-collapse,.tt-chevron){transition:none}:where(.mk) :is(.tt-tile:hover .tt-tile__phone){transform:translate(-50%)}:where(.mk) .tt-fade{animation:none}}