.demo-search-section[data-v-bc22c47b]{margin-top:33%!important;margin-bottom:2rem}.demo-search-section .search-input-wrapper[data-v-bc22c47b]{position:relative;display:inline-block;padding:3px;border-radius:9999px;background:linear-gradient(45deg,var(--primary),var(--primary-light),var(--primary-dark));animation:borderGlow-bc22c47b 3s ease-in-out infinite}.demo-search-section .search-input-wrapper .control[data-v-bc22c47b]{background:var(--white);border-radius:9999px}.is-dark .demo-search-section .search-input-wrapper .control[data-v-bc22c47b]{background:var(--dark)}.demo-search-section .control[data-v-bc22c47b]{position:relative}.demo-search-section .control .icon[data-v-bc22c47b]{height:72px;width:72px;font-size:1.5rem}.demo-search-section .control .mic-button[data-v-bc22c47b]{position:absolute;left:0;top:0;height:72px;width:72px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all .3s;font-size:3rem;color:var(--placeholder)}.demo-search-section .control .mic-button[data-v-bc22c47b]:hover{opacity:.7;color:var(--dark-text)}.is-dark .demo-search-section .control .mic-button[data-v-bc22c47b]:hover{color:var(--light-text)}.demo-search-section .control .mic-button .is-recording[data-v-bc22c47b]{color:var(--danger);animation:pulse-bc22c47b 1.5s infinite}.demo-search-section .input[data-v-bc22c47b]{min-width:600px;height:72px;font-size:1.25rem;padding-left:72px;padding-right:1.5rem}.demo-search-section .input.no-outline[data-v-bc22c47b]{outline:none!important;box-shadow:none!important}.demo-search-section .input.no-outline[data-v-bc22c47b]:focus{outline:none!important;box-shadow:none!important;border-color:var(--border)}.demo-search-section .input.no-outline[data-v-bc22c47b]:active{outline:none!important;box-shadow:none!important}.demo-search-section .help[data-v-bc22c47b]{font-size:.9rem;color:var(--light-text)}.is-dark .demo-search-section .help[data-v-bc22c47b]{color:var(--light-text-dark)}@keyframes pulse-bc22c47b{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes borderGlow-bc22c47b{0%,to{opacity:.4}50%{opacity:.7}}.vuero-demos .demo-section[data-v-bc22c47b]{margin-bottom:100px}.vuero-demos .demo-section .demo-section-title[data-v-bc22c47b]{display:flex;align-items:center;margin-bottom:30px}.vuero-demos .demo-section .demo-section-title img[data-v-bc22c47b]{display:block;width:100%;max-width:100px}.vuero-demos .demo-section .demo-section-title .title-meta[data-v-bc22c47b]{margin-inline-start:12px;line-height:1.2}.vuero-demos .demo-section .demo-section-title .title-meta h3[data-v-bc22c47b]{font-family:var(--font-alt);font-weight:500;font-size:1.3rem;color:var(--dark-text)}.vuero-demos .demo-section .demo-section-title .title-meta p[data-v-bc22c47b]{font-family:var(--font);font-size:1.1rem;color:var(--light-text)}.vuero-demo-wrapper[data-v-bc22c47b]{position:relative;overflow:hidden;border-radius:10px;border:1px solid color-mix(in oklab,var(--fade-grey),black 5%);min-height:205px}.vuero-demo-wrapper[data-v-bc22c47b]:after{position:absolute!important;top:40%;inset-inline-start:42%;height:3.5rem;width:3.5rem;transform:translate(-50%,-50%);z-index:4}.vuero-demo-wrapper.loaded[data-v-bc22c47b]:after{display:none!important}.vuero-demo-wrapper img[data-v-bc22c47b]{border-radius:10px;max-width:100%;width:100%}.vuero-demo-wrapper .new-tag[data-v-bc22c47b]{position:absolute;bottom:10px;inset-inline-end:10px;background:red;color:var(--white);font-family:var(--font);padding:6px 16px;border-radius:8px;text-transform:uppercase;font-size:.8rem;z-index:3}.vuero-demo-wrapper .circle-overlay[data-v-bc22c47b]{position:absolute;top:-60px;inset-inline-start:-60px;width:60px;height:60px;border-radius:var(--radius-rounded);background:var(--primary);transform:scale(1);transition:all .5s;z-index:1}.vuero-demo-wrapper .demo-info[data-v-bc22c47b]{position:absolute;margin:0 auto;top:26%;inset-inline-start:0;inset-inline-end:0;z-index:2;color:var(--white);display:flex;justify-content:center;align-items:center}.vuero-demo-wrapper .demo-title[data-v-bc22c47b]{color:var(--white);font-family:var(--font);font-size:1.5rem;font-weight:600;opacity:0;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid color-mix(in oklab,var(--primary),white 20%);transform:translateY(20px);transition:all .3s;transition-delay:.1s}.vuero-demo-wrapper .demo-title span[data-v-bc22c47b]{display:block}.vuero-demo-wrapper .demo-title span[data-v-bc22c47b]:first-child{text-transform:uppercase;font-size:.75rem}.vuero-demo-wrapper .demo-title span[data-v-bc22c47b]:nth-child(2){font-weight:300}.vuero-demo-wrapper .demo-link[data-v-bc22c47b]{opacity:0;transform:translateY(20px);transition:transform .3s,opacity .3s,color .3s;transition-delay:.2s}.vuero-demo-wrapper .demo-link>span[data-v-bc22c47b]{display:inline-flex;align-items:center;font-family:var(--font);color:var(--white);font-size:1rem;margin-inline-start:8px}.vuero-demo-wrapper .demo-link>span .iconify[data-v-bc22c47b]{position:relative;top:1px;opacity:0;transform:translate(calc(var(--transform-direction) * 0));transition:all .3s ease-out}.vuero-demo-wrapper .demo-link>span:hover .iconify[data-v-bc22c47b]{opacity:1;transform:translate(calc(var(--transform-direction) * 5px))}.demo-link:focus-visible .vuero-demo-wrapper[data-v-bc22c47b]{outline-offset:var(--accessibility-focus-outline-offset);outline-width:var(--accessibility-focus-outline-width);outline-color:var(--accessibility-focus-outline-color);outline-style:var(--accessibility-focus-outline-style)}.demo-link:hover .vuero-demo-wrapper .circle-overlay[data-v-bc22c47b],.demo-link:focus .vuero-demo-wrapper .circle-overlay[data-v-bc22c47b]{transform:scale(35)}.demo-link:hover .vuero-demo-wrapper .demo-title[data-v-bc22c47b],.demo-link:focus .vuero-demo-wrapper .demo-title[data-v-bc22c47b]{opacity:1;transform:translateY(0);transition-delay:0!important}.demo-link:hover .vuero-demo-wrapper .demo-link[data-v-bc22c47b],.demo-link:focus .vuero-demo-wrapper .demo-link[data-v-bc22c47b]{color:var(--white);opacity:1;transform:translateY(0);transition-delay:0!important}.is-dark .vuero-demos .demo-section .demo-section-title .title-meta h3[data-v-bc22c47b]{color:var(--dark-dark-text)}.is-dark .vuero-demos .vuero-demo-wrapper[data-v-bc22c47b]{border-color:color-mix(in oklab,var(--dark-sidebar),white 12%)}.is-dark .vuero-demos .vuero-demo-wrapper .circle-overlay[data-v-bc22c47b]{background:var(--primary)}.is-dark .vuero-demos .vuero-demo-wrapper .demo-title[data-v-bc22c47b]{border-color:color-mix(in oklab,var(--primary),white 10%)}@media(width<=767px){.landing-page-wrapper .vuero-demo-wrapper[data-v-bc22c47b]{min-height:184px}}@media only screen and (width>=768px)and (width<=1024px)and (orientation:portrait){.landing-page-wrapper .vuero-demos .demo-section .columns[data-v-bc22c47b]{display:flex}.landing-page-wrapper .vuero-demos .demo-section .columns .column.is-4[data-v-bc22c47b]{min-width:50%!important}}@media only screen and (width>=768px)and (width<=1024px)and (orientation:landscape){.landing-page-wrapper .vuero-demo-wrapper[data-v-bc22c47b]{min-height:174px}}#vuero-demos[data-v-750dea86],#vuero-components[data-v-750dea86]{scroll-margin-top:50px}