.breadcrumbs{&[data-v-a8725cf9]{font-size:16px;line-height:22px;padding:18px 0 12px}a[data-v-a8725cf9]{color:var(--c-turqouise)}}@media screen and (max-width:768px){.breadcrumbs[data-v-a8725cf9]{display:none}}.usage-block{display:grid;gap:24px}.usage-header{margin-bottom:18px}.usage-kicker{color:#199ba4;font-size:12px;font-weight:700;letter-spacing:.12em;margin:0 0 6px;text-transform:uppercase}.usage-header h3{color:#14212b;font-family:Montserrat,sans-serif;font-size:28px;line-height:1.15;margin:0}.usage-note{color:#61707a;font-size:15px;line-height:1.65;margin:12px 0 0;max-width:760px}.before-after-list{display:grid;gap:var(--id-space-10);list-style:none;margin:0;padding:0}.before-after-pair{align-items:center;display:grid;gap:var(--id-space-4);grid-template-columns:.7fr auto 1fr}.ba-side{color:inherit;display:flex;flex-direction:column;gap:var(--id-space-2);text-decoration:none}.ba-side__label{align-items:center;display:inline-flex;font-family:var(--id-font-display);font-size:var(--id-text-xs);font-weight:var(--id-weight-bold);gap:6px;letter-spacing:var(--id-tracking-kicker);text-transform:uppercase}.ba-side--before .ba-side__label{color:var(--id-color-error-500,#dc3545)}.ba-side__label--after{color:var(--id-color-orange-700)}.ba-side__label-icon{flex-shrink:0;height:12px;width:12px}.ba-side__frame{align-items:center;aspect-ratio:16/9;background:var(--id-color-surface-strong);border:1px solid var(--id-border-default);border-radius:var(--id-radius-md);box-shadow:var(--id-elev-1);display:flex;justify-content:center;overflow:hidden;padding:var(--id-space-3);transition:transform var(--id-motion-fast) var(--id-motion-ease),box-shadow var(--id-motion-fast) var(--id-motion-ease)}.ba-side--before .ba-side__frame{filter:saturate(.7);opacity:.7}.ba-side__frame--after{border-color:var(--id-color-orange-200);box-shadow:0 12px 28px #f898381f,var(--id-elev-1)}.ba-side--after:hover .ba-side__frame--after{border-color:var(--id-color-orange-400);box-shadow:0 18px 36px #f898382e,var(--id-elev-3);transform:translateY(-2px)}.ba-side__img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.ba-arrow{align-items:center;color:var(--id-color-orange-500);display:flex;justify-content:center}.ba-arrow svg{height:40px;width:40px}@media(max-width:700px){.before-after-pair{gap:var(--id-space-3);grid-template-columns:1fr}.ba-arrow{transform:rotate(90deg)}.ba-arrow svg{height:28px;width:28px}}.usage-grid{align-items:start;display:grid;gap:16px;grid-template-columns:1.35fr 1fr}.usage-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;box-shadow:0 12px 24px #0f172a0d;display:flex;flex-direction:column;overflow:hidden}.usage-card-media{align-items:center;aspect-ratio:16/9;background:linear-gradient(180deg,#f8f5ecb8,#fffffffa);display:flex;justify-content:center;min-height:0;padding:12px}.usage-card-media img{border-radius:14px;box-shadow:0 12px 24px #0f172a24;display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.usage-card-copy{align-items:flex-start;display:flex;padding:12px 16px 16px}.usage-card-label{color:#14212b;font-size:14px;font-weight:600;line-height:1.4;margin:0}.usage-card-1 .usage-card-media{padding-top:14px}.usage-card-1 .usage-card-label{font-size:15px}.usage-card-1{grid-row:span 2}.usage-card-1 .usage-card-copy{padding-top:14px}@media(max-width:900px){.usage-grid{grid-template-columns:1fr}.usage-card-1{grid-row:auto}.usage-header h3{font-size:24px}}.tab-video .video-wrapper{margin-bottom:30px}.diagram-title h1{color:var(--home-text-primary,#14212b);font-family:Lato,sans-serif;font-size:26px;font-weight:600;line-height:1.2;margin:0}#tooltip-value-description .tooltip-arrow{bottom:0}.compatible-list{margin:5px 0 24px}.compatible-item{background-color:#fff;border-radius:10px;color:#b1b1b1;font-size:14px;height:41px;padding-left:6px;width:116px}.compatible-item.col-1{width:132px}.compatible-item.keynote{padding-left:11px}.compatible-item.keynote svg{margin-right:16px}.compatible-item svg{margin-right:4px}.d-inline{display:inline}.small{border-top:2px solid #c8c8c8;font-size:14px;line-height:20px;padding-top:12px}.small svg{margin-left:4px}@media(min-width:1400px){.d-xxl-flex{display:flex!important}.d-xxl-none{display:none!important}}@media(max-width:1400px){.d-xxl-flex{display:none!important}.d-xxl-inline{display:inline}}