nav[data-v-2c9c0888]{font-family:frutiger;position:fixed;z-index:1000;width:100vw;background-color:rgba(0,61,103,.3)}.navbar-brand[data-v-2c9c0888]{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}li[data-v-2c9c0888]{font-size:1.1rem}.nav-link[data-v-2c9c0888]{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3);transition:all .3s ease}.nav-link.router-link-active[data-v-2c9c0888],.nav-link[data-v-2c9c0888]:hover{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3),0 0 15px rgba(96,217,247,.4)}.navbar-collapse[data-v-2c9c0888]{transition:all .5s ease-out}*{padding:0;margin:0}#app{background:linear-gradient(45deg,#052b5f 23%,#138c9d 35%,#cee546 83%);background-position:bottom;background-repeat:no-repeat;background-size:cover;min-height:100vh}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}h2[data-v-1ee4bf7c]{text-shadow:0 0 10px #686868}.intro[data-v-1ee4bf7c],h2[data-v-1ee4bf7c],h3[data-v-1ee4bf7c]{text-align:center;color:#f0f8ff;font-family:frutiger}.install-box[data-v-1ee4bf7c]{background-color:rgba(49,104,255,.219)}.install-text[data-v-1ee4bf7c]{text-align:center;color:#f0f8ff;font-family:frutiger}.code-button[data-v-1ee4bf7c]{display:flex;align-items:center;justify-content:center;background-color:rgba(5,4,54,.651)}.code-button code[data-v-1ee4bf7c]{font-family:frutiger;color:#f0f8ff;text-align:left}.code-button svg[data-v-1ee4bf7c]{flex-shrink:0}.scroll-code[data-v-1ee4bf7c]{display:block;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.examples-text[data-v-1ee4bf7c]{text-align:center;color:#f0f8ff;font-family:frutiger}.why-vitralcss[data-v-4554473f]{text-align:center}h2[data-v-4554473f]{font-family:frutiger;font-weight:700}.subtitle[data-v-4554473f],h2[data-v-4554473f]{color:#f0f8ff;text-shadow:0 0 10px #686868}.description[data-v-4554473f]{color:#f0f8ff;font-family:frutiger}.benefit[data-v-4554473f]{color:#f0f8ff;text-shadow:0 0 5px #686868;background-color:rgba(32,17,85,.219);display:flex;align-items:center;justify-content:center}.benefit span[data-v-4554473f]{text-align:center}.features[data-v-0904a47d]{text-align:center;color:#f0f8ff}h2[data-v-0904a47d]{font-family:frutiger;font-weight:700}.subtitle[data-v-0904a47d],h2[data-v-0904a47d]{color:#f0f8ff;text-shadow:0 0 10px #686868}.description[data-v-0904a47d]{color:#f0f8ff;font-family:frutiger}.feature[data-v-0904a47d]{text-shadow:0 0 5px #686868;display:flex;align-items:center;justify-content:center}.feature span[data-v-0904a47d]{text-align:center}.demo-preview[data-v-6208f33e]{padding:40px 0}.header-panel[data-v-6208f33e]{text-align:center;margin-bottom:30px}.header-panel h2[data-v-6208f33e]{font-weight:700;margin-bottom:10px}.header-panel h2[data-v-6208f33e],.subtitle[data-v-6208f33e]{font-family:frutiger;color:#f0f8ff;text-shadow:0 0 10px #686868}.demo-box[data-v-6208f33e]{padding:20px;background-color:rgba(0,0,0,.3)}.control-group[data-v-6208f33e]{margin-bottom:20px}.control-group label[data-v-6208f33e]{display:block;color:#f0f8ff;font-family:frutiger;margin-bottom:8px;font-weight:700}.btn-group[data-v-6208f33e]{display:flex;flex-wrap:wrap;gap:5px}.selector-btn[data-v-6208f33e]{padding:8px 12px;font-size:12px;cursor:pointer;border:none;color:#f0f8ff;transition:transform .2s}.selector-btn.active[data-v-6208f33e]{transform:scale(1.1);box-shadow:0 0 15px hsla(0,0%,100%,.5)}.variant-selector[data-v-6208f33e]{display:flex;flex-wrap:wrap;gap:5px}.variant-btn[data-v-6208f33e]{padding:6px 10px;font-size:11px;cursor:pointer;border:none;color:#f0f8ff;min-width:35px}.variant-btn.active[data-v-6208f33e]{box-shadow:0 0 15px hsla(0,0%,100%,.5);transform:scale(1.1)}.toggle-btn[data-v-6208f33e]{padding:8px 20px;cursor:pointer;border:none;color:#f0f8ff;font-family:frutiger;font-weight:700}.toggle-btn.active[data-v-6208f33e]{background-color:rgba(0,200,100,.5)}.color-controls[data-v-6208f33e]{display:flex;align-items:center;gap:10px}.color-picker[data-v-6208f33e]{width:40px;height:35px;border:none;cursor:pointer;background:none}.color-picker[data-v-6208f33e]::-webkit-color-swatch-wrapper{padding:0}.color-picker[data-v-6208f33e]::-webkit-color-swatch{border:2px solid hsla(0,0%,100%,.3);border-radius:5px}.opacity-slider[data-v-6208f33e]{flex:1;height:8px;cursor:pointer;accent-color:#4fc3f7}.opacity-value[data-v-6208f33e]{color:#f0f8ff;font-family:frutiger;font-size:14px;min-width:30px;text-align:center}.color-hint[data-v-6208f33e]{color:#f0f8ff;font-size:11px;font-family:frutiger;opacity:.7;margin-top:6px;text-align:center}.default-note[data-v-6208f33e]{color:hsla(0,0%,100%,.5);font-size:10px;font-family:frutiger;text-align:center;margin-top:4px}.preview-area[data-v-6208f33e]{position:relative;min-height:250px;background-image:url(../img/FrutigerFruitsBG.bac10f7a.webp);background-size:cover;background-position:50%;border-radius:10px;overflow:hidden;margin-bottom:20px}.layer-container[data-v-6208f33e]{position:relative;width:100%;height:250px}.layer-container>div[data-v-6208f33e]{background-color:rgba(0,0,0,.2)}.preview-text[data-v-6208f33e]{color:#f0f8ff;font-family:frutiger;font-size:18px;text-shadow:0 0 10px #686868}.code-output[data-v-6208f33e]{margin-top:15px}.code-display[data-v-6208f33e]{display:flex;align-items:center;justify-content:space-between;background-color:rgba(0,0,0,.6);padding:12px}.code-display code[data-v-6208f33e]{font-family:frutiger;color:#f0f8ff;font-size:14px;overflow-x:auto;white-space:nowrap}.copy-btn[data-v-6208f33e]{background:transparent;border:none;color:#f0f8ff;cursor:pointer;padding:5px;display:flex;align-items:center;transition:transform .2s}.copy-btn[data-v-6208f33e]:hover{transform:scale(1.1)}.layer-hint[data-v-6208f33e]{color:#f0f8ff;font-size:12px;font-family:frutiger;opacity:.8;margin-top:8px;text-align:center}.layer-controls[data-v-6208f33e]{display:flex;gap:10px;justify-content:center}.layer-btn[data-v-6208f33e]{padding:8px 15px;cursor:pointer;border:none;color:#f0f8ff;font-family:frutiger;font-size:16px}.layer-btn[data-v-6208f33e]:disabled{opacity:.5;cursor:not-allowed}.layer-label[data-v-6208f33e]{color:#f0f8ff;font-family:frutiger;font-size:14px;text-shadow:0 0 10px #686868;font-weight:700}.single-preview[data-v-6208f33e]{min-height:200px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.2)}@media screen and (min-width:768px){.control-group[data-v-6208f33e]{margin-bottom:15px}}@media screen and (min-width:1024px){.preview-area[data-v-6208f33e]{margin-bottom:0}}.github-cta[data-v-52462b64]{padding:50px 0}.cta-box[data-v-52462b64]{text-align:center;padding:30px;background-color:rgba(0,0,0,.2)}.cta-box h2[data-v-52462b64]{font-family:frutiger;font-weight:700;color:#f0f8ff;text-shadow:0 0 10px #686868;margin-bottom:15px}.description[data-v-52462b64]{color:#f0f8ff;font-family:frutiger;margin-bottom:25px}.cta-buttons[data-v-52462b64]{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.github-btn[data-v-52462b64],.issue-btn[data-v-52462b64]{display:flex;align-items:center;gap:8px;padding:12px 20px;text-decoration:none;color:#f0f8ff;font-family:frutiger;font-weight:700;transition:transform .2s,box-shadow .2s}.github-btn[data-v-52462b64]:hover,.issue-btn[data-v-52462b64]:hover{transform:translateY(-3px);box-shadow:0 5px 20px hsla(0,0%,100%,.3)}.github-btn svg[data-v-52462b64],.issue-btn svg[data-v-52462b64]{flex-shrink:0}.star-count[data-v-52462b64]{font-size:18px}@media screen and (min-width:480px){.cta-buttons[data-v-52462b64]{flex-direction:row}}@media screen and (min-width:768px){.github-btn[data-v-52462b64],.issue-btn[data-v-52462b64]{padding:15px 25px}}.site-footer[data-v-1a34472f]{margin-top:40px}.footer-content[data-v-1a34472f]{padding:30px 20px;background-color:rgba(0,0,0,.4)}.footer-section[data-v-1a34472f]{margin-bottom:25px;text-align:center}.footer-section h4[data-v-1a34472f]{color:#f0f8ff;font-family:frutiger;font-weight:700;margin-bottom:15px;text-shadow:0 0 10px #686868}.footer-links[data-v-1a34472f]{list-style:none;padding:0;margin:0}.footer-links li[data-v-1a34472f]{margin-bottom:8px}.footer-links a[data-v-1a34472f]{color:#f0f8ff;text-decoration:none;font-family:frutiger;transition:color .2s}.footer-links a[data-v-1a34472f]:hover{color:#4fc3f7;text-decoration:underline}.social-links[data-v-1a34472f]{display:flex;justify-content:center;gap:10px;margin-bottom:15px}.social-link[data-v-1a34472f]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#f0f8ff;text-decoration:none;transition:transform .2s}.social-link[data-v-1a34472f]:hover{transform:scale(1.1)}.copyright[data-v-1a34472f]{color:#f0f8ff;font-family:frutiger;font-size:14px;margin:0}.copyright a[data-v-1a34472f]{color:#4fc3f7;text-decoration:none}.copyright a[data-v-1a34472f]:hover{text-decoration:underline}.footer-bottom[data-v-1a34472f]{margin-top:25px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.1);text-align:center}.footer-bottom p[data-v-1a34472f]{color:hsla(0,0%,100%,.6);font-family:frutiger;font-size:13px;margin:0}@media screen and (min-width:768px){.footer-section[data-v-1a34472f]{margin-bottom:0;text-align:left}.social-links[data-v-1a34472f]{justify-content:flex-start}.footer-bottom[data-v-1a34472f]{text-align:center}}header[data-v-9bb2f61e]{background-image:url(../img/HomeBG.56c3adf1.webp);background-size:cover;background-position:50%;height:100vh;width:100vw}.title-box[data-v-9bb2f61e],header[data-v-9bb2f61e]{align-items:center;justify-content:center;display:flex}.title-box[data-v-9bb2f61e]{text-align:center;color:#f2ffff;font-family:frutiger;flex-direction:column;background-color:rgba(14,56,75,.226);width:90%}.title-box p[data-v-9bb2f61e]:first-of-type{opacity:.9}.title-box h1[data-v-9bb2f61e]{font-weight:700;text-shadow:0 0 20px hsla(0,0%,100%,.3)}.subtittle[data-v-9bb2f61e]{font-size:22px}.tittle[data-v-9bb2f61e]{font-size:30px}.cta-container[data-v-9bb2f61e]{width:100%;display:flex;flex-direction:column;justify-content:space-around}.code-box[data-v-9bb2f61e]{position:relative;display:flex;align-items:center;justify-content:space-around;background-color:rgba(0,0,0,.514);width:100%;height:1vh}.code-box code[data-v-9bb2f61e]{font-family:frutiger;color:#f0f8ff;font-size:20px}.code-box button[data-v-9bb2f61e]{background-color:transparent;color:#f0f8ff;border:none;display:flex;align-items:center}.docs-link[data-v-9bb2f61e]{position:relative;top:2vh;display:flex;align-items:center;justify-content:space-around;background-color:rgba(0,0,0,.137);color:#f0f8ff;text-decoration:none;width:100%;height:1vh;font-size:20px}.svg-icon[data-v-9bb2f61e]{width:1.5rem;height:1.5rem}@media screen and (min-width:480px){header[data-v-9bb2f61e]{height:100vh;width:100vw}.title-box[data-v-9bb2f61e]{width:90%}.subtittle[data-v-9bb2f61e]{font-size:30px}.tittle[data-v-9bb2f61e]{font-size:50px}.code-box[data-v-9bb2f61e],.docs-link[data-v-9bb2f61e]{width:100%;height:1vh}.code-box code[data-v-9bb2f61e],.docs-link span[data-v-9bb2f61e]{width:80%;font-size:28px;text-align:left}.code-box button[data-v-9bb2f61e],.docs-link svg[data-v-9bb2f61e]{width:10%;justify-content:end}.svg-icon[data-v-9bb2f61e]{width:2rem;height:2rem}}@media screen and (min-width:768px){header[data-v-9bb2f61e]{height:80vh}.title-box[data-v-9bb2f61e]{width:90%}.subtittle[data-v-9bb2f61e]{font-size:35px}.tittle[data-v-9bb2f61e]{font-size:60px}.cta-container[data-v-9bb2f61e]{flex-direction:row}.code-box[data-v-9bb2f61e]{width:45%;height:7vh}.docs-link[data-v-9bb2f61e]{top:0;width:45%;height:7vh}.svg-icon[data-v-9bb2f61e]{width:2.5rem;height:2.5rem}}@media screen and (min-width:1024px){header[data-v-9bb2f61e]{height:80vh}.title-box[data-v-9bb2f61e]{width:80%}.subtittle[data-v-9bb2f61e]{font-size:35px}.tittle[data-v-9bb2f61e]{font-size:60px}.cta-container[data-v-9bb2f61e]{flex-direction:row}.code-box[data-v-9bb2f61e]{width:45%;height:10vh}.docs-link[data-v-9bb2f61e]{top:0;width:45%;height:10vh}.code-box code[data-v-9bb2f61e],.docs-link span[data-v-9bb2f61e]{font-size:35px}.code-box button[data-v-9bb2f61e],.docs-link svg[data-v-9bb2f61e]{width:10%;justify-content:end}.svg-icon[data-v-9bb2f61e]{width:2.5rem;height:2.5rem}}@media screen and (min-width:1440px){header[data-v-9bb2f61e]{height:80vh}.title-box[data-v-9bb2f61e]{width:60%}.subtittle[data-v-9bb2f61e]{font-size:40px}.tittle[data-v-9bb2f61e]{font-size:90px}.cta-container[data-v-9bb2f61e]{flex-direction:row}.code-box[data-v-9bb2f61e]{width:45%;height:10vh}.docs-link[data-v-9bb2f61e]{top:0;width:45%;height:10vh}.code-box code[data-v-9bb2f61e],.docs-link span[data-v-9bb2f61e]{font-size:35px}.code-box button[data-v-9bb2f61e],.docs-link svg[data-v-9bb2f61e]{width:10%;justify-content:end}.svg-icon[data-v-9bb2f61e]{width:2.5rem;height:2.5rem}}@media screen and (min-width:1910px){header[data-v-9bb2f61e]{height:80vh}.title-box[data-v-9bb2f61e]{width:70%}.subtittle[data-v-9bb2f61e]{font-size:40px}.tittle[data-v-9bb2f61e]{font-size:90px}.cta-container[data-v-9bb2f61e]{flex-direction:row}.code-box[data-v-9bb2f61e]{width:45%;height:10vh}.docs-link[data-v-9bb2f61e]{top:0;width:45%;height:10vh}.code-box code[data-v-9bb2f61e],.docs-link span[data-v-9bb2f61e]{font-size:35px}.code-box button[data-v-9bb2f61e],.docs-link svg[data-v-9bb2f61e]{width:10%;justify-content:end}.svg-icon[data-v-9bb2f61e]{width:2.5rem;height:2.5rem}}.under-construction[data-v-3ada07ca]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 20px 40px}.ice-theme[data-v-3ada07ca]{background:linear-gradient(135deg,#0891b2,#06b6d4,#22d3ee)}.container[data-v-3ada07ca]{text-align:center;max-width:600px}.icon[data-v-3ada07ca]{font-size:80px;color:#e0f2fe;margin-bottom:30px;animation:sparkle-3ada07ca 2s ease-in-out infinite}@keyframes sparkle-3ada07ca{0%,to{opacity:1;transform:rotate(0deg)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}h1[data-v-3ada07ca]{font-family:frutiger;font-size:48px;font-weight:900;color:#f0f9ff;margin-bottom:20px;text-shadow:0 0 20px rgba(224,242,254,.5)}p[data-v-3ada07ca]{font-family:frutiger;font-size:20px;color:#bae6fd;margin-bottom:40px}.btn-home[data-v-3ada07ca]{display:inline-flex;align-items:center;gap:10px;padding:15px 35px;color:#f0f9ff;text-decoration:none;font-family:frutiger;font-size:18px;transition:all .3s ease}.btn-home[data-v-3ada07ca]:hover{transform:scale(1.05);color:#fff}@media (max-width:767px){.icon[data-v-3ada07ca]{font-size:60px}h1[data-v-3ada07ca]{font-size:36px}p[data-v-3ada07ca]{font-size:18px}}.under-construction[data-v-375cb2a4]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 20px 40px}.water-theme[data-v-375cb2a4]{background:linear-gradient(135deg,#0a3d62,#1e5f74,#148f77)}.container[data-v-375cb2a4]{text-align:center;max-width:600px}.icon[data-v-375cb2a4]{font-size:80px;color:#60d9f7;margin-bottom:30px;animation:wave-375cb2a4 3s ease-in-out infinite}@keyframes wave-375cb2a4{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}h1[data-v-375cb2a4]{font-family:frutiger;font-size:48px;font-weight:900;color:#e0f7fa;margin-bottom:20px;text-shadow:0 0 20px rgba(96,217,247,.5)}p[data-v-375cb2a4]{font-family:frutiger;font-size:20px;color:#b2ebf2;margin-bottom:40px}.btn-home[data-v-375cb2a4]{display:inline-flex;align-items:center;gap:10px;padding:15px 35px;color:#e0f7fa;text-decoration:none;font-family:frutiger;font-size:18px;transition:all .3s ease}.btn-home[data-v-375cb2a4]:hover{transform:scale(1.05);color:#fff}@media (max-width:767px){.icon[data-v-375cb2a4]{font-size:60px}h1[data-v-375cb2a4]{font-size:36px}p[data-v-375cb2a4]{font-size:18px}}.under-construction[data-v-45aff3e5]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 20px 40px}.ice-theme[data-v-45aff3e5]{background:linear-gradient(135deg,#1e3a5f,#2563eb,#60a5fa)}.container[data-v-45aff3e5]{text-align:center;max-width:600px}.icon[data-v-45aff3e5]{font-size:80px;color:#bfdbfe;margin-bottom:30px;animation:pulse-45aff3e5 2s ease-in-out infinite}@keyframes pulse-45aff3e5{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}h1[data-v-45aff3e5]{font-family:frutiger;font-size:48px;font-weight:900;color:#eff6ff;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.3)}p[data-v-45aff3e5]{font-family:frutiger;font-size:20px;color:#dbeafe;margin-bottom:40px;text-shadow:0 1px 5px rgba(0,0,0,.2)}.btn-home[data-v-45aff3e5]{display:inline-flex;align-items:center;gap:10px;padding:15px 35px;color:#eff6ff;text-decoration:none;font-family:frutiger;font-size:18px;transition:all .3s ease}.btn-home[data-v-45aff3e5]:hover{transform:scale(1.05);color:#fff}@media (max-width:767px){.icon[data-v-45aff3e5]{font-size:60px}h1[data-v-45aff3e5]{font-size:36px}p[data-v-45aff3e5]{font-size:18px}}.under-construction[data-v-bbd2b36c]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 20px 40px}.fog-theme[data-v-bbd2b36c]{background:linear-gradient(135deg,#2c3e50,#34495e,#7f8c8d)}.container[data-v-bbd2b36c]{text-align:center;max-width:600px}.icon[data-v-bbd2b36c]{font-size:80px;color:#bdc3c7;margin-bottom:30px;animation:drift-bbd2b36c 4s ease-in-out infinite}@keyframes drift-bbd2b36c{0%,to{opacity:.7;transform:translateX(0)}50%{opacity:1;transform:translateX(10px)}}h1[data-v-bbd2b36c]{font-family:frutiger;font-size:48px;font-weight:900;color:#ecf0f1;margin-bottom:20px;text-shadow:0 0 20px hsla(204,8%,76%,.5)}p[data-v-bbd2b36c]{font-family:frutiger;font-size:20px;color:#bdc3c7;margin-bottom:40px}.btn-home[data-v-bbd2b36c]{display:inline-flex;align-items:center;gap:10px;padding:15px 35px;color:#ecf0f1;text-decoration:none;font-family:frutiger;font-size:18px;transition:all .3s ease}.btn-home[data-v-bbd2b36c]:hover{transform:scale(1.05);color:#fff}@media (max-width:767px){.icon[data-v-bbd2b36c]{font-size:60px}h1[data-v-bbd2b36c]{font-size:36px}p[data-v-bbd2b36c]{font-size:18px}}@font-face{font-family:frutiger;src:url(../fonts/Frutiger.f00bfa1f.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:frutiger;src:url(../fonts/Frutiger_bold.6e389503.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Affirmative;src:url(../fonts/Affirmative.2c138a8a.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Affirmative;src:url(../fonts/Affirmative_Italic.537c8a56.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}