.glass-ui-svg{width:100%;height:100%;top:0;left:0;position:absolute}.glass-ui-outer-light{width:100%;height:100%;top:0;left:0;z-index:-1;position:absolute;transition:box-shadow .2s ease-in-out;will-change:box-shadow}.glass-ui-distortion-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.glass-ui-background-layer{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}.glass-ui-inner-light{top:0;left:0;z-index:1;width:100%;height:100%;position:absolute;transition:box-shadow .2s ease-in-out;will-change:box-shadow}.glass-ui-border-layer{top:0;left:0;z-index:1;width:100%;height:100%;position:absolute}.glass-ui-container{position:relative;-webkit-user-select:none;user-select:none}.glass-ui-card-content{width:100%;height:100%;position:relative;backface-visibility:hidden;overflow:auto;z-index:1}.content-center{justify-content:center}.d-flex{display:flex}.items-center{align-items:center}.glass-ui-input-container{display:flex;flex-direction:column}.glass-ui-input-label{position:relative;margin:0!important}.glass-ui-input-content{width:100%;height:100%;position:relative;backface-visibility:hidden;z-index:0}.glass-input{width:100%;height:100%;top:0;margin:0;position:absolute;background:none;border:none;outline:none}.glass-input::placeholder{opacity:.7;color:#fff}.glass-input[type=number]{-moz-appearance:textfield}.glass-input[type=number]::-webkit-outer-spin-button,.glass-input[type=number]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=file]{width:100%;height:100%;opacity:0;position:absolute}.file-type-placeholder{-webkit-user-select:none;user-select:none}.glass-range-track{width:100%;height:10px;position:relative;cursor:pointer;border-radius:5px;transition:border .2s ease}.glass-range-fill{position:absolute;height:100%;border-radius:5px;pointer-events:none;transition:opacity .3s ease}.glass-range-thumb{width:30px;height:15px;position:absolute;top:50%;transition:transform .2s ease}.glass-range-border{z-index:10}.glass-ui-button-content{width:100%;height:100%;z-index:1;position:relative;backface-visibility:hidden;cursor:pointer}.installation_section{z-index:2;width:100%;display:flex;justify-content:center;position:relative;background-color:var(--themeColor);padding:var(--headerHeight) var(--sectionPadding)}.installation_section .installation_content{z-index:4;width:100%;display:flex;align-items:center;justify-content:space-between}.installation_section .installation_content .installation_intro{margin-bottom:30px}.installation_section .installation_content .installation_intro .installation_title{font-size:clamp(1.5rem,2.8vw,3rem);margin-bottom:10px}.installation_section .installation_content .installation_intro .installation_description{font-size:1rem;color:var(--textColor);opacity:.9;line-height:1.6;margin:0 auto}.installation_section .installation_content .installation_steps .installation_subtext{font-size:1rem;color:var(--textColor);margin-bottom:12px}.installation_section .installation_content .installation_steps .installation_subtext code{color:#c71ca2;font-weight:600}.installation_section .installation_content .installation_steps .code_block{background-color:var(--black);padding:10px 16px;border-radius:8px;gap:12px;font-family:monospace;display:flex;align-items:center;justify-content:space-between;font-size:.95rem;margin-bottom:15px}.installation_section .installation_content .installation_steps .code_block code{font-weight:600;color:#e199d1;white-space:nowrap}.installation_section .installation_content .installation_steps .code_block .copy_btn{background-color:var(--themeColor);border:none;color:var(--textColor);padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease-in-out;font-size:.85rem}.installation_section .installation_content .installation_steps .code_block .copy_btn:hover{background-color:#aa4498;color:var(--white)}.installation_section .installation_content .installation_steps .installation_meta{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:10px}.installation_section .installation_content .installation_steps .installation_meta .npm_link img{height:24px}.installation_section .installation_content .installation_steps .installation_meta .npm_info{color:var(--textColor);font-size:.9rem}@media screen and (max-width: 850px){.installation_section .installation_content{flex-direction:column}.installation_section .installation_content .installation_description{max-width:100%}.installation_section .installation_content .installation_steps{width:100%}.installation_section .installation_content .code_block{flex-wrap:wrap}.installation_section .installation_content .code_block>code{font-size:clamp(.6rem,1.2vw,2rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.patch_notes_section{width:100%;padding:var(--headerHeight) var(--sectionPadding);background-color:var(--themeColor);display:flex;flex-direction:column;position:relative}.patch_notes_section .patch_notes_header{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.patch_notes_section .patch_notes_header .patch_notes_title{color:#79ceff;font-size:clamp(1.4rem,2vw,2.5rem);font-weight:700}.patch_notes_section .patch_notes_header .patch_notes_date{font-size:clamp(.8rem,1vw,1rem);color:#ff00d9;margin-top:4px}@media screen and (max-width: 850px){.patch_notes_section .patch_notes_header{flex-direction:column}}.patch_notes_section .patch_notes_scroll_container{display:flex;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.patch_notes_section .patch_card{max-width:100%;margin-right:20px;flex:0 0 auto;width:800px;background-color:#00b3ff0f;border-radius:12px;padding:20px;scroll-snap-align:start;border:1px solid rgba(255,255,255,.1)}.patch_notes_section .patch_card .release_title{font-weight:600;font-size:1.2rem;margin-bottom:12px}.patch_notes_section .patch_card .patch_note_list{padding-left:1.2rem;overflow:auto}.patch_notes_section .patch_card .patch_note_list .patch_note_point{margin-bottom:6px;line-height:1.5;white-space:pre-line}@media screen and (max-width: 850px){.patch_notes_section .patch_card{width:100%!important}}.header_container{position:fixed;top:0;left:0;width:100%;padding:15px 10px 0;z-index:10;display:flex;align-items:center;justify-content:center;transform:translateY(0);transition:.5s cubic-bezier(.4,0,.2,1);padding-left:var(--sectionPadding);padding-right:var(--sectionPadding)}.header_container .header_glass_content_container{width:0;padding:5px 10px;overflow:hidden;white-space:nowrap;animation:expandWidth .8s ease-out forwards;transition:opacity .6s ease,transform .6s ease}.header_container .header_glass_content_container .header_glass_content{overflow:hidden;opacity:0;animation:fadeIn .6s ease-out forwards;animation-delay:.5s;transition:opacity .6s ease,transform .6s ease}.header_container .header_glass_content_container .header_glass_content.header_fade_out{animation:fadeOut .25s ease}.header_container .header_glass_content_container .header_glass_content .header_items{opacity:1;transition:opacity .6s ease}.header_container .header_glass_content_container .header_glass_content .menu_items{display:block}.header_container .header_glass_content_container .header_glass_content .logo_image{max-width:25px;max-height:25px}@media screen and (max-width: 850px){.header_container .header_glass_content_container .header_glass_content .menu_items{display:none}}.demo_card .profile_card{width:100%;height:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.demo_card .profile_card .profile_image_container{width:100px;height:100px;border:3px solid var(--white);border-radius:50%;overflow:hidden;margin-bottom:1.2rem;background-color:var(--themeColor)}.demo_card .profile_card .profile_image_container .profile_image{width:100%;height:100%;object-fit:cover}.demo_card .profile_card .profile_info .profile_name{font-size:1.5rem;margin:0}.demo_card .profile_card .profile_info .profile_role{font-size:.9rem;opacity:.7;margin-bottom:1.5rem}.demo_card .profile_card .profile_info .profile_actions{display:flex;justify-content:center}.demo_card .profile_card .profile_info .profile_actions .btn{padding:.6rem 1.2rem;border:none;border-radius:30px;background:transparent;color:var(--text-color);border:1px solid var(--border-color);cursor:pointer;transition:all .25s ease}.demo_card .profile_card .profile_info .profile_actions .btn.primary{background-color:var(--black);color:var(--text-color)}.demo_card .profile_card .profile_info .profile_actions .btn:hover{background:var(--white);color:var(--black)}.demo_card .profile_card .profile_info .profile_actions .btn.primary:hover{filter:brightness(1.1)}.demo_section{width:100%;min-height:700px;display:flex;justify-content:center;position:relative;background-color:var(--themeColor);padding:var(--headerHeight) var(--sectionPadding)}.demo_section .image_container.demo_section_image_container{display:flex;align-items:center;justify-content:center}.demo_section .image_container.demo_section_image_container .background_image{filter:blur(4px);max-height:800px;object-position:center}.demo_section .demo_content{z-index:4;width:100%;display:flex;align-items:center;justify-content:space-between}.demo_section .demo_content .demo_card_container{margin-right:10px;max-width:600px}.demo_section .demo_content .demo_options_container{background-color:#612f5f55;border-radius:20px;max-width:600px}.demo_section .demo_content .demo_options_container .demo_options{min-height:200px;overflow:auto}.demo_section .demo_content .demo_options_container .demo_options .color_label{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--white)}.demo_section .demo_content .demo_options_container .demo_options .color_label input[type=color]{width:40px;height:20px;border:none;padding:0;background:none;border-radius:1px!important;cursor:pointer;box-shadow:0 0 0 1px #fff3;transition:.3s}.demo_section .demo_content .demo_options_container .demo_options .color_label input[type=color]:hover{box-shadow:0 0 0 2px #ffffff4d}.demo_section .demo_content .demo_options_container .demo_options .color_label input[type=color]::-webkit-color-swatch-wrapper{border-radius:1px!important;padding:0}.demo_section .demo_content .demo_options_container .demo_options .color_label input[type=color]::-webkit-color-swatch{border-radius:1px!important;border:none}.demo_section .demo_content .demo_options_container .demo_options .color_label input[type=color]::-moz-color-swatch{border-radius:1px!important;border:none}@media screen and (max-width: 850px){.demo_section .demo_content{flex-direction:column}.demo_section .demo_content .demo_card_container{max-width:100%;margin:0}.demo_section .demo_content .demo_options_container{max-width:100%}.demo_section .image_container.demo_section_image_container .background_image{max-height:100%}}.landing_page_container{width:100%;height:100%;position:relative;overflow-y:auto;overflow-x:hidden;background-color:var(--themeColor)}.landing_page_container .btn_glass_content_container{max-width:200px;pointer-events:visible;cursor:pointer!important}.landing_page_container .btn_glass_content_container .glass_btn{opacity:0;animation:fadeIn 1s ease-out forwards;animation-delay:.2s}.landing_page_container .scroll_spacer{pointer-events:none;height:100%;width:100%}.landing_page_container .landing_section{color:var(--white);pointer-events:none;z-index:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--headerHeight) var(--sectionPadding);position:fixed;top:0;left:0}.landing_page_container .landing_section .landing_page_title{font-size:clamp(1rem,1.3vw,2rem)}.landing_page_container .landing_section .landing_page_subtitle{text-transform:capitalize;font-weight:700;line-height:50px;font-size:clamp(2rem,4vw,3rem)}.landing_page_container .page_footer{z-index:12;position:relative;background:url(/images/footer.webp) no-repeat center;background-size:cover}.landing_page_container .page_footer .footer_glass{padding:20px 30px;width:100%!important;display:flex;justify-content:center;align-items:center}.landing_page_container .page_footer .footer_content{padding:0 var(--sectionPadding);display:flex;justify-content:space-between;align-items:center;color:var(--white);font-size:14px}@media (max-width: 850px){.landing_page_container .page_footer .footer_content{flex-direction:column;text-align:center;align-items:center}}.landing_page_container .page_footer .footer_content .footer_section{display:flex;flex-direction:column;margin:10px 40px}.landing_page_container .page_footer .footer_content .footer_section h4{font-size:16px;font-weight:600;margin-bottom:5px;color:#fffc}.landing_page_container .page_footer .footer_content .footer_section a{text-decoration:none;color:#e0e0e0;font-weight:400;transition:color .25s ease}.landing_page_container .page_footer .footer_content .footer_section a:hover{color:var(--accentColor, #80d0ff)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes expandWidth{0%{width:0}to{width:100%}}html body{margin:0;color:var(--textColor)!important}html body .color_black{color:var(--black)}html body .cursor_pointer{cursor:pointer}html body .white_space_no_wrap{white-space:nowrap}html body .max_width_600{max-width:600px}html body .max_width_700{max-width:700px}html body .image_container{width:100%;height:100%;position:absolute;pointer-events:none;top:0;left:0;overflow:hidden}html body .image_container .background_image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}html body .foreground_image{position:absolute;width:100%;height:100%;object-fit:cover;z-index:2;animation:levitate 4s ease-in-out infinite}@keyframes levitate{0%{transform:translateY(10px)}50%{transform:translateY(0)}to{transform:translateY(10px)}}html body .main_tab_container{display:flex;flex-wrap:wrap;align-items:center;transition:all .3s ease}html body .main_tab_container .tab{font-size:14px;background:none;border:1px solid var(--white);border-radius:10px;padding:8px 17px;color:var(--white);outline:none;margin:5px;cursor:pointer;max-width:fit-content;transition:all .3s ease}html body .main_tab_container .tab.active{background-color:var(--primaryAccent);color:#fff;border-color:var(--primaryAccent)}html body .main_tab_container .tab.reset-btn{background-color:#ff4d4f;color:#fff;border-color:transparent}html body .main_tab_container .tab.reset-btn:hover{background-color:#a02b2d;filter:brightness(1.1)}html body .main_tab_container .tab:hover{background-color:#da8dd5}@media screen and (max-width: 850px){html body .main_tab_container{margin-bottom:5px}html body .main_tab_container .tab{padding:5px 10px;font-size:12px}}::-webkit-scrollbar{width:6px;height:6px;background:var(--themeColor)}::-webkit-scrollbar-thumb{background:var(--primaryAccent);border-radius:10px}:root{--themeColor: #ffffff;--textColor: #000000;--black: #000000;--white: #ffffff;--invalid: rgb(246, 95, 95);--linkColor: #2c6eac;--disabledColor: #979797;--gray: #666666;--borderColor: #ffc4f02b;--primaryAccent: #c168bc;--inputBorder: rgb(82, 27, 82)}:root{--headerHeight: 80px;--sectionPadding: max(30px, 50% - 660px)}
