@font-face{font-family:VN Plex Serif Fallback;font-style:normal;src:local(Georgia);size-adjust:108.8%;ascent-override:105.7%;descent-override:26.7%;line-gap-override:0%}@font-face{font-family:VN Plex Serif Fallback;font-style:italic;src:local(Georgia Italic),local(Georgia-Italic);size-adjust:95%;ascent-override:121.1%;descent-override:30.5%;line-gap-override:0%}@font-face{font-family:VN Onest Fallback Arial;font-weight:400;src:local(Arial);size-adjust:103.4%;ascent-override:93.8%;descent-override:30%;line-gap-override:0%}@font-face{font-family:VN Onest Fallback Roboto;font-weight:400;src:local(Roboto),local(Roboto-Regular);size-adjust:101.8%;ascent-override:95.2%;descent-override:30.4%;line-gap-override:0%}@font-face{font-family:VN Onest Fallback Segoe;font-weight:400;src:local(Segoe UI);size-adjust:104.7%;ascent-override:92.6%;descent-override:29.6%;line-gap-override:0%}@font-face{font-family:VN Onest Fallback Arial;font-weight:500;src:local(Arial);size-adjust:104.5%;ascent-override:92.8%;descent-override:29.7%;line-gap-override:0%}@font-face{font-family:VN Onest Fallback Roboto;font-weight:500;src:local(Roboto Medium),local(Roboto-Medium);size-adjust:102.5%;ascent-override:94.6%;descent-override:30.2%;line-gap-override:0%}@font-face{font-family:VN Onest Fallback Segoe;font-weight:500;src:local(Segoe UI);size-adjust:105.8%;ascent-override:91.6%;descent-override:29.3%;line-gap-override:0%}@font-face{font-family:VN Onest Fallback Arial;font-weight:600;src:local(Arial Bold),local(Arial-BoldMT);size-adjust:98.4%;ascent-override:98.5%;descent-override:31.5%;line-gap-override:0%}@font-face{font-family:VN Onest Fallback Roboto;font-weight:600;src:local(Roboto Medium),local(Roboto-Medium);size-adjust:103.6%;ascent-override:93.6%;descent-override:29.9%;line-gap-override:0%}@font-face{font-family:VN Onest Fallback Segoe;font-weight:600;src:local(Segoe UI Semibold),local(SegoeUI-Semibold);size-adjust:104.0%;ascent-override:93.2%;descent-override:29.8%;line-gap-override:0%}@font-face{font-family:VN Onest Fallback Arial;font-weight:700;src:local(Arial Bold),local(Arial-BoldMT);size-adjust:99.5%;ascent-override:97.4%;descent-override:31.1%;line-gap-override:0%}@font-face{font-family:VN Onest Fallback Roboto;font-weight:700;src:local(Roboto Bold),local(Roboto-Bold);size-adjust:104.4%;ascent-override:92.9%;descent-override:29.7%;line-gap-override:0%}@font-face{font-family:VN Onest Fallback Segoe;font-weight:700;src:local(Segoe UI Bold),local(SegoeUI-Bold);size-adjust:101%;ascent-override:96%;descent-override:30.7%;line-gap-override:0%}:root[data-ui=v2]{--font-onest:"Onest", "VN Onest Fallback Segoe", "VN Onest Fallback Roboto", "VN Onest Fallback Arial", system-ui, sans-serif;--font-serif-display:"IBM Plex Serif", "VN Plex Serif Fallback", Georgia, serif}@media (max-width:767px){[data-site=v2] .site-header .site-header-end{gap:6px}}:root[data-ui=v2]:has([data-site=v2]){scrollbar-gutter:stable}[data-site=v2]{background:var(--vn-surface);color:var(--vn-ink);min-height:100dvh}[data-site=v2] .site-header{z-index:40;border-bottom:1px solid var(--vn-line);background:var(--vn-surface);min-height:64px;position:sticky;top:0}[data-site=v2] .site-header-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;max-width:1200px;min-height:64px;margin:auto;padding-inline:24px;display:grid}[data-site=v2] .site-header-brand{grid-column:1;justify-self:start}[data-site=v2] .site-header-nav{grid-column:2}[data-site=v2] .site-header-end{grid-column:3;justify-self:end}[data-site=v2] .site-header-brand,[data-site=v2] .site-header-materials{white-space:nowrap;align-items:center;min-height:44px;display:inline-flex}[data-site=v2] .site-header-nav,[data-site=v2] .site-header-end{align-items:center;gap:24px;display:flex}[data-site=v2] .site-header-nav a,[data-site=v2] .site-header-materials,[data-site=v2] .site-header-account{color:var(--vn-muted);font-size:14px;font-weight:500}[data-site=v2] .site-header-nav a{align-items:center;min-height:44px;display:inline-flex}[data-site=v2] .site-header-nav a:hover,[data-site=v2] .site-header-nav a[aria-current],[data-site=v2] .site-header-materials:hover,[data-site=v2] .site-header-materials[aria-current],[data-site=v2] .site-header-account:hover{color:var(--vn-ink)}[data-site=v2] .site-header-nav a[aria-current]{-webkit-text-decoration:underline 2px var(--vn-accent);-webkit-text-decoration:underline 2px var(--vn-accent);-webkit-text-decoration:underline 2px var(--vn-accent);text-decoration:underline 2px var(--vn-accent);text-underline-offset:8px}[data-site=v2] .site-header-account{white-space:nowrap;width:72px;min-height:44px;animation:vnt-site-enter var(--vn-dur-fast) ease-out both;flex:none;justify-content:center;align-items:center;display:inline-flex}[data-site=v2] .site-header-account[data-state=checking]{visibility:hidden;animation:none}[data-site=v2] .site-header-avatar{background:var(--vn-accent-soft);width:32px;height:32px;color:var(--vn-accent-text);border-radius:999px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}[data-site=v2] .site-header-menu-toggle{justify-content:center;align-items:center;width:44px;height:44px;display:none}[data-site=v2] .site-header-slot{flex:0 8.625rem;justify-content:flex-end;align-items:center;display:flex}@media (min-width:768px){[data-site=v2] .site-header-slot{flex:0 10rem}}[data-site=v2] .site-header-balance-skeleton{border-radius:var(--vn-radius-pill);flex:none;width:64px;height:28px}[data-site=v2] .site-header-authed{align-items:center;gap:8px;display:flex}[data-site=v2] .site-header-tokens{border-radius:var(--vn-radius-md);min-height:44px;color:var(--vn-ink);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:0 8px;font-size:14px;font-weight:600;display:inline-flex}[data-site=v2] .site-header-tokens:hover{background:var(--vn-surface-sunken)}[data-site=v2] .site-header-nav-button{border:1px solid var(--vn-line-strong);border-radius:var(--vn-radius-md);min-height:40px;color:var(--vn-ink);white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}[data-site=v2] .site-header-nav-button:hover{color:var(--vn-ink);background:var(--vn-surface-sunken)}[data-site=v2] .site-header-nav-button[aria-current]{border-color:var(--vn-accent-line);color:var(--vn-accent-text);background:var(--vn-accent-soft)}[data-site=v2] .site-header-nav-button[aria-current]:hover{color:var(--vn-accent-text);background:var(--vn-accent-soft);cursor:default}[data-site=v2] .site-header-nav-icon{flex:none;display:none}@media (max-width:520px){[data-site=v2] .site-header-authed{gap:6px}[data-site=v2] .site-header-nav-button{width:44px;min-height:44px;padding:0}[data-site=v2] .site-header-nav-icon{display:block}[data-site=v2] .site-header-nav-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}[data-site=v2] .site-menu-line{transform-box:fill-box;transform-origin:50%}[data-site=v2] .site-menu-glyph[data-open=true] .site-menu-line--top{transform:translateY(6px)rotate(45deg)}[data-site=v2] .site-menu-glyph[data-open=true] .site-menu-line--mid{opacity:0}[data-site=v2] .site-menu-glyph[data-open=true] .site-menu-line--bottom{transform:translateY(-6px)rotate(-45deg)}[data-site=v2] .site-header:after{content:"";z-index:-1;pointer-events:none;opacity:0;box-shadow:var(--vn-shadow-float);position:absolute;inset:0}[data-site=v2] .site-header-mobile-nav{display:none}[data-site=v2] .site-stage{--site-stage-h:calc(100svh - 64px);--site-stage-pt:72px;--site-stage-pb:max(84px, 8vh);--site-stage-fit:400px;min-height:var(--site-stage-h);--site-stage-top:max(var(--site-stage-pt), calc(var(--site-stage-pt) + (var(--site-stage-h) - var(--site-stage-pt) - var(--site-stage-pb) - var(--site-stage-fit)) / 2));padding:var(--site-stage-top) 20px var(--site-stage-pb);background:radial-gradient(ellipse 62% 48% at 50% 0%, var(--vn-accent-soft), transparent 85%), var(--vn-surface);grid-template-columns:minmax(0,1fr);align-content:start;place-items:start center;display:grid}[data-site=v2] .site-stage--page{--site-stage-h:min(calc(100svh - 64px), 600px);--site-stage-pb:48px;--site-stage-fit:390px}[data-site=v2] .site-stage-inner{text-align:center;width:min(100%,900px);animation:vnt-site-enter .3s var(--vn-ease) both}[data-site=v2] .site-stage-title{font-family:var(--font-serif-display);letter-spacing:-.028em;font-size:clamp(2.5rem,5.2vw,4.6rem);font-weight:500;line-height:1.05}[data-site=v2] .site-stage-title em{color:var(--vn-accent-strong);font-weight:400}[data-site=v2] .site-stage-title .cover-h1-line{display:block}[data-site=v2] .site-stage-lead{color:var(--vn-muted);margin:18px auto 0;font-size:18px;line-height:28px}[data-site=v2] .site-stage-composer{text-align:left;width:100%;max-width:760px;margin:32px auto 0;scroll-margin-top:80px}[data-site=v2] .site-stage-facts{border:1px solid var(--vn-line);background:var(--vn-accent-soft);border-radius:12px;margin-top:12px;padding:14px;font-size:14px}[data-site=v2] .site-stage-fact-questions,[data-site=v2] .site-stage-fact-answers{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}[data-site=v2] .site-stage-fact-questions button,[data-site=v2] .site-stage-fact-answers span{border:1px solid var(--vn-line);background:var(--vn-surface);border-radius:12px;align-items:center;min-height:44px;padding:8px 12px;display:inline-flex}[data-site=v2] .site-stage-fact-answers button{min-width:44px;min-height:44px;margin:-8px -12px -8px 4px}[data-site=v2] .site-stage-facts input{border:1px solid var(--vn-line);background:var(--vn-surface);border-radius:12px;width:100%;min-height:44px;margin-top:10px;padding:8px 12px}[data-site=v2] .site-section{max-width:1168px;margin-inline:auto;padding:88px 24px}[data-site=v2] .site-section h2{font-family:var(--font-serif-display);font-size:clamp(28px,3vw,36px);font-weight:500;line-height:1.2}[data-site=v2] .site-guide{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}[data-site=v2] .site-guide a{min-height:28px;color:var(--vn-muted);font-size:14px;display:block}[data-site=v2] .site-guide a:hover{color:var(--vn-accent-strong)}[data-site=v2] .site-examples-heading{align-items:baseline;gap:16px;max-width:1200px;margin:64px auto 28px;padding-inline:24px;display:flex}[data-site=v2] .site-examples-title{font-family:var(--font-serif-display);font-size:clamp(36px,4vw,48px)}[data-site=v2] .site-examples-heading small{color:var(--vn-muted);font-size:14px}[data-site=v2] .site-footer-links{border-top:1px solid var(--vn-line);color:var(--vn-muted);flex-wrap:wrap;justify-content:center;gap:16px 24px;padding:24px;font-size:13px;display:flex}[data-site=v2] .site-examples-catalog{padding-bottom:32px}[data-site=v2] .site-examples-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;display:grid}[data-site=v2] .site-examples-links h3{margin-bottom:12px;font-weight:600}[data-site=v2] .site-examples-links a{color:var(--vn-muted);margin-bottom:8px;font-size:14px;display:block}[data-site=v2] .site-landing-body{gap:48px;max-width:1080px;margin:auto;padding:72px 24px;display:grid}[data-site=v2] .site-landing-body>section{min-width:0}[data-site=v2] .site-ad-footer{color:var(--vn-muted);justify-content:center;gap:24px;padding:12px 16px 20px;font-size:12px;display:flex}[data-site=v2] .site-tabs-switch{background:var(--vn-mist);border-radius:12px;gap:4px;padding:4px;display:inline-flex}[data-site=v2] .site-tabs-switch button{min-width:100px;min-height:44px;color:var(--vn-muted);border-radius:9px;padding:0 16px}[data-site=v2] .site-tabs[data-active=examples] .site-tabs-switch button[data-tab=examples],[data-site=v2] .site-tabs[data-active=themes] .site-tabs-switch button[data-tab=themes]{background:var(--vn-surface);color:var(--vn-ink);box-shadow:var(--vn-shadow-card)}[data-site=v2] .site-tabs-content{margin-top:24px}[data-ui=v2] .site-loading-v2{display:block}[data-ui=v2] .site-loading-legacy,[data-site=v2] .site-tabs[data-active=examples] [data-site-tab=themes],[data-site=v2] .site-tabs[data-active=themes] [data-site-tab=examples]{display:none}[data-site=v2].site-frame{flex-direction:column;display:flex}[data-site=v2] .site-frame-main{flex:1 0 auto}[data-site=v2] .site-stage--entry{min-height:0;padding:48px 20px 16px}[data-site=v2] .site-stage--entry .site-stage-inner{width:min(100%,860px)}[data-site=v2] .site-entry-crumbs{justify-content:center;min-width:0;margin-bottom:20px;display:flex}[data-site=v2] .site-entry-hints{color:var(--vn-muted);font-size:var(--vn-text-sm);line-height:var(--vn-leading-sm);text-align:left;margin-top:12px;padding-inline:4px}[data-site=v2] .site-entry-hints ul{margin-top:4px;padding-left:18px;list-style:outside}[data-site=v2] .site-entry-hints li+li{margin-top:2px}[data-site=v2] .site-entry-crumbs nav{min-width:0;max-width:100%}[data-site=v2] .site-entry-crumbs nav>ol{color:var(--vn-muted);font-size:var(--vn-text-sm);line-height:var(--vn-leading-sm);flex-wrap:nowrap;justify-content:center}[data-site=v2] .site-entry-crumbs nav>ol>li{flex:none;min-width:0}[data-site=v2] .site-entry-crumbs nav>ol>li:last-child{flex:0 auto;overflow:hidden}[data-site=v2] .site-entry-crumbs nav>ol>li:last-child>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}[data-site=v2] .site-entry-crumbs a{min-height:44px;color:var(--vn-muted);align-items:center;margin-block:-13px;display:inline-flex}[data-site=v2] .site-entry-crumbs a:hover{color:var(--vn-ink)}[data-site=v2] nav[aria-label=Содержание] ol{gap:0}[data-site=v2] nav[aria-label=Содержание] li>a{align-items:center;min-height:44px;display:flex}[data-site=v2] .site-entry-title{letter-spacing:-.024em;text-wrap:balance;font-size:clamp(2.125rem,3.8vw,3.25rem);line-height:1.1}[data-site=v2] .site-stage--entry .site-stage-lead{text-wrap:pretty;max-width:640px}[data-site=v2] .site-stage--entry .site-stage-composer{margin-top:28px}[data-site=v2] .site-stage--seo-landing{--site-stage-pt:36px;--site-stage-pb:64px;--site-stage-fit:520px;min-height:var(--site-stage-h);padding:var(--site-stage-top) 20px var(--site-stage-pb);overflow:hidden}[data-site=v2] .site-stage--seo-landing .site-stage-inner{width:min(100%,1040px)}[data-site=v2] .site-stage--seo-landing .site-entry-crumbs{margin-bottom:18px}[data-site=v2] .site-seo-scene{isolation:isolate;width:min(100%,960px);margin:36px auto 0;padding:28px 78px 40px;position:relative}[data-site=v2] .site-seo-scene:before{content:"";z-index:-2;background:radial-gradient(ellipse, var(--vn-accent-soft), transparent 70%);filter:blur(20px);border-radius:50%;position:absolute;inset:5% 12%}[data-site=v2] .site-seo-art{z-index:-1;pointer-events:none;position:absolute;inset:0}[data-site=v2] .site-seo-sheet{border:1px solid var(--vn-line);background:linear-gradient(155deg, var(--vn-surface) 10%, var(--vn-accent-soft));border-radius:20px;width:29%;height:88%;position:absolute;top:4%;box-shadow:0 20px 60px #1731541f}[data-site=v2] .site-seo-sheet:before{content:"";background:var(--vn-accent-strong);opacity:.45;border-radius:10px;width:60%;height:10px;margin:28% 20% 0;display:block}[data-site=v2] .site-seo-sheet:after{content:"";background:var(--vn-line);width:46%;height:7px;box-shadow:0 14px var(--vn-line), 0 28px var(--vn-line);border-radius:10px;margin:14px 20%;display:block}[data-site=v2] .site-seo-sheet--left{left:2%;transform:rotate(-12deg)}[data-site=v2] .site-seo-sheet--right{right:2%;transform:rotate(12deg)}[data-site=v2] .site-stage--seo-landing .site-stage-composer{z-index:1;margin:0 auto;position:relative}[data-site=v2] .site-entry-meta{color:var(--vn-muted);font-size:var(--vn-text-base);line-height:var(--vn-leading-base);flex-wrap:wrap;justify-content:center;align-items:center;gap:0 20px;margin:12px 0 0;display:flex}[data-site=v2] .site-entry-meta a{min-height:44px;color:var(--vn-accent-text);align-items:center;padding-inline:4px;font-weight:600;display:inline-flex}[data-site=v2] .site-entry-meta a:hover{text-decoration:underline}@keyframes vnt-site-enter{0%{opacity:0}to{opacity:1}}@keyframes vnt-site-line-rise{0%{transform:translateY(var(--vn-rise-lg))}to{transform:translateY(0)}}@keyframes vnt-site-drop-in{0%{opacity:0;transform:translateY(calc(var(--vn-rise-lg) * -1))}to{opacity:1;transform:translateY(0)}}@keyframes vnt-site-drop-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(var(--vn-rise-lg) * -1))}}@keyframes vnt-site-header-shadow{0%{opacity:0}to{opacity:1}}@media (max-width:767px){[data-site=v2] .site-header-inner{grid-template-columns:auto minmax(0,1fr);gap:8px;padding-inline:16px}[data-site=v2] .site-header-end{grid-column:2;min-width:0}[data-site=v2] .site-header-nav,[data-site=v2] .site-header-brand>span>.leading-none:not([aria-label]){display:none}}@media (max-width:480px){[data-site=v2] .site-header-end{gap:8px}[data-site=v2] .site-header-menu-toggle{flex:none;display:inline-flex}[data-site=v2] .site-header-mobile-nav{z-index:1;border-top:1px solid var(--vn-line);border-bottom:1px solid var(--vn-line);background:var(--vn-surface);box-shadow:var(--vn-shadow-float);padding:8px 16px 16px;display:grid;position:absolute;top:100%;left:0;right:0}[data-site=v2] .site-header-mobile-nav a{align-items:center;min-height:44px;display:flex}[data-site=v2] .site-stage{align-items:start;min-height:calc(100svh - 64px);padding:68px 16px 72px}[data-site=v2] .site-stage--page{min-height:0;padding-bottom:24px}[data-site=v2] .site-stage-title{font-size:clamp(36px,10vw,48px)}[data-site=v2] .site-stage-lead{font-size:16px;line-height:24px}[data-site=v2] .site-stage-composer{margin-top:28px}[data-site=v2] .site-section{padding:64px 16px}[data-site=v2] .site-guide{grid-template-columns:1fr}[data-site=v2] .site-examples-heading{flex-wrap:wrap;margin-top:40px;padding-inline:16px}[data-site=v2] .site-examples-links{grid-template-columns:1fr}[data-site=v2] .site-landing-body{padding:48px 16px}[data-site=v2] .site-stage--entry{align-items:start;min-height:0;padding:28px 20px 8px}[data-site=v2] .site-entry-crumbs{justify-content:flex-start;margin-bottom:14px}[data-site=v2] .site-entry-crumbs nav>ol{justify-content:flex-start}[data-site=v2] .site-entry-title{font-size:clamp(28px,8vw,36px);line-height:1.12}[data-site=v2] .site-stage--entry .site-stage-inner{text-align:left}[data-site=v2] .site-stage--entry .site-stage-lead{margin-top:12px}[data-site=v2] .site-stage--entry .site-stage-composer{margin-top:20px}[data-site=v2] .site-stage--seo-landing{min-height:calc(100svh - 64px);padding:24px 16px 44px}[data-site=v2] .site-stage--seo-landing .site-stage-inner{text-align:center}[data-site=v2] .site-stage--seo-landing .site-entry-crumbs{justify-content:center}[data-site=v2] .site-seo-scene{margin-top:24px;padding:20px 0 34px}[data-site=v2] .site-seo-sheet{opacity:.7;width:34%;height:90%;top:0}[data-site=v2] .site-seo-sheet--left{left:-19%}[data-site=v2] .site-seo-sheet--right{right:-19%}[data-site=v2] .site-stage--seo-landing .site-stage-composer{margin-top:0}[data-site=v2] .site-entry-meta{justify-content:flex-start}}:root[data-motion=v2] [data-site=v2] .site-stage-inner{animation:none}:root[data-motion=v2] [data-site=v2] .site-stage-title .cover-h1-line,:root[data-motion=v2] [data-site=v2] .site-stage--entry .site-entry-title{animation:vnt-site-line-rise var(--vn-dur-slow) var(--vn-ease-out) backwards}:root[data-motion=v2] [data-site=v2] .site-stage-title .cover-h1-line:nth-child(2){animation-delay:var(--vn-stagger)}:root[data-motion=v2] [data-site=v2] .site-stage-title .cover-h1-line:nth-child(n+3){animation-delay:calc(var(--vn-stagger) * 2)}:root[data-motion=v2] [data-site=v2] .site-stage-composer{animation:vnt-rise-lg var(--vn-dur-slow) var(--vn-ease-out) backwards;animation-delay:calc(var(--vn-stagger) * 2)}:root[data-motion=v2] [data-site=v2] [data-header-menu]{transform-origin:100% 0;animation:vnt-menu-in var(--vn-dur-fast) var(--vn-ease-out) backwards}:root[data-motion=v2] [data-site=v2] [data-header-menu][data-closing=true]{animation:vnt-fade-out var(--vn-dur-instant) var(--vn-ease-in) both;pointer-events:none}:root[data-motion=v2] [data-site=v2] [data-account-balance]{animation:vnt-fade var(--vn-dur-fast) var(--vn-ease) backwards}:root[data-motion=v2] [data-site=v2] .site-header-mobile-nav{animation:vnt-site-drop-in var(--vn-dur-base) var(--vn-ease-out) backwards}:root[data-motion=v2] [data-site=v2] .site-header-mobile-nav[data-closing=true]{animation:vnt-site-drop-out var(--vn-dur-fast) var(--vn-ease-in) both;pointer-events:none}:root[data-motion=v2] [data-site=v2] .site-menu-line{transition:transform var(--vn-dur-base) var(--vn-ease-move), opacity var(--vn-dur-fast) var(--vn-ease)}@supports (animation-timeline:scroll()){:root[data-motion=v2] [data-site=v2] .site-header:after{animation:linear both vnt-site-header-shadow;animation-timeline:scroll(root);animation-range:0 48px}}:root[data-motion=v2] [data-site=v2] .site-tabs-content{display:grid}:root[data-motion=v2] [data-site=v2] .site-tabs-content>[data-site-tab]{min-width:0;transition:opacity var(--vn-dur-fast) var(--vn-ease);grid-area:1/1}:root[data-motion=v2] [data-site=v2] .site-tabs[data-active=examples] [data-site-tab=themes],:root[data-motion=v2] [data-site=v2] .site-tabs[data-active=themes] [data-site-tab=examples]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--vn-dur-fast) var(--vn-ease), visibility 0s linear var(--vn-dur-fast);display:block}[data-site=v2] .site-theme-chips{position:relative}[data-site=v2] .site-theme-chips [data-theme-chip]{z-index:1;position:relative}[data-site=v2] .site-theme-pill{display:none}[data-site=v2] .site-theme-chips[data-pill] .site-theme-pill{z-index:0;border:1px solid var(--vn-accent);border-radius:var(--vn-radius-pill);background:var(--vn-accent-soft);box-shadow:0 0 0 1px var(--vn-accent);display:block;position:absolute;top:0;left:0}@supports (color:color-mix(in lab, red, red)){[data-site=v2] .site-theme-chips[data-pill] .site-theme-pill{box-shadow:0 0 0 1px color-mix(in oklab, var(--vn-accent) 25%, transparent)}}[data-site=v2] .site-theme-chips[data-pill] .site-theme-pill{pointer-events:none;transform-origin:0 0}[data-site=v2] .site-theme-chips[data-pill] [data-theme-chip]{box-shadow:none;background:0 0}[data-site=v2] .site-theme-chips[data-pill] [data-theme-chip][data-active]{border-color:#0000}[data-site=v2] .site-theme-slide-out{z-index:1;pointer-events:none;position:absolute;inset:0}:root[data-motion=v2] [data-site=v2] .site-theme-slide-out{animation:vnt-fade-out var(--vn-dur-base) var(--vn-ease) both}@supports selector(::details-content){:root[data-motion=v2] [data-site=v2] :is(details.mkt-section-card,details.vn-portion){interpolate-size:allow-keywords}:root[data-motion=v2] [data-site=v2] :is(details.mkt-section-card,details.vn-portion)::details-content{opacity:0;block-size:0;transition:block-size var(--vn-dur-base) var(--vn-ease-move), opacity var(--vn-dur-fast) var(--vn-ease), content-visibility var(--vn-dur-base) allow-discrete;overflow:clip}:root[data-motion=v2] [data-site=v2] :is(details.mkt-section-card,details.vn-portion)[open]::details-content{opacity:1;block-size:auto;transition-delay:0s, calc(var(--vn-dur-instant) / 2), 0s}}:root[data-motion=v2] [data-site=v2] details.mkt-section-card>summary>svg{transition-duration:var(--vn-dur-base);transition-timing-function:var(--vn-ease-move)}[data-site=v2] .vn-portion>.vn-portion-summary:after{display:inline-block}[data-site=v2] .vn-portion[open]>.vn-portion-summary:after{content:"↓";transform:rotate(180deg)}:root[data-motion=v2] [data-site=v2] .vn-portion>.vn-portion-summary:after{transition:transform var(--vn-dur-base) var(--vn-ease-move)}[data-site=v2] .site-channel-slot{min-height:2.5rem}@media (min-width:480px){[data-site=v2] .site-channel-slot{min-height:1.25rem}}:root[data-motion=v2] [data-site=v2] .site-channel-slot>p{animation:vnt-fade var(--vn-dur-fast) var(--vn-ease) backwards}@media (prefers-reduced-motion:reduce){[data-site=v2] .site-stage-inner{animation:none}}