.hero[data-v-acb9b618]{align-items:center;display:flex;flex-direction:row;font-family:inherit;gap:2rem;margin:0 auto;max-height:800px;max-width:1200px;opacity:0;transition:opacity .4s;width:100%}.hero.active[data-v-acb9b618]{opacity:1}.hero.passive[data-v-acb9b618]{pointer-events:none}.hero-layer[data-v-acb9b618]{display:flex;flex-direction:column;gap:2rem;justify-content:space-between;width:-moz-fit-content;width:fit-content}.hero-box[data-v-acb9b618]{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-icons .hero-box.active .hero-card[data-v-acb9b618]{transform:scale(1.15)}.hero-label[data-v-acb9b618]{align-items:flex-start;display:flex;flex-direction:column}.hero-label[data-v-acb9b618] *{text-align:left;white-space:nowrap}.hero-label strong[data-v-acb9b618]{font-size:1.125rem;margin-bottom:.25rem}.hero-label span[data-v-acb9b618]{font-size:.875rem}.hero-card[data-v-acb9b618]{background-color:var(--card);border:1px solid var(--border);border-radius:20%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;padding:.75rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.hero-card-icon[data-v-acb9b618]{display:block;height:2.25rem;width:2.25rem}.hero-card-icon img[data-v-acb9b618]{height:100%;margin:auto;width:100%}.hero-card--l[data-v-acb9b618]{background:linear-gradient(90deg,#22d3ee,#3362d3 50%,#c084fc);border:none;box-shadow:0 10px 25px -5px #3362d366;overflow:hidden;padding:2px}.hero-card--l>div[data-v-acb9b618]{background-color:var(--card);border-radius:inherit;content:"";display:block;padding:1.5rem;position:relative;z-index:1}.hero-card--l>div[data-v-acb9b618]:after{animation-duration:5s;animation-iteration-count:infinite;animation-name:shine-acb9b618;animation-timing-function:cubic-bezier(.175,.885,.32,1.275);background-color:#ffffff90;content:"";display:block;filter:blur(25px);height:200%;left:-20%;position:absolute;top:-50%;transform:rotate(12deg);width:5%;z-index:10}@keyframes shine-acb9b618{0%{left:-50%}50%,to{left:150%}}.hero-card--l svg[data-v-acb9b618]{display:block;height:5rem;width:5rem}.hero-links[data-v-acb9b618]{flex-grow:1;margin:auto}@media(max-width:800px){.hero[data-v-acb9b618]{flex-direction:column}.hero-layer[data-v-acb9b618]{flex-direction:row}.hero-label[data-v-acb9b618]{display:none}}