.pattern[data-v-8ee9d85b]{--pattern-color:var(--sprachy-primary);border-radius:3px;display:flex;list-style-type:none;padding:.5rem}.pattern>a[data-v-8ee9d85b]{background:#f5f5f6;display:block}.pattern h6[data-v-8ee9d85b]{color:var(--pattern-color)}.pattern>a[data-v-8ee9d85b]{align-items:center;color:inherit;display:flex;flex-grow:1;padding:1.5rem 1rem;text-decoration:none}.pattern>a:hover h6[data-v-8ee9d85b]{text-decoration:underline}.pattern h6[data-v-8ee9d85b]{font-size:1.15rem;margin-bottom:.2rem}.pattern .shortdesc[data-v-8ee9d85b]{margin-bottom:.1rem}.pattern-inner[data-v-8ee9d85b]{align-items:center;display:flex;gap:10px}.text-part[data-v-8ee9d85b]{flex-grow:1}.level-part[data-v-8ee9d85b]{align-items:center;color:var(--pattern-color);display:flex;flex-direction:column;font-size:.9rem;height:100px;margin:0 1rem;min-width:35px}.levelbar[data-v-8ee9d85b]{display:flex;flex-direction:column-reverse;flex-grow:1;gap:1px;width:20px}.levelbar .pip[data-v-8ee9d85b]{background:#e9ecef;flex-grow:1;width:100%}.levelbar .pip.filled[data-v-8ee9d85b]{background:var(--pattern-color)}.pattern-index ul[data-v-b7d7e271]{display:flex;flex-wrap:wrap;padding-left:0}.pattern-index ul[data-v-b7d7e271] li{flex-basis:33%}@media only screen and (max-width:1200px){.pattern-index ul[data-v-b7d7e271] li{flex-basis:50%}}@media only screen and (max-width:768px){.pattern-index ul[data-v-b7d7e271] li{flex-basis:100%}}