.pattern-variants[data-v-47b77c89]{margin:4px 0}.pattern-variants__intro[data-v-47b77c89]{color:#687078;margin-bottom:12px;font-size:14px;line-height:1.5}.pattern-variants__row[data-v-47b77c89]{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:10px;display:flex}.pattern-variants__framework[data-v-47b77c89]{color:#16191f;font-size:15px;font-weight:600;line-height:1.4}.pattern-variants__langs[data-v-47b77c89]{flex-wrap:wrap;gap:6px;display:inline-flex}.variant-chip[data-v-47b77c89]{color:#0972d3;background:#fff;border:1px solid #d5dbdb;border-radius:999px;padding:3px 12px;font-size:14px;line-height:1.5;text-decoration:none;transition:all .15s;display:inline-block}.variant-chip[data-v-47b77c89]:hover{background:#f0f7ff;border-color:#0972d3;text-decoration:none}.variant-chip--current[data-v-47b77c89]{color:#fff;cursor:default;background:#ff4eb5;border-color:#ff4eb5;font-weight:600}.svg-gh[data-v-47b77c89]{width:25px}.fade-enter-active[data-v-47b77c89],.fade-leave-active[data-v-47b77c89]{transition:opacity .5s}.reinventSessions ul[data-v-47b77c89]{padding:1em 0 0 1em}.reinventSessions ul li[data-v-47b77c89]{margin-bottom:4px;font-size:.7em;line-height:1.4em;text-decoration:underline}.fade-enter-from[data-v-47b77c89],.fade-leave-to[data-v-47b77c89]{opacity:0}.d767adf4 svg[data-v-47b77c89]{position:absolute;top:11px;left:18px}.b5be2af6 svg[data-v-47b77c89]{fill:#00000080;flex:none;width:.9em;height:.9em;margin-top:5px;margin-left:0;margin-right:3px}.b5be2af6 svg[data-v-47b77c89]:nth-of-type(2),.b5be2af6.template svg[data-v-47b77c89]:first-of-type{opacity:0;fill:#00000080;transition:opacity .2s linear;position:absolute;left:auto;right:15px}pre[data-v-47b77c89]{border:3px solid #d7d7d7}.d767adf4[data-v-47b77c89] ::selection{background:0 0}.b5be2af6.template:hover svg[data-v-47b77c89]:first-of-type,.b5be2af6:hover svg[data-v-47b77c89]:nth-of-type(2){opacity:1}.d767adf4[data-v-47b77c89]{letter-spacing:0;font-feature-settings:none;font-variant-ligatures:none;font-family:Fira Mono,Andale Mono,Consolas,monospace;position:relative}.d767adf4[data-v-47b77c89]:hover,.d767adf4:hover pre[data-v-47b77c89]:hover{cursor:pointer;background:#dbffdb;border-color:#00c642}.d767adf4.sl-dark:hover pre[data-v-47b77c89]:hover{cursor:pointer;background:#474747;border-color:#7dc600}.b5be2af6.template.sl-dark svg[data-v-47b77c89]:first-of-type{fill:#fff}.b5be2af6[data-v-47b77c89]{max-width:95vw;line-height:24px;position:relative}.truncate[data-v-47b77c89]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.flex-auto[data-v-47b77c89]{flex:auto;min-width:0;min-height:0}.copycode[data-v-47b77c89]{border:1px solid #ccc;border-radius:5px;padding:10px 10px 10px 34px}.copycode[data-v-47b77c89],p span[data-v-47b77c89]{float:left;width:100%;height:100%;display:block}.inner-banner[data-v-2748561c][data-v-47b77c89]{padding-top:140px;padding-bottom:15px}.learning-path[data-v-47b77c89]{padding:30px 0}.less-padding[data-v-47b77c89]{margin-top:0;padding:30px}.para[data-v-47b77c89]{padding-bottom:15px}.center[data-v-47b77c89]{text-align:center}.architecture-figure[data-v-47b77c89]{margin:0}.architecture-caption[data-v-47b77c89]{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.github-markdown[data-v-47b77c89]{font-size:100%}.annoucement[data-v-47b77c89]{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);background-image:linear-gradient(#9b61f9,#7242cd)}.annoucement[data-v-47b77c89],.annoucement.reinventSessions[data-v-47b77c89]{color:#fff;margin:0 0 10px;padding:12px 14px}.annoucement.reinventSessions[data-v-47b77c89]{background-image:linear-gradient(#3700b3,#b300b3);border-radius:10px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.annoucement span[data-v-47b77c89]{display:block}.annoucement .title[data-v-47b77c89]{color:#f0f0f0;margin-bottom:12px;font-size:1.1em;font-weight:700;line-height:1.2em}.annoucement .description[data-v-47b77c89]{margin-bottom:5px;font-size:.8em;line-height:1.2em}.annoucement .link[data-v-47b77c89]{text-align:right;width:100%;font-size:.8em}.annoucement a[data-v-47b77c89]{color:#f0f0f0;font-size:1.1em}.resources li[data-v-47b77c89]{margin-bottom:8px;line-height:1.5em}.pattern-metadata[data-v-47b77c89]{border-bottom:1px solid #eee;grid-template-columns:auto 1fr;gap:2px 12px;margin:-10px 0 1em;padding:0 0 12px;display:grid}.pattern-metadata dt[data-v-47b77c89]{color:#555;font-weight:500}.pattern-metadata dd[data-v-47b77c89]{color:#111;margin:0}.pattern-metadata+p[data-v-47b77c89]{margin-top:0}