.demo-page[data-v-74a3a95b]{background:#fff;color:#111f2c;overflow-x:hidden;width:100%}.demo-main[data-v-74a3a95b]{background:linear-gradient(180deg,#fff,#f5f8fc 52%,#fff);padding:0 0 72px}.demo-overview[data-v-74a3a95b]{margin:0 auto;width:min(1200px,calc(100% - 32px))}.demo-layout[data-v-74a3a95b]{align-items:start;display:grid;gap:28px;grid-template-columns:296px minmax(0,1fr)}.demo-tabs[data-v-74a3a95b]{background:#f4f8fd;border-radius:8px;box-shadow:0 10px 30px #111f2c0f;display:grid;gap:10px;padding:14px;position:sticky;top:92px}.demo-tab[data-v-74a3a95b]{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:#111f2c;cursor:pointer;display:flex;gap:12px;min-height:58px;padding:8px 12px;text-align:left;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;width:100%}.demo-tab[data-v-74a3a95b]:focus{border-color:#005be8;box-shadow:0 0 0 2px #005be824;outline:none}.demo-tab[data-v-74a3a95b]:focus-visible{border-color:#005be8;box-shadow:0 0 0 2px #005be824;outline:none}.demo-tab.is-active[data-v-74a3a95b],.demo-tab[data-v-74a3a95b]:hover{background:#fff;border-color:#005be8;box-shadow:0 8px 18px #005be814;color:#005be8}.demo-tab.is-active[data-v-74a3a95b]:focus-visible{box-shadow:0 8px 18px #005be814,0 0 0 2px #005be824}.demo-tab-icon[data-v-74a3a95b]{align-items:center;display:flex;flex:0 0 24px;height:24px;justify-content:center;width:24px}.demo-tab-icon svg[data-v-74a3a95b]{fill:none;height:22px;stroke:#7f9fce;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;transition:stroke .2s ease;width:22px}.demo-tab.is-active .demo-tab-icon svg[data-v-74a3a95b],.demo-tab:hover .demo-tab-icon svg[data-v-74a3a95b]{stroke:#005be8}.demo-tab-text[data-v-74a3a95b]{font-size:15px;font-weight:600;line-height:22px;min-width:0}.demo-content[data-v-74a3a95b]{min-width:0}.demo-info-card[data-v-74a3a95b],.demo-screen-card[data-v-74a3a95b]{background:#fff;border:1px solid rgba(17,31,44,.08);border-radius:8px;box-shadow:0 12px 34px #111f2c14}.demo-screen-card[data-v-74a3a95b]{padding:24px}.demo-screen-head[data-v-74a3a95b]{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:20px}.demo-screen-kicker[data-v-74a3a95b]{color:#005be8;display:block;font-size:13px;font-weight:600;line-height:18px;margin-bottom:6px}.info-label[data-v-74a3a95b]{color:#005be8;display:block;font-size:18px;font-weight:700;line-height:26px;margin-bottom:10px}.demo-screen-title[data-v-74a3a95b]{color:#111f2c;font-size:26px;font-weight:700;line-height:34px;margin:0}.demo-entry-link[data-v-74a3a95b]{align-items:center;background:#005be8;border-radius:4px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:15px;font-weight:600;height:42px;justify-content:center;line-height:42px;min-width:116px;padding:0 20px;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.demo-entry-link[data-v-74a3a95b]:hover{background:#004fd0;color:#fff;text-decoration:none;transform:translateY(-1px)}.demo-screen[data-v-74a3a95b]{align-items:center;aspect-ratio:16/9;background:#f3f6fa;border:1px solid rgba(17,31,44,.08);border-radius:6px;display:flex;justify-content:center;overflow:hidden;width:100%}.demo-screen[data-v-74a3a95b] img,.demo-screen[data-v-74a3a95b] picture{height:100%;width:100%}.demo-screen[data-v-74a3a95b] img{-o-object-fit:contain;object-fit:contain}.demo-thumbs[data-v-74a3a95b]{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.demo-thumb[data-v-74a3a95b]{aspect-ratio:16/9;background:#f3f6fa;border:2px solid transparent;border-radius:6px;cursor:pointer;overflow:hidden;padding:0;transition:border-color .2s ease,box-shadow .2s ease}.demo-thumb.is-active[data-v-74a3a95b]{border-color:#005be8;box-shadow:0 8px 18px #005be829}.demo-thumb[data-v-74a3a95b] img,.demo-thumb[data-v-74a3a95b] picture{height:100%;width:100%}.demo-thumb[data-v-74a3a95b] img{-o-object-fit:cover;object-fit:cover}.demo-info-grid[data-v-74a3a95b]{display:grid;gap:18px;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);margin-top:18px}.demo-info-card[data-v-74a3a95b]{padding:22px 24px}.demo-info-card p[data-v-74a3a95b]{color:#111f2cb8;font-size:16px;line-height:28px;margin:0}.demo-info-card strong[data-v-74a3a95b]{color:#111f2c;font-weight:700}.demo-info-card p+p[data-v-74a3a95b]{margin-top:8px}.demo-intro-card p[data-v-74a3a95b]{text-align:justify}.demo-faq[data-v-74a3a95b]{margin-top:24px}@media only screen and (min-width:768px)and (max-width:1199.98px){.demo-main[data-v-74a3a95b]{padding:0 0 56px}.demo-overview[data-v-74a3a95b]{margin-top:12px}.demo-layout[data-v-74a3a95b]{gap:12px;grid-template-columns:150px minmax(0,1fr)}.demo-tabs[data-v-74a3a95b]{gap:8px;grid-template-columns:1fr;padding:8px;position:sticky;top:76px}.demo-tab[data-v-74a3a95b]{gap:7px;min-height:46px;padding:7px 8px}.demo-tab-icon[data-v-74a3a95b]{flex-basis:18px;height:18px;width:18px}.demo-tab-icon svg[data-v-74a3a95b]{height:17px;width:17px}.demo-tab-text[data-v-74a3a95b]{font-size:12px;line-height:18px}.demo-screen-card[data-v-74a3a95b]{padding:16px}.demo-screen-head[data-v-74a3a95b]{gap:12px;margin-bottom:14px}.demo-screen-title[data-v-74a3a95b]{font-size:20px;line-height:28px}.demo-entry-link[data-v-74a3a95b]{font-size:14px;height:38px;line-height:38px;min-width:96px;padding:0 14px}.demo-thumbs[data-v-74a3a95b]{gap:8px;margin-top:10px}.demo-info-grid[data-v-74a3a95b]{gap:8px;grid-template-columns:minmax(0,1fr) 168px;margin-top:14px}.demo-info-card[data-v-74a3a95b]{padding:14px 12px}.info-label[data-v-74a3a95b]{font-size:14px;line-height:20px;margin-bottom:6px}.demo-info-card p[data-v-74a3a95b]{font-size:11px;line-height:20px}.demo-faq[data-v-74a3a95b]{margin-top:20px}}@media only screen and (min-width:768px)and (max-width:1023.98px){.demo-layout[data-v-74a3a95b]{gap:12px;grid-template-columns:150px minmax(0,1fr)}.demo-tabs[data-v-74a3a95b]{padding:8px}.demo-tab[data-v-74a3a95b]{gap:7px;min-height:46px;padding:7px 8px}.demo-tab-icon[data-v-74a3a95b]{flex-basis:18px;height:18px;width:18px}.demo-tab-icon svg[data-v-74a3a95b]{height:17px;width:17px}.demo-tab-text[data-v-74a3a95b]{font-size:12px;line-height:18px}.demo-info-grid[data-v-74a3a95b]{gap:8px;grid-template-columns:minmax(0,1fr) 168px}.demo-info-card[data-v-74a3a95b]{padding:14px 12px}.demo-intro-card[data-v-74a3a95b]{padding-left:16px;padding-right:16px}.info-label[data-v-74a3a95b]{font-size:14px;line-height:20px;margin-bottom:6px}.demo-info-card p[data-v-74a3a95b]{font-size:11px;line-height:20px}.demo-info-card p+p[data-v-74a3a95b]{margin-top:4px}}@media only screen and (min-width:900px)and (max-width:1023.98px){.demo-info-grid[data-v-74a3a95b]{grid-template-columns:minmax(0,1fr) 168px}}@media only screen and (min-width:1024px)and (max-width:1199.98px){.demo-info-grid[data-v-74a3a95b]{gap:8px;grid-template-columns:minmax(0,1fr) 168px}.demo-info-card[data-v-74a3a95b]{padding:14px 12px}.info-label[data-v-74a3a95b]{font-size:14px;line-height:20px;margin-bottom:6px}.demo-info-card p[data-v-74a3a95b]{font-size:11px;line-height:20px}}@media only screen and (max-width:767px){.demo-main[data-v-74a3a95b]{padding:0 0 44px}.demo-overview[data-v-74a3a95b]{box-sizing:border-box;padding:0 14px;width:100%}.demo-layout[data-v-74a3a95b]{display:block}.demo-tabs[data-v-74a3a95b]{background:transparent;border-radius:0;box-shadow:none;display:flex;gap:10px;margin:0 -14px 8px;overflow-x:auto;padding:0 14px 6px;position:static;scrollbar-width:none}.demo-tabs[data-v-74a3a95b]::-webkit-scrollbar{display:none}.demo-tab[data-v-74a3a95b]{background:#f4f8fd;min-height:54px;min-width:178px;padding:8px 10px;width:178px}.demo-tab-text[data-v-74a3a95b]{font-size:14px;line-height:20px}.demo-screen-card[data-v-74a3a95b]{padding:14px}.demo-screen-head[data-v-74a3a95b]{display:block;margin-bottom:10px}.demo-screen-title[data-v-74a3a95b]{font-size:22px;line-height:30px}.demo-entry-link[data-v-74a3a95b]{height:40px;line-height:40px;margin-top:10px;width:100%}.demo-screen[data-v-74a3a95b]{aspect-ratio:4/3}.demo-thumbs[data-v-74a3a95b]{gap:8px;margin-top:8px}.demo-info-grid[data-v-74a3a95b]{gap:14px;grid-template-columns:1fr;margin-top:14px}.demo-info-card[data-v-74a3a95b]{padding:18px}.demo-info-card p[data-v-74a3a95b]{font-size:15px;line-height:26px}.demo-faq[data-v-74a3a95b]{margin-top:14px}}