*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:100%;--bg-all-color: #181a1b;--bg-color-black: black;--bg-color-white: white;--sidebar-collapsed-width: 4rem;--sidebar-width: 13vw;--border-radius-05rem: .5rem;--white-opacity-04: rgba(255, 255, 255, .04);--white-opacity-06: rgba(255, 255, 255, .08);--black-opacity-active: #48494a;--border-width-3px: .1875rem;--keyborad-bg: rgba(255, 255, 255, .04);--keyCode-text-color: white;--border-color-light: #414243;--color-primary: hsl(0, 0%, 100%);--text-color-dark: #8e8c8c;--text-color-white: #fff;--text-color-black: #000}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}#app{width:100%;height:100vh;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.message[data-v-b88622ac]{position:fixed;left:50%;transform:translate(-50%);z-index:1000;padding:15px 20px;border-radius:var(--border-radius-05rem, .5rem);display:flex;align-items:center;min-width:380px;box-shadow:0 2px 12px #0000001a;transition:opacity .3s,transform .3s,top .3s;background-color:var(--white-opacity-04, rgba(255, 255, 255, .1));-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-left:5px solid var(--color-primary, #409eff);color:var(--text-color-white)}.message--success[data-v-b88622ac]{background-color:#67c23a1a;border-left-color:var(--color-success, #67c23a);color:var(--color-success, #67c23a)}.message--error[data-v-b88622ac]{background-color:#f56c6c1a;border-left-color:var(--color-error, #f56c6c);color:var(--color-error, #f56c6c)}.message.is-center[data-v-b88622ac]{justify-content:center}.message__icon[data-v-b88622ac]{margin-right:10px;font-size:16px}.message__content[data-v-b88622ac]{margin:0;font-size:14px;line-height:1;flex-grow:1}.message__close-btn[data-v-b88622ac]{margin-left:15px;cursor:pointer;font-size:16px;transition:color .3s}.message__close-btn[data-v-b88622ac]:hover{color:var(--text-color-light, #cccccc)}.message-fade-enter-from[data-v-b88622ac],.message-fade-leave-to[data-v-b88622ac]{opacity:0;transform:translate(-50%,-100%)}.svg-icon[data-v-33c78371]{line-height:0}.svg-icon[data-v-33c78371] svg{width:100%;height:100%;fill:currentColor;stroke:currentColor}.loading-overlay[data-v-ecd1a96d]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.loading-container[data-v-ecd1a96d]{background-color:var(--white-opacity-04, rgba(255, 255, 255, .1));border-radius:var(--border-radius-05rem, .5rem);padding:2rem;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);display:flex;flex-direction:column;align-items:center;color:var(--text-color-white);min-width:200px;box-shadow:0 .25rem 1rem #0000004d}.loading-spinner[data-v-ecd1a96d]{animation:rotate-ecd1a96d 1.5s linear infinite;margin-bottom:1rem}@keyframes rotate-ecd1a96d{to{transform:rotate(360deg)}}.loading-icon[data-v-ecd1a96d]{width:40px;height:40px;color:var(--text-color-white)}.loading-text[data-v-ecd1a96d]{margin:0;font-size:1rem;text-align:center}.loading-fade-enter-active[data-v-ecd1a96d],.loading-fade-leave-active[data-v-ecd1a96d]{transition:opacity .3s}.loading-fade-enter-from[data-v-ecd1a96d],.loading-fade-leave-to[data-v-ecd1a96d]{opacity:0}.home-page[data-v-c545c18f]{width:100vw;height:100vh;display:flex;flex-direction:column;background-image:url(./allbg-D58ISD2p.png);background-color:var(--bg-all-color);background-size:100% 100%;position:relative;overflow:hidden}.home-page[data-v-c545c18f]:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:move-c545c18f 20s linear infinite}@keyframes move-c545c18f{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.home-content[data-v-c545c18f]{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;padding-bottom:120px;animation:fadeIn-c545c18f 1s ease-in}@keyframes fadeIn-c545c18f{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.home-title[data-v-c545c18f]{font-size:clamp(2rem,5vw,4rem);color:var(--text-color-white);margin-bottom:3rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.device-list-container[data-v-c545c18f]{width:100%;max-width:1400px;margin-top:2rem;display:flex;justify-content:center;overflow:hidden}.device-list-scroll[data-v-c545c18f]{display:flex;gap:1.5rem;overflow-x:auto;overflow-y:hidden;padding:1rem 2rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;justify-content:center;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.6) rgba(255,255,255,.1)}.device-list-scroll.can-scroll[data-v-c545c18f]{justify-content:flex-start;padding-left:calc(50% - 160px);padding-right:calc(50% - 160px)}.device-list-scroll[data-v-c545c18f]::-webkit-scrollbar{height:8px}.device-list-scroll[data-v-c545c18f]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px;margin:0 2rem}.device-list-scroll[data-v-c545c18f]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.device-list-scroll[data-v-c545c18f]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#93a4f0,#9067b9)}.device-item[data-v-c545c18f]{flex:0 0 320px;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;position:relative;overflow:hidden}.device-item[data-v-c545c18f]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.device-item[data-v-c545c18f]:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px #0006;border-color:#fff6}.device-item[data-v-c545c18f]:hover:before{opacity:.1}.device-item:hover .device-icon[data-v-c545c18f]{transform:scale(1.1);color:var(--text-color-white)}.device-item:hover .device-arrow[data-v-c545c18f]{transform:translate(5px)}.device-item[data-v-c545c18f]:active{transform:translateY(-2px) scale(1.01)}.device-icon[data-v-c545c18f]{margin-bottom:1rem;color:var(--text-color-white);transition:all .3s ease;z-index:1}.device-icon svg[data-v-c545c18f]{width:100%;height:100%}.device-info[data-v-c545c18f]{flex:1;text-align:center;z-index:1;width:100%}.device-name[data-v-c545c18f]{font-size:1.3rem;font-weight:600;color:var(--text-color-white);margin-bottom:.75rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-details[data-v-c545c18f]{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:#fffc}.device-id[data-v-c545c18f]{font-family:Courier New,monospace;background:#ffffff1a;padding:.25rem .5rem;border-radius:6px;display:inline-block}.device-count[data-v-c545c18f]{font-size:.85rem;opacity:.9}.device-arrow[data-v-c545c18f]{margin-top:1rem;width:32px;height:32px;color:var(--text-color-white);transition:all .3s ease;z-index:1}.device-arrow svg[data-v-c545c18f]{width:100%;height:100%}.empty-state[data-v-c545c18f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#ffffffb3}.empty-icon[data-v-c545c18f]{width:80px;height:80px;margin-bottom:1rem;opacity:.6}.empty-icon svg[data-v-c545c18f]{width:100%;height:100%}.empty-text[data-v-c545c18f]{font-size:1.1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.bottom-actions[data-v-c545c18f]{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.4),rgba(0,0,0,.1),transparent)}.connect-btn[data-v-c545c18f]{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.1rem 3rem;font-size:1.1rem;background:linear-gradient(135deg,#fff3,#ffffff1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-color-white);border:2px solid rgba(255,255,255,.3);border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 8px 25px #667eea4d,inset 0 1px #fff3;min-width:220px;position:relative;overflow:hidden}.connect-btn[data-v-c545c18f]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease;z-index:-1}.connect-btn svg[data-v-c545c18f]{width:24px;height:24px;transition:transform .3s ease}.connect-btn span[data-v-c545c18f]{position:relative;z-index:1}.connect-btn[data-v-c545c18f]:hover{transform:translateY(-3px);border-color:#ffffff80;box-shadow:0 12px 35px #667eea80,0 0 20px #764ba24d,inset 0 1px #ffffff4d}.connect-btn[data-v-c545c18f]:hover:before{opacity:.8}.connect-btn:hover svg[data-v-c545c18f]{transform:rotate(90deg)}.connect-btn[data-v-c545c18f]:active{transform:translateY(-1px)}.connect-btn[data-v-c545c18f]:focus{outline:none;box-shadow:0 8px 25px #667eea66,0 0 0 4px #667eea33}@media(max-width:768px){.device-item[data-v-c545c18f]{flex:0 0 280px;padding:1.5rem 1rem}.device-list-scroll[data-v-c545c18f]{gap:1rem}.home-content[data-v-c545c18f]{padding-bottom:100px}.connect-btn[data-v-c545c18f]{padding:.875rem 2rem;font-size:1rem;min-width:180px}}.language-list-container[data-v-3cc966d0]{position:relative;display:inline-block}.language-list[data-v-3cc966d0]{-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);position:absolute;border:1px solid white;border-radius:10px;overflow-y:auto;z-index:1000;margin:0;padding:0;list-style:none;scrollbar-width:none;-ms-overflow-style:none}.language-list[data-v-3cc966d0]::-webkit-scrollbar{display:none}.language-item[data-v-3cc966d0]{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.language-item[data-v-3cc966d0]:last-child{border-bottom:none}.language-item[data-v-3cc966d0]:hover,.language-item.active[data-v-3cc966d0]{background-color:#333435}.language-flag[data-v-3cc966d0]{margin-right:8px;font-size:16px}.language-name[data-v-3cc966d0]{font-weight:500;margin-right:8px}.language-native[data-v-3cc966d0]{color:#666;font-size:.9em}.onboard-container[data-v-746fe33c]{padding:1.25rem;width:18.5rem;height:30.375rem;border-radius:var(--border-radius-05rem);position:absolute;top:0;-webkit-backdrop-filter:blur(1.25rem) brightness(.9);backdrop-filter:blur(1.25rem) brightness(.9);background:rgba(from #1f1f1f r g b / 0)}.onboard-container .titleBox[data-v-746fe33c]{font-size:.875rem;display:flex;justify-content:space-between;height:1.875rem;line-height:1.875rem;margin-bottom:.625rem}.onboard-container .titleBox .title-text[data-v-746fe33c]{font-weight:700}.onboard-container .titleBox .configManager[data-v-746fe33c]{color:#fff9}.onboard-container .titleBox .configManager[data-v-746fe33c]:hover{border-bottom:1px solid white}.onboard-container .onboard-item[data-v-746fe33c]{padding:.75rem 1rem;background-color:var(--white-opacity-04);border-radius:var(--border-radius-05rem);margin-bottom:.625rem}.onboard-container .onboard-item[data-v-746fe33c]:hover{background-color:var(--black-opacity-active)}.sidebar[data-v-baef65d0]{width:var(--sidebar-width);border-radius:var(--border-radius-05rem);color:var(--text-color-white);display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;position:relative;z-index:100;overflow:visible}.sidebar.sidebar-collapsed[data-v-baef65d0]{width:var(--sidebar-collapsed-width);overflow:visible}.sidebar.sidebar-collapsed .nav-icon[data-v-baef65d0]{margin-right:0}.sidebar-box[data-v-baef65d0]{flex:1;border-radius:8px;display:flex;flex-direction:column;background-color:var(--white-opacity-04)}.sidebar-header[data-v-baef65d0]{padding:1.5rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.sidebar-title[data-v-baef65d0]{margin:0;font-size:1.5rem;font-weight:600}.collapse-btn[data-v-baef65d0]{background:#ffffff1a;border:none;color:var(--text-color-white);width:35px;height:35px;border-radius:5px;cursor:pointer;font-size:1.2rem;transition:background .3s ease;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.collapse-btn[data-v-baef65d0]:hover{background:#fff3}.sidebar-nav[data-v-baef65d0]{flex:1;overflow-y:auto;overflow-x:visible;position:relative}.sidebar-nav .sidebar-nav-title[data-v-baef65d0]{margin-left:1rem}.onboard-item[data-v-baef65d0]{display:flex;align-items:center;background-color:var(--white-opacity-04);transition:all .3s ease;cursor:pointer;width:100%;padding:.6rem 1.5rem;position:relative;border-radius:var(--border-radius-05rem);margin-bottom:3px}.nav-item[data-v-baef65d0]{display:flex;align-items:center;padding:.6rem 1.5rem;text-decoration:none;transition:all .3s ease;position:relative;overflow:visible;z-index:1;margin:5px 0;color:var(--text-color-white)}.nav-item[data-v-baef65d0]:hover{background:var(--white-opacity-06)}.nav-item.active[data-v-baef65d0]{background:var(--white-opacity-06);border-left:1px solid;border-left-color:var(--text-color-white)}.nav-icon[data-v-baef65d0]{font-size:1.5rem;margin-right:1rem;min-width:24px;text-align:center}.nav-text[data-v-baef65d0]{white-space:nowrap;margin-left:.3125rem}.nav-tooltip[data-v-baef65d0]{position:fixed;left:0;top:0;transform:translate(-50%) translateY(-100%);background:var(--bg-color-black);color:var(--text-color-white);padding:.3rem .6rem;border-radius:4px;font-size:.575rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;pointer-events:none;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000004d;z-index:99999;min-width:max-content;will-change:transform,opacity;margin-bottom:10px}.nav-tooltip[data-v-baef65d0]:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--bg-color-black)}.nav-tooltip[data-v-baef65d0]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:#fff3;z-index:-1}.sidebar-collapsed .nav-item[data-v-baef65d0]{position:relative}.main-content[data-v-baef65d0]{flex:1;overflow-y:auto;padding:var(--border-width-3px)}.fade-enter-active[data-v-baef65d0],.fade-leave-active[data-v-baef65d0]{transition:opacity .3s ease}.fade-enter-from[data-v-baef65d0],.fade-leave-to[data-v-baef65d0]{opacity:0}@media(max-width:768px){.sidebar[data-v-baef65d0]{position:fixed;left:0;top:0;height:100vh;z-index:1000;transform:translate(0);transition:transform .3s ease}.sidebar.sidebar-collapsed[data-v-baef65d0]{transform:translate(-100%)}.main-content[data-v-baef65d0]{width:100%;padding:1rem}}@media(max-width:480px){.main-content[data-v-baef65d0]{padding:.5rem}}.main[data-v-2bcf3986]{background-image:url(./allbg-D58ISD2p.png);background-color:var(--bg-all-color);background-size:100% 100%}.header[data-v-2bcf3986]{height:calc(5vh - var(--border-width-3px));line-height:calc(5vh - var(--border-width-3px));padding:0 1rem;background:var(--white-opacity-04);color:var(--text-color-white);border-radius:var(--border-radius-0rem);margin-bottom:var(--border-width-3px);display:flex;justify-content:space-between;font-size:.825rem}.header .lang[data-v-2bcf3986]{cursor:pointer;margin-right:50px}.header .lang .language-trigger[data-v-2bcf3986]{text-align:center;width:120px;display:flex;flex-direction:column}.header .config[data-v-2bcf3986]{display:flex}.main-layout[data-v-2bcf3986]{display:flex;width:100vw;height:95vh}.main-content[data-v-2bcf3986]{flex:1;overflow-y:auto;padding:0 var(--border-width-3px)}@media(max-width:768px){.main-content[data-v-2bcf3986]{width:100%;padding:1rem}}@media(max-width:480px){.main-content[data-v-2bcf3986]{padding:.5rem}}.slider-container[data-v-3a32ea58]{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.slider-container.vertical[data-v-3a32ea58]{width:var(--v4dc94abd);height:var(--bb201320)}.slider-container.vertical .slider-track[data-v-3a32ea58]{position:absolute;top:0;left:50%;transform:translate(-50%);width:var(--v39e3b052);height:100%;background-color:var(--border-color-light);border-radius:var(--border-width-3px);overflow:hidden}.slider-container.vertical .slider-progress[data-v-3a32ea58]{position:absolute;bottom:0;left:0;width:100%;background-color:var(--color-primary);border-radius:var(--border-width-3px);transition:height .1s ease}.slider-container.vertical .slider-thumb[data-v-3a32ea58]{position:absolute;left:50%;transform:translate(-50%);width:var(--v6ae1f18c);height:var(--v6ae1f18c);background-color:var(--color-primary);border-radius:50%;cursor:grab;z-index:10;display:flex;align-items:center;justify-content:center;transition:bottom .1s ease}.slider-container.vertical .slider-thumb .dot[data-v-3a32ea58]{width:var(--v302d16ff);height:var(--v302d16ff);border-radius:50%;background-color:var(--bg-color-black)}.slider-container.horizontal[data-v-3a32ea58]{width:var(--bb201320);height:var(--v4dc94abd)}.slider-container.horizontal .slider-track[data-v-3a32ea58]{position:absolute;left:0;top:50%;transform:translateY(-50%);height:var(--v39e3b052);width:100%;background-color:var(--border-color-light);border-radius:var(--border-width-3px);overflow:hidden}.slider-container.horizontal .slider-progress[data-v-3a32ea58]{position:absolute;left:0;top:0;height:100%;background-color:var(--color-primary);border-radius:var(--border-width-3px);transition:width .1s ease}.slider-container.horizontal .slider-thumb[data-v-3a32ea58]{position:absolute;top:50%;transform:translateY(-50%);width:var(--v6ae1f18c);height:var(--v6ae1f18c);background-color:var(--color-primary);border-radius:50%;cursor:grab;z-index:10;display:flex;align-items:center;justify-content:center;transition:left .1s ease}.slider-container.horizontal .slider-thumb .dot[data-v-3a32ea58]{width:var(--v302d16ff);height:var(--v302d16ff);border-radius:50%;background-color:var(--bg-color-black)}.slider-container.is-dragging .slider-thumb[data-v-3a32ea58]{cursor:grabbing}@media(max-width:768px){.slider-container.vertical[data-v-3a32ea58]{width:var(--v2674154d);height:var(--v681b6442)}.slider-container.horizontal[data-v-3a32ea58]{width:var(--v681b6442);height:var(--v2674154d)}}.color-picker[data-v-8e67056f]{display:flex;flex-direction:column;align-items:center;gap:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a;-webkit-user-select:none;user-select:none;width:fit-content;color:var(--color-primary, #ffffffcc)}.color-picker-main[data-v-8e67056f]{position:relative;display:inline-block;width:180px;height:180px}.color-canvas[data-v-8e67056f]{display:block;width:100%;height:100%;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0003}.color-indicator[data-v-8e67056f]{position:absolute;width:12px;height:12px;border:2px solid white;border-radius:50%;box-shadow:0 0 2px #000c;pointer-events:none;transform:translate(-50%,-50%)}.brightness-slider[data-v-8e67056f]{width:100%;max-width:180px}.slider-track[data-v-8e67056f]{position:relative;height:20px;border-radius:10px;cursor:pointer;box-shadow:inset 0 1px 3px #0000004d}.slider-thumb[data-v-8e67056f]{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 2px #000c;pointer-events:none;transition:left .1s}.color-preview[data-v-8e67056f]{width:40px;height:40px;border-radius:8px;border:2px solid var(--border-color-light, #414243);box-shadow:0 1px 3px #0003}.color-inputs[data-v-8e67056f]{display:flex;flex-direction:column;gap:12px;width:100%;max-width:180px}.mode-toggle[data-v-8e67056f]{display:flex;gap:8px}.mode-toggle button[data-v-8e67056f]{flex:1;padding:8px;border:1px solid var(--border-color-light, #414243);background:var(--white-opacity-04, rgba(255, 255, 255, .04));border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s;color:var(--color-primary, #ffffffcc)}.mode-toggle button.active[data-v-8e67056f]{background:#fff;color:var(--text-color-black);border-color:#007bff}.hex-input input[data-v-8e67056f],.rgb-group input[data-v-8e67056f]{width:100%;padding:8px;border:1px solid var(--border-color-light, #414243);border-radius:4px;font-size:14px;box-sizing:border-box;background:var(--bg-all-color, #181a1b);color:var(--color-primary, #ffffffcc)}.rgb-inputs[data-v-8e67056f]{display:flex;gap:8px}.rgb-group[data-v-8e67056f]{display:flex;flex-direction:column;flex:1}.rgb-group label[data-v-8e67056f]{font-size:12px;margin-bottom:4px;color:var(--color-primary, #ffffffcc)}.rgb-group input[data-v-8e67056f]{padding:6px;text-align:center}.current-color-display[data-v-8e67056f]{display:flex;align-items:center;gap:12px;padding:8px;background:var(--white-opacity-04, rgba(255, 255, 255, .04));border-radius:4px;border:1px solid var(--border-color-light, #414243)}.color-value[data-v-8e67056f]{flex:1;font-size:14px;font-family:monospace;word-break:break-all;color:var(--color-primary, #ffffffcc)}.blocks-container[data-v-d2d4f0b9]{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border-radius:.5rem}.static-block[data-v-d2d4f0b9]{position:absolute;display:flex;align-items:center;justify-content:center;border:.125rem solid;border-color:var(--keyborad-bg);border-radius:.5rem;background:linear-gradient(135deg,var(--keyborad-bg) 0%,var(--keyborad-bg) 100%);color:var(--keyCode-text-color);-webkit-user-select:none;user-select:none;transition:all .3s ease;font-weight:700;box-shadow:0 .25rem .5rem #0000004d,inset 0 .0625rem #fff6,inset 0 -.0625rem #0003,0 0 0 .0625rem #ffffff1a;transform:translateY(0)}.draggable-block[data-v-d2d4f0b9]:active{cursor:grabbing;transform:translateY(3px);box-shadow:0 .0625rem .1875rem #0000004d,inset 0 .0625rem #fff3,inset 0 -.125rem .25rem #00000080,inset .125rem 0 .1875rem #0000004d,inset -.125rem 0 .1875rem #0000004d}.right-block[data-v-d2d4f0b9]{background:linear-gradient(135deg,color-mix(in srgb,var(--keyborad-bg) 80%,var(--bg-color-white)) 0%,var(--keyborad-bg) 30%,color-mix(in srgb,var(--keyborad-bg) 90%,var(--bg-color-black)) 100%);border-color:color-mix(in srgb,var(--keyborad-bg) 80%,var(--bg-color-black))}.drop-target[data-v-d2d4f0b9]{border-color:color-mix(in srgb,var(--keyborad-bg) 80%,var(--bg-color-black));background:linear-gradient(135deg,color-mix(in srgb,var(--keyborad-bg) 80%,var(--bg-color-white)) 0%,var(--keyborad-bg) 30%,color-mix(in srgb,var(--keyborad-bg) 90%,var(--bg-color-black)) 100%);transform:translateY(-.125rem) scale(1.05);box-shadow:0 .375rem .75rem #fff6,inset 0 .0625rem #fff9,inset 0 -.0625rem #0000004d,0 0 0 .125rem #ffffff4d;z-index:50;animation:keyHover 1s infinite}.replaced[data-v-d2d4f0b9]{border-color:color-mix(in srgb,var(--keyborad-bg) 80%,var(--bg-color-black));background:linear-gradient(135deg,color-mix(in srgb,var(--keyborad-bg) 80%,var(--bg-color-white)) 0%,var(--keyborad-bg) 30%,color-mix(in srgb,var(--keyborad-bg) 90%,var(--bg-color-black)) 100%)!important}.drop-hint[data-v-d2d4f0b9]{position:absolute;top:-2.1875rem;left:50%;transform:translate(-50%);background:var(--bg-color-black);color:var(--text-color-white);padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;white-space:nowrap;box-shadow:0 .125rem .5rem #0003;z-index:1000}.drop-hint[data-v-d2d4f0b9]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:.375rem solid transparent;border-top-color:var(--bg-color-black)}.block-content[data-v-d2d4f0b9]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.3125rem;text-align:center;text-shadow:0 .0625rem .125rem rgba(0,0,0,.3)}.block-name[data-v-d2d4f0b9]{font-size:.625rem;font-weight:700;margin-bottom:.25rem;text-shadow:0 .0625rem 0 rgba(255,255,255,.3),0 -.0625rem 0 rgba(0,0,0,.2)}.block-value[data-v-d2d4f0b9]{font-size:.75rem;opacity:.9;word-break:break-all;max-width:100%;text-shadow:0 .0625rem 0 rgba(255,255,255,.2),0 -.0625rem 0 rgba(0,0,0,.1)}@keyframes pulse-d2d4f0b9{0%{box-shadow:0 .25rem .9375rem #27ae6066}50%{box-shadow:0 .25rem 1.25rem #27ae60b3}to{box-shadow:0 .25rem .9375rem #27ae6066}}.button-comp[data-v-db5f1c14]{font-size:.875rem;text-align:center;border-radius:var(--border-radius-05rem);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 1rem;box-sizing:border-box}.button-comp.active[data-v-db5f1c14]{color:var(--text-color-black);background-color:var(--bg-color-white)}.button-comp .button-icon[data-v-db5f1c14]{margin-right:.5rem}.button-comp .button-text[data-v-db5f1c14]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.light-container[data-v-51be9d1a]{max-width:87vw;height:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.light-container .top[data-v-51be9d1a]{width:100%;background-color:var(--white-opacity-04);border-radius:var(--border-radius-05rem);display:flex;justify-content:center;align-items:center;flex:1;position:relative}.light-container .top .wrapper[data-v-51be9d1a]{display:inline-block;border-radius:var(--border-radius-05rem);padding:1.25rem}.light-container .top .wrapper .keyboard[data-v-51be9d1a]{position:relative}.light-container .top .wrapper .keyboard[data-v-51be9d1a]:after{content:"";display:block;clear:both;height:0;visibility:hidden}.light-container .top .wrapper .keyboard .keyCode[data-v-51be9d1a]{position:absolute;background-color:var(--keyborad-bg);color:var(--keyCode-text-color);font-size:.625rem;border-radius:.0625rem;text-align:center}.light-container .bottom[data-v-51be9d1a]{flex:1;width:100%;margin-top:var(--border-width-3px);background-color:var(--white-opacity-04);border-radius:var(--border-radius-05rem);display:flex}.light-container .bottom .light[data-v-51be9d1a]{padding:1.5rem;flex:1;background-color:var(--white-opacity-04);border-radius:var(--border-radius-05rem);display:flex;flex-direction:column}.light-container .bottom .light .title[data-v-51be9d1a]{font-size:1rem;font-weight:700;color:var(--text-color-white);margin-bottom:1rem}.light-container .bottom .light .list[data-v-51be9d1a]{display:flex;flex-wrap:wrap;align-content:start;gap:.5rem;flex:8}.light-container .bottom .light .cofig[data-v-51be9d1a]{flex:3;color:var(--text-color-white)}.light-container .bottom .light .cofig .title[data-v-51be9d1a]{display:inline-block;margin:.625rem}.light-container .bottom .light .cofig .customizeList[data-v-51be9d1a]{display:flex;flex-wrap:wrap;align-content:start;gap:.5rem}.light-container .bottom .set[data-v-51be9d1a]{flex:1;background-color:var(--white-opacity-04);border-radius:var(--border-radius-05rem);margin:0 var(--border-width-3px);padding:1.5rem;color:var(--text-color-white);font-size:.875rem;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem)}.light-container .bottom .set .title[data-v-51be9d1a]{font-size:1rem;font-weight:700;color:var(--text-color-white);margin-bottom:1rem}.light-container .bottom .set .progressWrapper[data-v-51be9d1a]{display:flex;flex:1}.light-container .bottom .set .progressWrapper .progressSpeed[data-v-51be9d1a]{align-items:center;margin-right:3.125rem;width:3.125rem;display:flex;flex-direction:column;justify-content:space-between;height:100%}.light-container .bottom .color[data-v-51be9d1a]{flex:1;background-color:var(--white-opacity-04);border-radius:var(--border-radius-05rem);color:var(--text-color-white);font-size:.875rem;padding:1.5rem}.light-container .bottom .color .title[data-v-51be9d1a]{font-size:1rem;font-weight:700;color:var(--text-color-white);margin-bottom:1rem}.light-container .bottom .color .wrapper[data-v-51be9d1a]{display:flex;justify-content:space-around}.light-container .bottom .color .wrapper .oneOrMany .one[data-v-51be9d1a],.light-container .bottom .color .wrapper .oneOrMany .many[data-v-51be9d1a]{width:7.5rem;height:2.5rem;line-height:2.5rem;text-align:center;border-radius:var(--border-radius-05rem);background-color:var(--bg-opacity-06);margin-bottom:.625rem;cursor:pointer}.light-container .bottom .color .wrapper .oneOrMany .one.active[data-v-51be9d1a],.light-container .bottom .color .wrapper .oneOrMany .many.active[data-v-51be9d1a]{color:var(--text-color-black);background-color:var(--bg-color-white)}.light-container .bottom .color .wrapper .oneOrMany .colorSquare[data-v-51be9d1a]{display:flex;flex-wrap:wrap;column-gap:3.6rem;width:7.5rem;position:relative}.light-container .bottom .color .wrapper .oneOrMany .colorSquare .square[data-v-51be9d1a]{box-sizing:border-box;cursor:pointer;width:1.875rem;height:1.875rem;border-radius:var(--border-radius-05rem);margin-bottom:.625rem}.light-container .bottom .color .wrapper .oneOrMany .colorSquare .square.active[data-v-51be9d1a]{border:.125rem solid white}.light-container .bottom .color .warning[data-v-51be9d1a]{color:#a5a508;display:flex;align-items:center;margin-top:.625rem;writing-mode:vertical-lr;text-orientation:mixed}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}:root{--vc-picker-bg: #f8f8f8;--vc-body-bg: #fff;--vc-input-bg: #fff;--vc-input-text: #333;--vc-input-label: #969696;--vc-input-border: #dadada;--vc-chrome-toggle-btn-highlighted: #eee;--vc-ps-bg: #dcdcdc;--vc-ps-title-bg-gradient-start: #f0f0f0;--vc-ps-title-bg-gradient-end: #d4d4d4;--vc-ps-title-border: #B1B1B1;--vc-ps-title-color: #4d4d4d;--vc-ps-slider-border: #b3b3b3;--vc-ps-slider-border-bottom: #f0f0f0;--vs-ps-picker-border-dark: #555;--vs-ps-picker-border-white: #fff;--vc-ps-btn-gradient-start: #fff;--vc-ps-btn-gradient-end: #e6e6e6;--vc-ps-btn-border: #878787;--vc-ps-btn-shadow: #EAEAEA;--vc-ps-btn-color: #000;--vc-ps-preview-border: #000;--vc-ps-label: #000;--vc-ps-input-border: #888;--vc-ps-input-shadow-dark: rgba(0,0,0,.1);--vc-ps-input-shadow-light: #ececec;--vc-sketch-input-label: #222;--vc-sketch-presets-border: #eee;--vc-twitter-input-bg: #fff;--vc-twitter-input-border: #f0f0f0;--vc-twitter-input-color: #666;--vc-twitter-hash-bg: #f0f0f0;--vc-twitter-hash-color: #98A1A4}:root.dark{--vc-body-bg: #424242;--vc-picker-bg: #d0d0d0;--vc-input-bg: #2c2c2c;--vc-input-text: #d0d0d0;--vc-input-label: #bbbbbb;--vc-input-border: #555555;--vc-chrome-toggle-btn-highlighted: #5c5c5c;--vc-sketch-input-label: #bbbbbb;--vc-sketch-presets-border: #5a5a5a;--vc-twitter-input-border: #383838;--vc-twitter-input-color: #bbbbbb;--vc-twitter-hash-bg: #383838;--vc-twitter-hash-color: #a0acaf;--vc-twitter-input-bg: #555;--vc-ps-bg: #424242;--vc-ps-title-bg-gradient-start: #4e4e4e;--vc-ps-title-bg-gradient-end: #3a3a3a;--vc-ps-title-border: #5a5a5a;--vc-ps-title-color: #bbbbbb;--vc-ps-slider-border: #5c5c5c;--vc-ps-slider-border-bottom: #4a4a4a;--vs-ps-picker-border-dark: #b8b8b8;--vs-ps-picker-border-white: #bbbbbb;--vc-ps-btn-gradient-start: #505050;--vc-ps-btn-gradient-end: #3a3a3a;--vc-ps-btn-border: #6a6a6a;--vc-ps-btn-shadow: #2a2a2a;--vc-ps-btn-color: #bbbbbb;--vc-ps-preview-border: #3a3a3a;--vc-ps-label: #bbbbbb;--vc-ps-input-border: #666666;--vc-ps-input-shadow-dark: rgba(0, 0, 0, .45);--vc-ps-input-shadow-light: #2d2d2d}.bg[data-v-4d048d6e]{cursor:crosshair;position:absolute;inset:0;touch-action:none}.white[data-v-4d048d6e]{background:linear-gradient(to right,#fff,#fff0)}.black[data-v-4d048d6e]{background:linear-gradient(to top,#000,#0000)}.picker-wrap[data-v-4d048d6e]{cursor:pointer;position:absolute;outline:none}.picker[data-v-4d048d6e]{cursor:move;width:4px;height:4px;box-shadow:0 0 0 1.6px var(--vc-picker-bg),inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;border-radius:50%;transform:translate(-2px,-2px)}.vc-base-slider[data-v-972b0fad]{position:relative;width:100%;height:100%;touch-action:none}.background[data-v-972b0fad],.slider[data-v-972b0fad]{position:absolute;inset:0}.background[data-v-972b0fad]{overflow:hidden}.slider[data-v-972b0fad]{cursor:pointer;z-index:2}.picker-wrap[data-v-972b0fad]{position:absolute;z-index:2;outline:none}.picker[data-v-972b0fad]{width:4px;height:8px;margin-top:1px;border-radius:1px;box-shadow:0 0 2px #0009;background:var(--vc-picker-bg);cursor:pointer;transform:translate(-2px)}.vc-hue-slider[data-v-5367c985]{cursor:crosshair;touch-action:none}.gradient[data-v-5367c985]{width:100%;height:100%;border-radius:2px;background:var(--2f44f39d)}.vc-checkerboard[data-v-37d61ccd]{position:absolute;inset:0;background-size:contain}.vc-alpha-slider[data-v-07dd346b] .vc-checkerboard{border-radius:2px}.gradient[data-v-07dd346b]{position:absolute;inset:0}.vc-editable-input[data-v-9c267b2b]{position:relative}.vc-input-input[data-v-9c267b2b]{width:100%;padding:0;border:0;outline:none}.vc-input-label[data-v-9c267b2b]{text-transform:capitalize}.vc-chrome-picker[data-v-dfdde7e0]{width:225px;box-sizing:initial;border-radius:2px;box-shadow:0 0 2px #0000004d,0 4px 8px #0000004d;font-family:Menlo,Consolas,Courier New,monospace}.controls[data-v-dfdde7e0]{display:flex}.color-wrap[data-v-dfdde7e0]{position:relative;width:36px}.active-color[data-v-dfdde7e0]{position:relative;width:30px;height:30px;border-radius:15px;overflow:hidden;z-index:1}.color-wrap[data-v-dfdde7e0] .vc-checkerboard{width:30px;height:30px;border-radius:15px;background-size:auto}.sliders[data-v-dfdde7e0]{flex:1}.fieldsWrap[data-v-dfdde7e0]{display:flex;padding-top:16px}.fields[data-v-dfdde7e0]{display:flex;margin-left:-6px;flex:1}.field[data-v-dfdde7e0]{padding-left:6px;width:100%}.toggle-btn[data-v-dfdde7e0]{width:32px;text-align:right;position:relative}.toggle-icon[data-v-dfdde7e0]{position:relative;margin-right:-4px;margin-top:12px;cursor:pointer;z-index:2;color:var(--vc-input-text)}.toggle-icon_highlighted[data-v-dfdde7e0]{position:absolute;width:24px;height:28px;top:10px;left:12px;background:var(--vc-chrome-toggle-btn-highlighted);border-radius:4px}.hue-wrap[data-v-dfdde7e0]{position:relative;height:10px;margin-bottom:8px}.alpha-wrap[data-v-dfdde7e0]{position:relative;height:10px}.hue-wrap[data-v-dfdde7e0] .container,.alpha-wrap[data-v-dfdde7e0] .gradient{border-radius:2px}.hue-wrap[data-v-dfdde7e0] .picker,.alpha-wrap[data-v-dfdde7e0] .picker{width:12px;height:12px;border-radius:6px;transform:translate(-6px,-2px);box-shadow:0 1px 4px #0000005e}.body[data-v-dfdde7e0]{padding:16px 16px 12px;background-color:var(--vc-body-bg)}.saturation[data-v-dfdde7e0]{width:100%;padding-bottom:55%;position:relative;border-radius:2px 2px 0 0;overflow:hidden}.saturation[data-v-dfdde7e0] .picker{width:12px;height:12px;transform:translate(-6px,-6px)}.fields[data-v-dfdde7e0] .vc-input-input{width:100%;height:21px;border-radius:2px;border:none;box-shadow:inset 0 0 0 1px var(--vc-input-border);background-color:var(--vc-input-bg);color:var(--vc-input-text);font-size:11px;text-align:center}.fields[data-v-dfdde7e0] .vc-input-label{display:block;margin-top:12px;font-size:11px;color:var(--vc-input-label);line-height:11px;text-transform:uppercase;text-align:center}.alpha-disabled[data-v-dfdde7e0] .active-color{width:18px;height:18px}.alpha-disabled[data-v-dfdde7e0] .color-wrap{width:30px}.alpha-disabled[data-v-dfdde7e0] .hue-wrap{margin-top:4px;margin-bottom:4px}.vc-compact-picker[data-v-91d11fa7]{width:245px;padding-top:5px;padding-left:5px;border-radius:2px;box-sizing:border-box;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029;background-color:var(--vc-body-bg)}.colors[data-v-91d11fa7]{overflow:hidden;padding:0;margin:0}.color-item[data-v-91d11fa7]{list-style:none;width:15px;height:15px;float:left;margin-right:5px;margin-bottom:5px;position:relative;cursor:pointer}.color-item_white[data-v-91d11fa7]{box-shadow:inset 0 0 0 1px #ddd}.color-item_white .dot[data-v-91d11fa7]{background:#000}.dot[data-v-91d11fa7]{position:absolute;inset:5px;border-radius:50%;opacity:1;background:#fff}.vc-grayscale-picker[data-v-631223a5]{padding-top:5px;padding-left:5px;width:245px;border-radius:2px;box-sizing:border-box;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029;background-color:var(--vc-body-bg)}.colors[data-v-631223a5]{overflow:hidden;padding:0;margin:0}.color-item[data-v-631223a5]{list-style:none;width:15px;height:15px;float:left;margin-right:5px;margin-bottom:5px;position:relative;cursor:pointer}.color-item_white[data-v-631223a5]{box-shadow:inset 0 0 0 1px #ddd}.color-item_white .dot[data-v-631223a5]{background:#000}.dot[data-v-631223a5]{position:absolute;inset:5px;border-radius:50%;opacity:1;background:#fff}.vc-material-picker[data-v-8f86229c]{position:relative;width:98px;height:98px;padding:16px;border-radius:2px;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029;background-color:var(--vc-body-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.vc-material-picker[data-v-8f86229c] .vc-input-input{width:100%;height:30px;margin-top:12px;background-color:var(--vc-body-bg);color:var(--vc-input-text);font-size:15px}.vc-material-picker[data-v-8f86229c] .vc-input-label{position:absolute;top:0;left:0;font-size:11px;color:var(--vc-input-label)}.hex[data-v-8f86229c]{border-bottom-width:2px;border-bottom-style:solid}.rgb[data-v-8f86229c]{display:flex;margin-right:-10px;padding-top:11px}.color[data-v-8f86229c]{flex:1;padding-right:10px}.vc-photoshop-picker[data-v-b69df0e5]{width:513px;background:var(--vc-ps-bg);border-radius:4px;box-shadow:0 0 0 1px #00000040,0 8px 16px #00000026;box-sizing:initial;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.fields_disabled[data-v-b69df0e5]{width:390px}.title[data-v-b69df0e5]{height:23px;background-image:linear-gradient(-180deg,var(--vc-ps-title-bg-gradient-start) 0%,var(--vc-ps-title-bg-gradient-end) 100%);border-bottom:1px solid var(--vc-ps-title-border);border-radius:4px 4px 0 0;box-shadow:inset 0 1px #fff3,inset 0 -1px #00000005;color:var(--vc-ps-title-color);font-size:13px;line-height:24px;text-align:center}.body[data-v-b69df0e5]{padding:15px;display:flex}.saturation[data-v-b69df0e5]{width:256px;height:256px;position:relative;border:2px solid var(--vc-ps-slider-border);border-bottom:2px solid var(--vc-ps-slider-border-bottom);overflow:hidden}.saturation[data-v-b69df0e5] .picker{width:12px;height:12px;transform:translate(-6px,-6px)}.hue[data-v-b69df0e5]{height:256px;width:19px;margin-left:10px;border:2px solid var(--vc-ps-slider-border);border-bottom:2px solid var(--vc-ps-slider-border-bottom)}.hue-picker[data-v-b69df0e5]{position:relative}.hue-picker-left[data-v-b69df0e5],.hue-picker-right[data-v-b69df0e5]{position:absolute;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--vs-ps-picker-border-dark);cursor:pointer}.hue-picker-left[data-v-b69df0e5]:after,.hue-picker-right[data-v-b69df0e5]:after{content:"";width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent var(--vs-ps-picker-border-white);position:absolute;top:1px;left:1px;transform:translate(-8px,-5px)}.hue-picker-left[data-v-b69df0e5]{transform:translate(-10px,-4px)}.hue-picker-right[data-v-b69df0e5]{transform:translate(21px,-4px) rotate(180deg)}.controls[data-v-b69df0e5]{width:180px;margin-left:10px;display:flex}.controls_fields_disabled[data-v-b69df0e5]{width:auto}.actions[data-v-b69df0e5]{margin-left:20px;flex:1}.action-btn[data-v-b69df0e5]{height:20px;margin-bottom:10px;background-image:linear-gradient(-180deg,var(--vc-ps-btn-gradient-start) 0%,var(--vc-ps-btn-gradient-end) 100%);border:1px solid var(--vc-ps-btn-border);border-radius:2px;box-shadow:0 1px 0 0 var(--vc-ps-btn-shadow);cursor:pointer;color:var(--vc-ps-btn-color);font-size:14px;line-height:20px;text-align:center}.preview[data-v-b69df0e5]{width:60px}.preview-swatches[data-v-b69df0e5]{border:1px solid var(--vc-ps-slider-border);border-bottom:1px solid var(--vc-ps-slider-border-bottom);margin-bottom:2px;margin-top:1px}.preview-color[data-v-b69df0e5]{height:34px;box-shadow:inset 1px 0 var(--vc-ps-preview-border),inset -1px 0 var(--vc-ps-preview-border),inset 0 1px var(--vc-ps-preview-border)}.preview-label[data-v-b69df0e5]{color:var(--vc-ps-label);font-size:14px;text-align:center}.fields[data-v-b69df0e5]{padding-top:5px;padding-bottom:9px;width:80px;position:relative}.fields[data-v-b69df0e5] .vc-input-input{width:40%;height:18px;margin-left:40%;margin-right:10px;margin-bottom:5px;padding-left:3px;border:1px solid var(--vc-ps-input-border);box-shadow:inset 0 1px 1px var(--vc-ps-input-shadow-dark),0 1px 0 0 var(--vc-ps-input-shadow-light);background-color:var(--vc-input-bg);color:var(--vc-ps-label);font-size:13px}.fields[data-v-b69df0e5] .vc-input-label,.fields[data-v-b69df0e5] .vc-input-desc{position:absolute;top:0;height:18px;color:var(--vc-ps-label);font-size:13px;line-height:22px;text-transform:uppercase}.fields[data-v-b69df0e5] .vc-input-label{left:0;width:34px}.fields[data-v-b69df0e5] .vc-input-desc{right:0;width:0}.fields-divider[data-v-b69df0e5]{height:5px}.hex[data-v-b69df0e5] .vc-input-input{width:80%;height:18px;margin-left:20%;margin-bottom:6px;padding-left:3px;border:1px solid var(--vc-ps-input-border);box-shadow:inset 0 1px 1px var(--vc-ps-input-shadow-dark),0 1px 0 0 var(--vc-ps-input-shadow-light);font-size:13px}.hex[data-v-b69df0e5] .vc-input-label{position:absolute;top:0;left:0;width:14px;text-transform:uppercase;font-size:13px;height:18px;line-height:22px}.vc-sketch-picker[data-v-fdb7d989]{position:relative;width:200px;padding:10px 10px 0;box-sizing:initial;background:var(--vc-body-bg);border-radius:4px;box-shadow:0 0 0 1px #00000026,0 8px 16px #00000026;font-family:Menlo,Consolas,Courier New,monospace}.saturation[data-v-fdb7d989]{width:100%;padding-bottom:75%;position:relative;overflow:hidden}.controls[data-v-fdb7d989]{display:flex}.sliders[data-v-fdb7d989]{padding:4px 0;flex:1}.hue[data-v-fdb7d989] .container,.alpha[data-v-fdb7d989] .gradient{border-radius:2px}.hue[data-v-fdb7d989]{position:relative;height:10px}.alpha[data-v-fdb7d989]{position:relative;height:10px;margin-top:4px;overflow:hidden}.color[data-v-fdb7d989]{width:24px;height:24px;position:relative;margin-top:4px;margin-left:4px;border-radius:2px;overflow:hidden}.active-color[data-v-fdb7d989]{position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000026,inset 0 0 4px #00000040;z-index:2}.color[data-v-fdb7d989] .vc-checkerboard{background-size:auto}.field[data-v-fdb7d989]{display:flex;padding-top:4px}.field[data-v-fdb7d989] .vc-input-input{width:90%;padding:4px 0 3px 10%;border:none;box-shadow:inset 0 0 0 1px var(--vc-input-border);background-color:var(--vc-input-bg);color:var(--vc-input-text);font-size:10px}.field[data-v-fdb7d989] .vc-input-label{display:block;padding-top:3px;padding-bottom:4px;color:var(--vc-sketch-input-label);font-size:11px;text-align:center}.field_single[data-v-fdb7d989]{flex:1;padding-left:6px}.field_double[data-v-fdb7d989]{flex:2}.presets[data-v-fdb7d989]{margin-right:-10px;margin-left:-10px;padding-left:10px;padding-top:10px;border-top:1px solid var(--vc-sketch-presets-border)}.preset-color[data-v-fdb7d989]{border-radius:3px;overflow:hidden;position:relative;display:inline-block;margin:0 10px 10px 0;vertical-align:top;cursor:pointer;width:16px;height:16px;box-shadow:inset 0 0 0 1px #00000026}.preset-color[data-v-fdb7d989] .vc-checkerboard{box-shadow:inset 0 0 0 1px #00000026;border-radius:3px}.alpha-disabled .color[data-v-fdb7d989]{height:10px}.vc-slider-picker[data-v-675d6988]{position:relative;width:410px}.hue[data-v-675d6988]{height:12px;position:relative}.hue[data-v-675d6988] .picker,.alpha[data-v-675d6988] .picker{width:14px;height:14px;border-radius:6px;box-shadow:0 1px 4px #0000005e;transform:translate(-7px,-2px)}.alpha[data-v-675d6988]{height:12px;position:relative;margin-top:20px}.swatches[data-v-675d6988]{display:flex;margin-top:20px}.swatch[data-v-675d6988]{margin-right:1px;flex:1;width:20%}.swatch[data-v-675d6988]:first-child{margin-right:1px}.swatch:first-child .picker[data-v-675d6988]{border-radius:2px 0 0 2px}.swatch[data-v-675d6988]:last-child{margin-right:0}.swatch:last-child .picker[data-v-675d6988]{border-radius:0 2px 2px 0}.picker[data-v-675d6988]{cursor:pointer;height:12px}.swatch:nth-child(n) .picker_active[data-v-675d6988]{transform:scaleY(1.8);border-radius:3.6px/2px}.picker_white[data-v-675d6988]{box-shadow:inset 0 0 0 1px #ddd}.picker_active.picker_white[data-v-675d6988]{box-shadow:inset 0 0 0 .6px #ddd}.vc-swatches-picker[data-v-3427cb2a]{width:320px;height:240px;overflow-y:scroll;background-color:var(--vc-body-bg);box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029}.box[data-v-3427cb2a]{padding:16px 0 6px 16px;overflow:hidden}.colorGroup[data-v-3427cb2a]{padding-bottom:10px;width:40px;float:left;margin-right:10px}.color[data-v-3427cb2a]{box-sizing:border-box;width:40px;height:24px;margin-bottom:1px;cursor:pointer;overflow:hidden;-ms-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-o-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}.color_white[data-v-3427cb2a]{border:1px solid #ddd}.picker[data-v-3427cb2a]{display:block;fill:#fff;margin-left:8px}.color_white .picker[data-v-3427cb2a]{fill:#333}.vc-twitter-picker[data-v-e74ac697]{position:relative;background:var(--vc-body-bg);border:0 solid rgba(0,0,0,.25);box-shadow:0 1px 4px #00000040;border-radius:4px}.triangle[data-v-e74ac697]{position:absolute;width:0px;height:0px;border-style:solid;border-width:0 9px 10px 9px;border-color:transparent transparent var(--vc-body-bg) transparent}.triangle_shadow[data-v-e74ac697]{width:0px;height:0px;border-style:solid;border-width:0 9px 10px 9px;border-color:transparent transparent rgba(0,0,0,.1) transparent;position:absolute}.body[data-v-e74ac697]{padding:15px 9px 9px 15px}.vc-twitter-picker[data-v-e74ac697] .vc-editable-input{position:relative}.vc-twitter-picker[data-v-e74ac697] .vc-input-input{float:left;width:100px;height:28px;padding:1px 1px 1px 8px;outline:none;box-shadow:inset 0 0 0 1px var(--vc-twitter-input-border);box-sizing:content-box;border:0px;border-radius:0 4px 4px 0;background-color:var(--vc-twitter-input-bg);color:var(--vc-twitter-input-color);font-size:14px}.vc-twitter-picker[data-v-e74ac697] .vc-editable-input span{display:none}.hash[data-v-e74ac697]{float:left;display:flex;align-items:center;justify-content:center;height:30px;width:30px;border-radius:4px 0 0 4px;background:var(--vc-twitter-hash-bg);color:var(--vc-twitter-hash-color)}.swatch[data-v-e74ac697]{width:30px;height:30px;float:left;border-radius:4px;margin:0 6px 6px 0;cursor:pointer;position:relative;outline:none}.clear[data-v-e74ac697]{clear:both}.tri_hide .triangle[data-v-e74ac697],.tri_hide .triangle_shadow[data-v-e74ac697]{display:none}.tri_top_left .triangle[data-v-e74ac697]{top:-10px;left:12px}.tri_top_left .triangle_shadow[data-v-e74ac697]{top:-11px;left:12px}.tri_top_right .triangle[data-v-e74ac697]{top:-10px;right:12px}.tri_top_right .triangle_shadow[data-v-e74ac697]{top:-11px;right:12px}.vc-hue-wrap[data-v-b3ac1ab2]{height:8px}.vc-hue-wrap[data-v-b3ac1ab2] .slider{border-radius:4px}.vc-hue-wrap[data-v-b3ac1ab2] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;background-color:var(--46ac36b6);transform:translate(-12px) translateY(-8px)}.vc-hsl-sliders[data-v-2e071f54]{position:relative;width:100%;font-family:Menlo,Consolas,Courier New,monospace}.slider-wrap[data-v-2e071f54]{display:flex;gap:12px;height:24px;margin-bottom:10px}.slider-wrap[data-v-2e071f54]:last-of-type{margin-bottom:0}.label[data-v-2e071f54]{display:block;height:24px;color:var(--vc-input-text);font-size:12px;line-height:24px;text-transform:uppercase;text-align:center}.vc-hsl-sliders[data-v-2e071f54] .vc-base-slider{margin-top:5px;height:14px}.vc-hsl-sliders[data-v-2e071f54] .background{border-radius:4px;border:1px solid var(--vc-input-border)}.gradient[data-v-2e071f54]{width:100%;height:100%}.vc-hsl-sliders[data-v-2e071f54] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;transform:translate(-12px) translateY(-5px)}.h-slider[data-v-2e071f54] .picker{background-color:var(--41b5b6d0)}.s-slider[data-v-2e071f54] .picker,.l-slider[data-v-2e071f54] .picker{background-color:var(--05fbe691)}.vc-hsl-sliders[data-v-2e071f54] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-hsl-sliders[data-v-2e071f54] .vc-input-input{width:50px;background:none;color:var(--vc-input-text);font-size:12px;text-align:center}.vc-hsv-sliders[data-v-d6cfe1d9]{position:relative;width:100%;font-family:Menlo,Consolas,Courier New,monospace}.slider-wrap[data-v-d6cfe1d9]{display:flex;gap:12px;height:24px;margin-bottom:10px}.slider-wrap[data-v-d6cfe1d9]:last-of-type{margin-bottom:0}.label[data-v-d6cfe1d9]{display:block;height:24px;color:var(--vc-input-text);font-size:12px;line-height:24px;text-transform:uppercase;text-align:center}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-base-slider{margin-top:5px;height:14px}.vc-hsv-sliders[data-v-d6cfe1d9] .background{border-radius:4px;border:1px solid var(--vc-input-border)}.gradient[data-v-d6cfe1d9]{width:100%;height:100%}.vc-hsv-sliders[data-v-d6cfe1d9] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;transform:translate(-12px) translateY(-5px)}.h-slider[data-v-d6cfe1d9] .picker{background-color:var(--f666f450)}.s-slider[data-v-d6cfe1d9] .picker,.b-slider[data-v-d6cfe1d9] .picker{background-color:var(--46b90cce)}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-input-input{width:50px;background:none;color:var(--vc-input-text);font-size:12px;text-align:center}.vc-rgb-sliders[data-v-98b3b212]{position:relative;width:100%;font-family:Menlo,Consolas,Courier New,monospace}.slider-wrap[data-v-98b3b212]{display:flex;gap:12px;height:24px;margin-bottom:10px}.slider-wrap[data-v-98b3b212]:last-of-type{margin-bottom:0}.label[data-v-98b3b212]{display:block;height:24px;color:var(--vc-input-text);font-size:12px;line-height:24px;text-transform:uppercase;text-align:center}.vc-rgb-sliders[data-v-98b3b212] .vc-base-slider{margin-top:5px;height:14px}.vc-rgb-sliders[data-v-98b3b212] .background{border-radius:4px;border:1px solid var(--vc-input-border)}.gradient[data-v-98b3b212]{width:100%;height:100%}.vc-rgb-sliders[data-v-98b3b212] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;transform:translate(-12px) translateY(-5px)}.slider-wrap[data-v-98b3b212]:not(.a-slider) .picker{background-color:var(--5f730604)}.vc-rgb-sliders[data-v-98b3b212] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-rgb-sliders[data-v-98b3b212] .vc-input-input{width:50px;background:none;color:var(--vc-input-text);font-size:12px;text-align:center}