:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: #e0e0e0;--vt-c-divider-light-2: #f8f8f8;--vt-c-divider-dark-1: #2f2f2f;--vt-c-divider-dark-2: #424242;--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--note-background-light: #f0f7ff;--note-background-dark: #041f3f;--menu-background-light: #f0f8f0;--menu-background-dark: #1f241f}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px;--color-note-background: var(--note-background-light);--color-menu-background: var(--menu-background-light)}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--color-note-background: var(--note-background-dark);--color-menu-background: var(--menu-background-dark)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scrollbar-width:none;scrollbar-color:transparent transparent}* ::-webkit-scrollbar{width:0px}* ::-webkit-scrollbar-track{background:transparent}#app{max-width:1280px;margin:0 auto;padding:0rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1025px){body{display:flex;place-items:center}#app{width:100%;padding:0 2rem}}.pattern-card[data-v-582c2c3e]{max-width:800px;margin:20px auto;padding:20px;border-radius:12px;background-color:var(--color-background);box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif}@media (max-width: 1130px){.pattern-card[data-v-582c2c3e]{max-width:600px}}@media (max-width: 1024px){.pattern-card[data-v-582c2c3e]{max-width:800px}.pattern-code-block[data-v-582c2c3e]{background-color:var(--color-border);border-radius:8px;padding:15px;margin:15px 0;overflow-x:auto;height:45vh}}@media (max-width: 900px){.pattern-card[data-v-582c2c3e]{max-width:unset;width:100vw;margin:0}.pattern-card-title[data-v-582c2c3e]{margin-top:40px}}.pattern-card-title[data-v-582c2c3e]{margin-top:10px;color:var(--color-heading);text-align:center;margin-bottom:15px}.pattern-card-description[data-v-582c2c3e]{color:var(--color-text);line-height:1.5}.pattern-code-block[data-v-582c2c3e]{background-color:var(--color-border);border-radius:8px;padding:15px;margin:15px 0;overflow-x:auto;height:540px}.pattern-notes[data-v-582c2c3e]{background-color:var(--color-note-background);border-radius:8px;padding:15px;margin-top:15px}.pattern-notes-title[data-v-582c2c3e]{margin-top:0;color:var(--color-heading);font-size:1.1em}.pattern-notes-list[data-v-582c2c3e]{margin-bottom:0;padding-left:20px}.pattern-notes-list li[data-v-582c2c3e]{margin-bottom:5px;color:var(--color-text)}.pattern-notes-list li[data-v-582c2c3e]:last-child{margin-bottom:0}.control-container[data-v-bfcdd136]{display:flex;justify-content:center}.control-container button[data-v-bfcdd136]{margin:10px 20px;width:48px;height:45px;border-radius:12px;background-color:#e0e0ff;border:1px solid #eedeff;color:#505850;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif}.pattern-card-viewer[data-v-8c19c745]{padding:20px;background-color:var(--color-background);flex-grow:1;min-height:92vh}@media (max-width: 900px){.pattern-card-viewer[data-v-8c19c745]{padding:0}}.pattern-card-viewer p[data-v-8c19c745]{color:var(--color-text)}.pattern-card-viewer-help[data-v-8c19c745]{margin:20px}.pattern-card-viewer-help p[data-v-8c19c745]{text-align:center}.pattern-menu[data-v-c954b37a]{position:relative;width:260px;flex-shrink:0;max-height:100vh;overflow-y:auto}.pattern-menu-burger[data-v-c954b37a]{margin:20px;background-color:var(--color-border);border:1px solid var(--color-border-hover)}.pattern-menu-container[data-v-c954b37a]{padding:20px 10px;background-color:var(--color-menu-background);box-shadow:0 4px 6px #0000001a;border-radius:8px;height:unset}@media (max-width: 1024px){.pattern-menu[data-v-c954b37a]{position:fixed;z-index:30;width:100%}.pattern-menu-container[data-v-c954b37a]{height:100vh}}.pattern-menu h3[data-v-c954b37a]{color:var(--color-heading);margin-top:5px;text-align:center}.pattern-menu h4[data-v-c954b37a]{text-align:center;margin-bottom:20px}.pattern-menu ul[data-v-c954b37a]{-webkit-user-select:none;user-select:none;list-style:none;padding:0}.pattern-menu-list-item[data-v-c954b37a]{cursor:pointer;border-radius:4px}.pattern-menu-list-item-title[data-v-c954b37a]{color:var(--color-heading);padding:10px;cursor:pointer;border-radius:4px}.pattern-menu-list-item-title[data-v-c954b37a]:hover{background-color:var(--color-border-hover)}.pattern-menu-sublist-item[data-v-c954b37a]{cursor:pointer;padding:0 0 0 10px;border-radius:4px}.pattern-menu-sublist-item-title[data-v-c954b37a]{cursor:pointer;padding:5px 0 5px 10px;border-radius:4px}.pattern-menu-sublist-item-title[data-v-c954b37a]:hover{background-color:var(--color-border-hover)}.slide-enter-active[data-v-c954b37a],.slide-leave-active[data-v-c954b37a]{transition:max-height .3s ease;max-height:500px}.slide-enter[data-v-c954b37a],.slide-leave-to[data-v-c954b37a]{max-height:0;overflow:hidden}.container[data-v-97ee43d9]{display:flex;font-family:Arial,sans-serif}