.landing-page-wrapper .component-box{display:block;text-align:center;background:var(--white);border:1px solid color-mix(in oklab,var(--fade-grey),black 3%);padding:20px;border-radius:8px;margin-bottom:0;transition:transform .3s,box-shadow .3s,border-color .3s;cursor:pointer}.landing-page-wrapper .component-box:hover,.landing-page-wrapper .component-box:focus{transform:translateY(-5px);box-shadow:var(--light-box-shadow);border-color:var(--primary)}.landing-page-wrapper .component-box:hover .component img,.landing-page-wrapper .component-box:focus .component img{filter:grayscale(0);opacity:1}.landing-page-wrapper .component-box:hover .component-title,.landing-page-wrapper .component-box:focus .component-title{color:var(--dark-text)}.landing-page-wrapper .component-box .component img{display:block;filter:grayscale(1);opacity:.6;max-height:80px;transition:all .3s}.landing-page-wrapper .component-box .component-title{font-family:var(--font-alt);font-size:1rem;padding-top:6px;color:var(--light-text);transition:color .3s}.is-dark .landing-page-wrapper .component-box{background:color-mix(in oklab,var(--landing-yyy),black 6%);border-color:color-mix(in oklab,var(--landing-yyy),white 2%)}.is-dark .landing-page-wrapper .component-box:hover,.is-dark .landing-page-wrapper .component-box:focus{border-color:var(--primary)}.is-dark .landing-page-wrapper .component-box:hover .component-title,.is-dark .landing-page-wrapper .component-box:focus .component-title{color:var(--primary)}.demo-search-section[data-v-59ec18a3]{margin-bottom:2rem}.demo-search-section[data-v-59ec18a3] .label{text-align:center!important}.demo-search-section .input[data-v-59ec18a3]{min-width:300px}.vuero-demos .demo-section[data-v-59ec18a3]{margin-bottom:100px}.vuero-demos .demo-section .demo-section-title[data-v-59ec18a3]{display:flex;align-items:center;margin-bottom:30px}.vuero-demos .demo-section .demo-section-title img[data-v-59ec18a3]{display:block;width:100%;max-width:100px}.vuero-demos .demo-section .demo-section-title .title-meta[data-v-59ec18a3]{margin-inline-start:12px;line-height:1.2}.vuero-demos .demo-section .demo-section-title .title-meta h3[data-v-59ec18a3]{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-59ec18a3]{font-family:var(--font);font-size:1.1rem;color:var(--light-text)}.vuero-demo-wrapper[data-v-59ec18a3]{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-59ec18a3]: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-59ec18a3]:after{display:none!important}.vuero-demo-wrapper img[data-v-59ec18a3]{border-radius:10px;max-width:100%;width:100%}.vuero-demo-wrapper .new-tag[data-v-59ec18a3]{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-59ec18a3]{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-59ec18a3]{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-59ec18a3]{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-59ec18a3]{display:block}.vuero-demo-wrapper .demo-title span[data-v-59ec18a3]:first-child{text-transform:uppercase;font-size:.75rem}.vuero-demo-wrapper .demo-title span[data-v-59ec18a3]:nth-child(2){font-weight:300}.vuero-demo-wrapper .demo-link[data-v-59ec18a3]{opacity:0;transform:translateY(20px);transition:transform .3s,opacity .3s,color .3s;transition-delay:.2s}.vuero-demo-wrapper .demo-link>span[data-v-59ec18a3]{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-59ec18a3]{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-59ec18a3]{opacity:1;transform:translate(calc(var(--transform-direction) * 5px))}.demo-link:focus-visible .vuero-demo-wrapper[data-v-59ec18a3]{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-59ec18a3],.demo-link:focus .vuero-demo-wrapper .circle-overlay[data-v-59ec18a3]{transform:scale(35)}.demo-link:hover .vuero-demo-wrapper .demo-title[data-v-59ec18a3],.demo-link:focus .vuero-demo-wrapper .demo-title[data-v-59ec18a3]{opacity:1;transform:translateY(0);transition-delay:0!important}.demo-link:hover .vuero-demo-wrapper .demo-link[data-v-59ec18a3],.demo-link:focus .vuero-demo-wrapper .demo-link[data-v-59ec18a3]{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-59ec18a3]{color:var(--dark-dark-text)}.is-dark .vuero-demos .vuero-demo-wrapper[data-v-59ec18a3]{border-color:color-mix(in oklab,var(--dark-sidebar),white 12%)}.is-dark .vuero-demos .vuero-demo-wrapper .circle-overlay[data-v-59ec18a3]{background:var(--primary)}.is-dark .vuero-demos .vuero-demo-wrapper .demo-title[data-v-59ec18a3]{border-color:color-mix(in oklab,var(--primary),white 10%)}@media(width<=767px){.landing-page-wrapper .vuero-demo-wrapper[data-v-59ec18a3]{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-59ec18a3]{display:flex}.landing-page-wrapper .vuero-demos .demo-section .columns .column.is-4[data-v-59ec18a3]{min-width:50%!important}}@media only screen and (width>=768px)and (width<=1024px)and (orientation:landscape){.landing-page-wrapper .vuero-demo-wrapper[data-v-59ec18a3]{min-height:174px}}#vuero-demos[data-v-b5c4fb8e],#vuero-components[data-v-b5c4fb8e]{scroll-margin-top:50px}