.component[data-v-efb7b489]{background-color:#dcdcdc;border-radius:5px;flex-direction:column;align-items:center;padding:30px 20px;display:flex;position:relative}.description[data-v-efb7b489]{color:#3b3b3b;font-size:.8rem;position:absolute;top:2px;left:5px}button[data-v-efb7b489]{padding:5px 20px;font-size:2rem}.text-box[data-v-efb7b489]{padding:10px}span[data-v-efb7b489]{font-size:2rem;transition:opacity 1s ease-in}.hide-text span[data-v-efb7b489]{opacity:0}.component[data-v-dc1e8e92]{background-color:#dcdcdc;border-radius:5px;flex-direction:column;flex:1;align-items:center;padding:30px 20px;display:flex;position:relative}.description[data-v-dc1e8e92]{color:#3b3b3b;font-size:.8rem;position:absolute;top:2px;left:5px}button[data-v-dc1e8e92]{padding:5px 20px;font-size:2rem}.text-box[data-v-dc1e8e92]{height:30px;padding:10px}span[data-v-dc1e8e92]{font-size:2rem}.v-enter-active[data-v-dc1e8e92],.v-leave-active[data-v-dc1e8e92]{transition:all 1s linear}.v-enter-from[data-v-dc1e8e92],.v-leave-to[data-v-dc1e8e92]{height:0;padding:0}.v-enter-to[data-v-dc1e8e92],.v-leave-from[data-v-dc1e8e92]{height:30px;padding:10px}.v-enter-from span[data-v-dc1e8e92],.v-leave-to span[data-v-dc1e8e92]{opacity:0}.v-enter-active span[data-v-dc1e8e92]{transition:opacity 1s cubic-bezier(1,0,1,0)}.v-leave-active span[data-v-dc1e8e92]{transition:opacity 1s cubic-bezier(0,1,0,1)}.v-enter-to span[data-v-dc1e8e92],.v-leave-from span[data-v-dc1e8e92]{opacity:1}.component[data-v-5e1dd7ca]{background-color:#dcdcdc;border-radius:5px;flex-direction:column;flex:1;align-items:center;padding:30px 20px;display:flex;position:relative}.description[data-v-5e1dd7ca]{color:#3b3b3b;font-size:.8rem;position:absolute;top:2px;left:5px}button[data-v-5e1dd7ca]{padding:5px 20px;font-size:2rem}.text-box[data-v-5e1dd7ca]{height:30px;padding:10px}span[data-v-5e1dd7ca]{font-size:2rem}.v-enter-active[data-v-5e1dd7ca]{transition:all 1s linear;animation:1s bounce-in-5e1dd7ca}.v-leave-active[data-v-5e1dd7ca]{transition:all 1s linear;animation:1s reverse bounce-in-5e1dd7ca}.v-enter-from[data-v-5e1dd7ca],.v-leave-to[data-v-5e1dd7ca]{height:0;padding:0}.v-enter-to[data-v-5e1dd7ca],.v-leave-from[data-v-5e1dd7ca]{height:30px;padding:10px}.v-enter-from span[data-v-5e1dd7ca],.v-leave-to span[data-v-5e1dd7ca]{opacity:0}.v-enter-active span[data-v-5e1dd7ca]{transition:opacity 1s cubic-bezier(1,0,1,0)}.v-leave-active span[data-v-5e1dd7ca]{transition:opacity 1s cubic-bezier(0,1,0,1)}.v-enter-to span[data-v-5e1dd7ca],.v-leave-from span[data-v-5e1dd7ca]{opacity:1}@keyframes bounce-in-5e1dd7ca{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}.component[data-v-e316ab14]{background-color:#dcdcdc;border-radius:5px;flex-direction:column;flex:1;align-items:center;padding:30px 20px;display:flex;position:relative}.description[data-v-e316ab14]{color:#3b3b3b;font-size:.8rem;position:absolute;top:2px;left:5px}button[data-v-e316ab14]{padding:5px 20px;font-size:2rem}.text-box[data-v-e316ab14]{height:30px;padding:10px}span[data-v-e316ab14]{font-size:2rem}.v-enter-active[data-v-e316ab14]{transition:all 1s linear;animation:1s .5s bounce-in-e316ab14}.v-leave-active[data-v-e316ab14]{transition:all 1s linear 1s;animation:1s reverse bounce-in-e316ab14}.v-enter-from[data-v-e316ab14],.v-leave-to[data-v-e316ab14]{height:0;padding:0}.v-enter-to[data-v-e316ab14],.v-leave-from[data-v-e316ab14]{height:30px;padding:10px}.v-enter-from span[data-v-e316ab14],.v-leave-to span[data-v-e316ab14]{opacity:0}.v-enter-active span[data-v-e316ab14]{transition:opacity 1s ease-in .5s}.v-leave-active span[data-v-e316ab14]{transition:opacity 1s ease-out}.v-enter-to span[data-v-e316ab14],.v-leave-from span[data-v-e316ab14]{opacity:1}@keyframes bounce-in-e316ab14{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}.component[data-v-c8c9379c]{background-color:#dcdcdc;border-radius:5px;flex-direction:column;flex:1;align-items:center;padding:30px 20px;display:flex;position:relative}.description[data-v-c8c9379c]{color:#3b3b3b;font-size:.8rem;position:absolute;top:2px;left:5px}button[data-v-c8c9379c]{padding:5px 20px;font-size:2rem}.text-box[data-v-c8c9379c]{height:30px;padding:10px}span[data-v-c8c9379c]{font-size:2rem}.v-enter-active[data-v-c8c9379c]{transition:all 1s linear;animation:1s .5s bounce-in-c8c9379c}.v-leave-active[data-v-c8c9379c]{transition:all 1s linear 1s;animation:1s reverse bounce-in-c8c9379c}.v-enter-from[data-v-c8c9379c],.v-leave-to[data-v-c8c9379c]{height:0;padding:0}.v-enter-to[data-v-c8c9379c],.v-leave-from[data-v-c8c9379c]{height:30px;padding:10px}.v-enter-from span[data-v-c8c9379c],.v-leave-to span[data-v-c8c9379c]{opacity:0}.v-enter-active span[data-v-c8c9379c]{transition:opacity 1s ease-in .5s}.v-leave-active span[data-v-c8c9379c]{transition:opacity 1s ease-out}.v-enter-to span[data-v-c8c9379c],.v-leave-from span[data-v-c8c9379c]{opacity:1}@keyframes bounce-in-c8c9379c{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}.component[data-v-24c448d7]{background-color:#dcdcdc;border-radius:5px;flex-direction:column;flex:1;align-items:center;padding:30px 20px;display:flex;position:relative}.description[data-v-24c448d7]{color:#3b3b3b;font-size:.8rem;position:absolute;top:2px;left:5px}button[data-v-24c448d7]{padding:5px 20px;font-size:2rem}.text-box[data-v-24c448d7]{height:30px;padding:10px}span[data-v-24c448d7]{font-size:2rem}.v-enter-active[data-v-24c448d7]{transition:all .5s linear;animation:.5s bounce-in-24c448d7}.v-leave-active[data-v-24c448d7]{transition:all .5s linear}.v-enter-from span[data-v-24c448d7],.v-leave-to span[data-v-24c448d7]{opacity:0}.v-enter-active span[data-v-24c448d7]{transition:opacity .5s ease-in}.v-leave-active span[data-v-24c448d7]{transition:opacity .5s ease-out}.v-enter-to span[data-v-24c448d7],.v-leave-from span[data-v-24c448d7]{opacity:1}@keyframes bounce-in-24c448d7{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}.page[data-v-cfdcc156]{justify-content:center;width:100%;height:100%;display:flex}.examples[data-v-cfdcc156]{box-sizing:border-box;background-color:#fdd9d9;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:30px;width:70%;margin-top:100px;padding:20px;display:grid}.grid-item[data-v-cfdcc156]{place-self:start stretch}.pos-1[data-v-cfdcc156]{grid-area:1/1}.pos-2[data-v-cfdcc156]{grid-area:1/2}.pos-3[data-v-cfdcc156]{grid-area:2/1}.pos-4[data-v-cfdcc156]{grid-area:2/2}.pos-5[data-v-cfdcc156]{grid-area:3/1}.pos-6[data-v-cfdcc156]{grid-area:3/2}