/*
! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.left-8{left:2rem}.left-\[calc\(25\%-2px\)\]{left:calc(25% - 2px)}.left-\[calc\(50\%-2px\)\]{left:calc(50% - 2px)}.left-\[calc\(75\%-2px\)\]{left:calc(75% - 2px)}.top-0{top:0}.top-1{top:.25rem}.top-2{top:.5rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.col-start-2{grid-column-start:2}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mr-1{margin-right:.25rem}.mr-10{margin-right:2.5rem}.mr-2{margin-right:.5rem}.mr-6{margin-right:1.5rem}.mr-8{margin-right:2rem}.mt-1{margin-top:.25rem}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[210px\]{height:210px}.h-\[220px\]{height:220px}.h-\[250px\]{height:250px}.h-\[35px\]{height:35px}.h-\[400px\]{height:400px}.h-\[4px\]{height:4px}.h-\[60px\]{height:60px}.h-\[7rem\]{height:7rem}.h-\[8rem\]{height:8rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[260px\]{max-height:260px}.min-h-\[240px\]{min-height:240px}.min-h-\[300px\]{min-height:300px}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2{width:.5rem}.w-24{width:6rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[1000px\]{width:1000px}.w-\[100px\]{width:100px}.w-\[1100px\]{width:1100px}.w-\[12rem\]{width:12rem}.w-\[150px\]{width:150px}.w-\[16rem\]{width:16rem}.w-\[170px\]{width:170px}.w-\[20rem\]{width:20rem}.w-\[240px\]{width:240px}.w-\[250px\]{width:250px}.w-\[296px\]{width:296px}.w-\[300px\]{width:300px}.w-\[310px\]{width:310px}.w-\[340px\]{width:340px}.w-\[35px\]{width:35px}.w-\[400px\]{width:400px}.w-\[4px\]{width:4px}.w-\[80\%\]{width:80%}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.flex-1{flex:1 1 0%}.\!-translate-x-\[9px\]{--tw-translate-x:-9px!important}.\!-translate-x-\[9px\],.\!translate-x-\[20px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.\!translate-x-\[20px\]{--tw-translate-x:20px!important}.\!translate-x-\[22px\]{--tw-translate-x:22px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1{--tw-translate-y:-0.25rem}.-translate-y-1,.-translate-y-1\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\.5{--tw-translate-y:-0.375rem}.-translate-y-4{--tw-translate-y:-1rem}.-translate-y-4,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-\[1fr_2fr_2fr_2fr_2fr\]{grid-template-columns:1fr 2fr 2fr 2fr 2fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-dotted{border-style:dotted}.\!border-none{border-style:none!important}.border-gray-100\/50{border-color:rgba(243,244,246,.5)}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-yellow-300{--tw-border-opacity:1;border-color:rgb(253 224 71/var(--tw-border-opacity))}.\!bg-\[\#ff0024\]{--tw-bg-opacity:1!important;background-color:rgb(255 0 36/var(--tw-bg-opacity))!important}.\!bg-gray-200\/20{background-color:rgba(229,231,235,.2)!important}.\!bg-transparent{background-color:transparent!important}.bg-\[\#1d0e36\]{--tw-bg-opacity:1;background-color:rgb(29 14 54/var(--tw-bg-opacity))}.bg-\[\#3EB5CB\]{--tw-bg-opacity:1;background-color:rgb(62 181 203/var(--tw-bg-opacity))}.bg-\[\#5EF6FF\]{--tw-bg-opacity:1;background-color:rgb(94 246 255/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-300\/50{background-color:rgba(209,213,219,.5)}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.bg-lz-blue-600{--tw-bg-opacity:1;background-color:rgb(0 160 224/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.fill-\[\#8443ff\]{fill:#8443ff}.fill-black{fill:#000}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-\[1px\]{padding:1px}.p-\[2px\]{padding:2px}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-28{padding-left:7rem;padding-right:7rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-12{padding-left:3rem}.pl-5{padding-left:1.25rem}.pr-0{padding-right:0}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pt-12{padding-top:3rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-\[12px\]{font-size:12px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-light{font-weight:300}.font-medium{font-weight:500}.leading-\[1\.2\]{line-height:1.2}.text-\[\#5EF6FF\]{--tw-text-opacity:1;color:rgb(94 246 255/var(--tw-text-opacity))}.text-\[\#85eaf2\]{--tw-text-opacity:1;color:rgb(133 234 242/var(--tw-text-opacity))}.text-\[\#FF1960\]{--tw-text-opacity:1;color:rgb(255 25 96/var(--tw-text-opacity))}.text-\[\#e53e3e\]{--tw-text-opacity:1;color:rgb(229 62 62/var(--tw-text-opacity))}.text-\[\#ff0024\]{--tw-text-opacity:1;color:rgb(255 0 36/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-95{opacity:.95}.\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.\!outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.grabbable{cursor:move;cursor:grab;cursor:-webkit-grab}.grabbable:active{cursor:grabbing;cursor:-webkit-grabbing}:root{font-size:14px;--background:#080513;--foreground:#fff;--primary:#8443ff;--text-color:#5ef6ff;--border-primary:1px solid var(--primary);--primary-light:#a46bff;--background-settings:#1b1822}[data-theme=dark]{--background:var(--background);--foreground:var(--foreground)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:0;background:var(--primary)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@font-face{font-family:ali;src:url(/_next/static/media/Ali_Light.b495928e.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:ali;src:url(/_next/static/media/Ali_Regular.3ed62cb2.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:ali;src:url(/_next/static/media/Ali_Medium.e6d5a494.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:ali;src:url(/_next/static/media/Ali_SemiBold.0db106c4.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:ali;src:url(/_next/static/media/Ali_Bold.2c84ac44.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:ali;src:url(/_next/static/media/Ali_Thin.e4840239.woff2) format("woff2");font-weight:800;font-style:normal}@font-face{font-family:Rajdhani;src:url(/_next/static/media/Rajdhani-Light.548a0fc1.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Rajdhani;src:url(/_next/static/media/Rajdhani-Regular.7b75a960.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Rajdhani;src:url(/_next/static/media/Rajdhani-Medium.bb81de1c.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Rajdhani;src:url(/_next/static/media/Rajdhani-SemiBold.caa4c15b.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Rajdhani;src:url(/_next/static/media/Rajdhani-Bold.4e9587ba.ttf) format("truetype");font-weight:700;font-style:normal}.grabbing *{cursor:grabbing!important}.header{width:1284px;max-width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:20px;margin:0 auto 30px}.header .line{width:100%}.header .title{color:#333233;font-size:20px;font-weight:600}.header .subTitle{color:#333233;font-size:12px;font-weight:600}.header .subTitle:last-child:hover{color:var(--primary);cursor:pointer}.center{width:1300px;margin:0 auto;display:flex;justify-content:center}.center .color-select[aria-disabled=true] *{cursor:not-allowed!important}.center .keyboard-layers{display:flex;align-items:center;justify-content:flex-end;width:1013px;height:22px;margin-bottom:-22px;z-index:1;position:relative}.center .keyboard-layers .keyboard-layer{border:var(--border-primary);border-right:0;border-top:0;padding:0 10px;color:var(--primary);cursor:pointer}.center .keyboard-layers .keyboard-layer[aria-selected=true]{background-color:var(--primary);color:#000}.center .keyboard-layers .keyboard-layer:hover{background-color:var(--primary-light);color:#000}.center .keyboard-layers .keyboard-layer:last-child{position:relative;border-right:var(--border-primary)}.center .keyboard-layers .keyboard-layer:last-child:after{content:"";width:12px;height:8px;background-color:var(--background);border-bottom:var(--border-primary);transform:rotate(135deg);position:absolute;right:-5px;bottom:-3px}.center .keyboard-panal{border:var(--border-primary);z-index:0;position:relative}.footer{width:1300px;display:flex;background:var(--background-settings);margin:0 auto}.footer .title{color:var(--primary);font-size:15px;display:flex;align-items:center;margin-bottom:14px}.footer .title .chakra-switch{margin-left:20px}.footer .dks-setting .dks-key{width:39px;height:39px;flex:none;cursor:pointer;border:2px solid transparent;border-radius:9px}.footer .dks-setting .dks-key[aria-selected=true]{border:2px solid var(--primary)}.footer .dks-setting .dks-circle{width:26px;height:26px;line-height:26px;text-align:center;margin-left:18px;border-radius:34px;color:transparent;background-color:#6c6c6c;position:relative;cursor:pointer}.footer .dks-setting .dks-circle[aria-selected=true]{background-color:var(--primary)}.footer .dks-setting .dks-square{width:26px;height:26px;background-color:#6c6c6c;position:absolute;left:34px;top:0}.footer .dks-setting .dks-square:after,.footer .dks-setting .dks-square:before{content:" ";width:10px;height:4px;display:block;background-color:#6c6c6c;position:absolute;left:-9px;top:11px}.footer .dks-setting .dks-square:after{left:auto;right:-9px}.footer .dks-setting .dks-square[aria-selected=true],.footer .dks-setting .dks-square[aria-selected=true]:after,.footer .dks-setting .dks-square[aria-selected=true]:before{background-color:var(--primary)}.footer .chakra-radio-group .chakra-radio .chakra-radio__control{border:1px solid #3c3c3c}.footer .chakra-radio-group .chakra-radio .chakra-radio__control[aria-checked=true],.footer .chakra-radio-group .chakra-radio .chakra-radio__control[data-checked]{background:transparent}.footer .chakra-radio-group .chakra-radio .chakra-radio__control[aria-checked=true]:before,.footer .chakra-radio-group .chakra-radio .chakra-radio__control[data-checked]:before{width:70%;height:70%;background:var(--text-color)}.footer .chakra-radio-group .chakra-radio .chakra-radio__label[aria-checked=true],.footer .chakra-radio-group .chakra-radio .chakra-radio__label[data-checked]{color:var(--text-color)}.footer .material-picker{width:auto!important;height:auto!important;display:flex;padding:0!important;border-radius:0;background-color:var(--background-settings)!important;border-bottom:2px solid var(--background-settings)}.footer .material-picker .flexbox-fix{padding:0!important;margin:0 0 0 10px!important}.footer .material-picker .flexbox-fix>div{padding:0!important}.footer .material-picker .flexbox-fix>div:first-child input,.footer .material-picker .flexbox-fix>div:nth-child(2) input{border-right:0!important}.footer .material-picker .flexbox-fix>div input{width:30px!important}.footer .material-picker input{width:70px!important;background-color:#454545;border:.5px solid var(--text-color)!important;font-size:12px!important;color:#fafafa!important;text-align:center;margin-top:20px!important}.footer .material-picker label{color:#fafafa!important}.footer .chrome-picker{width:160px!important;margin-right:20px}.footer .chrome-picker>div:first-child{padding-bottom:100%!important;border-radius:0!important}.footer .chrome-picker>div:last-child{padding:17px 0 0!important;background-color:var(--background)}.footer .chrome-picker .flexbox-fix>div:first-child{display:none}.footer .chrome-picker .flexbox-fix:last-child{display:none!important}.footer .chrome-picker .hue-horizontal{height:12px!important;border-radius:12px}.footer .chrome-picker .hue-horizontal>div>div{transform:translate(-6px)!important;background-color:var(--primary)!important;border:2px solid #fff}.footer-settings{width:1300px;display:flex;align-items:center;margin:20px auto;color:var(--primary);background-color:var(--background)}.footer-settings .chakra-select__wrapper{width:120px;margin-left:20px;border-color:var(--primary);color:var(--text-color)}.footer-settings .chakra-select__wrapper .chakra-select{height:26px}.footer-settings .chakra-select__wrapper option{background-color:var(--background)}.footer-settings .chakra-button{margin:0 0 0 20px}.chakra-button{min-width:96px;height:25px;line-height:24px;flex:none;color:var(--primary);border:var(--border-primary);font-size:14px;margin-bottom:20px;text-align:center;margin-right:5px;margin-top:8px;padding:0 10px;border-radius:0;font-weight:400;cursor:pointer;position:relative}.chakra-button[aria-selected=true]{background-color:var(--primary);color:var(--background)}.chakra-button:hover{background-color:var(--primary-light);color:#000}.chakra-switch .chakra-switch__track{background-color:#454545}.chakra-switch .chakra-switch__track .chakra-switch__thumb,.chakra-switch .chakra-switch__track[aria-checked=true],.chakra-switch .chakra-switch__track[data-checked]{background-color:var(--primary)}.chakra-switch .chakra-switch__track[aria-checked=true] .chakra-switch__thumb,.chakra-switch .chakra-switch__track[data-checked] .chakra-switch__thumb{background-color:var(--text-color)}.chakra-stack{background-color:transparent}.chakra-stack .default-slider{box-shadow:none;background-color:transparent;border:none}.chakra-stack .default-slider .chakra-slider__track{width:4px;border-radius:0;background-color:#25134a}.chakra-stack .default-slider .chakra-slider__thumb{width:12px;height:12px;border:0}.chakra-stack .default-slider .chakra-slider[aria-disabled=true]{cursor:not-allowed}.chakra-slider .chakra-slider__track{width:4px;border-radius:0;background-color:#140d37}.chakra-slider .chakra-slider__filled-track{background-color:var(--primary)}.chakra-slider .chakra-slider__thumb{width:12px;height:12px;border:0;background-color:var(--primary)}.start_section{height:100vh;width:100vw;padding-top:20px}.kb-list{width:430px;height:100vh;position:fixed;right:calc(50% + 100px);top:0;background:url(/kb_list_bg.png) 50%/100% 100%;padding-top:220px}.kb-warper{width:400px;margin:20px 15px;padding:12px 25px;font-weight:600;font-size:28px;border:1px solid transparent;position:relative;cursor:pointer}.kb-warper.add{border-color:#fff}.kb-warper.add path{fill:#fff}.kb-warper.add:after{content:"";width:12px;height:8px;background-color:#20103d;border-bottom:1px solid #fff;transform:rotate(135deg);position:absolute;right:-5px;bottom:-3px}.kb-warper:hover{border-color:var(--text-color);color:var(--text-color)}.kb-warper:hover path{fill:var(--text-color)}.kb-warper:hover:after{content:"";width:12px;height:8px;background-color:#20103d;border-bottom:1px solid var(--text-color);transform:rotate(135deg);position:absolute;right:-5px;bottom:-3px}aside .menu{margin-top:2rem;width:8rem}aside .menu li{padding:.5rem .75rem;--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}aside .menu li:not(:last-child){margin-bottom:.375rem}aside .menu li.selected,aside .menu li:hover{cursor:pointer;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}aside .btn{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}aside .btn:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}main .btn{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}main .btn:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}main .footer-menu{padding-left:1rem;padding-right:1rem}main .footer-menu,main .footer-menu button{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}main .footer-menu button{position:relative;margin-right:.25rem;width:18rem;border-radius:0;padding-top:1.5rem;padding-bottom:1.5rem;font-weight:400;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}main .footer-menu button:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}main .footer-menu button.selected-tab,main .footer-menu button:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}main .footer-menu button:after{content:"";position:absolute;right:-.25rem;height:50%;border-right-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}main .footer-menu button.selected{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.keyboard-wrap{display:flex;gap:0}.keyboard{position:relative;--var-kb-height:auto;--var-kb-width:auto;min-height:360px;justify-content:center}.keyboard .keyboard-bg-outer-wrapper{padding:36px 10px}.keyboard .keyboard-bg-inner-wrapper,.keyboard .keyboard-bg-outer-wrapper{width:calc(var(--var-kb-width));height:calc(var(--var-kb-height))}.keyboard .keycols{margin-bottom:1vw}.keyboard .keycols:not(:first-child){margin-bottom:0}.keyboard:before{content:none;width:100%;height:115%;background-size:contain;background-position:50%;background-repeat:no-repeat;position:absolute;top:-1.8rem;left:.1rem}.rgb-light-select li{height:5rem;width:5rem;cursor:pointer;border-radius:.25rem;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:#263749 var(--tw-gradient-from-position);--tw-gradient-to:rgba(38,55,73,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#111b29 var(--tw-gradient-to-position);padding:.375rem;text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.rgb-light-select .selected{border-width:1px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.selected-layer{display:inline-block;width:9rem;border-left-width:4px;--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.5rem 1rem}.add-layer{margin-top:.5rem;display:flex;width:8rem;cursor:pointer;align-items:center;padding:.5rem 1.25rem}.add-layer:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.add-layer svg{height:1rem;margin-right:.5rem}.kb-case{background-image:url(/case.webp);z-index:10}.kb-case,.kb-keys{position:absolute;top:-.5vw;left:-1vw;height:23vw;width:62vw;background-size:contain;background-repeat:no-repeat}.kb-keys{background-image:url(/keys.webp);z-index:11}.kb-bg{background-color:transparent;animation:bgColor 5s linear infinite}@keyframes bgColor{10%{background-color:#a43535}20%{background-color:#ff7b00}30%{background-color:#ffff51}40%{background-color:#a7ff4e}50%{background-color:#7addfe}60%{background-color:#6b6bfd}70%{background-color:#ca61ff}80%{background-color:#ff54af}90%{background-color:#f3bbff}}.new-btn{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:#0070cf var(--tw-gradient-from-position);--tw-gradient-to:rgba(0,112,207,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#0056c1 var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.new-btn:hover{--tw-bg-opacity:1;background-color:rgb(51 143 237/var(--tw-bg-opacity))}.primary-btn{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:#0071cf var(--tw-gradient-from-position);--tw-gradient-to:rgba(0,113,207,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#0056c0 var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.primary-btn:hover{--tw-bg-opacity:1;background-color:rgb(51 143 237/var(--tw-bg-opacity))}.default-btn{--tw-bg-opacity:1;background-color:rgb(57 78 96/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.default-btn:hover{--tw-bg-opacity:1;background-color:rgb(61 71 83/var(--tw-bg-opacity))}.menu-item{position:relative;margin-bottom:.5rem;display:flex;width:12rem;align-items:center;gap:.75rem;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(15 22 32/var(--tw-bg-opacity));padding:.75rem 1rem;--tw-text-opacity:1;color:rgb(161 167 173/var(--tw-text-opacity))}.menu-item:hover{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(33 45 58/var(--tw-bg-opacity))}.menu-item[aria-selected=true]{--tw-bg-opacity:1;background-color:rgb(24 33 45/var(--tw-bg-opacity))}.menu-item[aria-selected=true]:before{content:"";position:absolute;top:0;left:0;height:100%;width:.5rem;border-radius:.25rem;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:#01faa5 var(--tw-gradient-from-position);--tw-gradient-to:rgba(1,250,165,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#0073fe var(--tw-gradient-to-position)}.card-title{position:relative;background-color:rgba(37,99,235,.2);padding-left:1.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.card-title:hover{cursor:pointer}.card-title[aria-selected=true]{background-color:rgba(37,99,235,.4)}.card-title[aria-selected=true]:before{position:absolute;top:15%;left:0;height:70%;width:.25rem;content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(0 113 207/var(--tw-bg-opacity))}.sketch-picker{--tw-bg-opacity:1!important;background-color:rgb(23 42 58/var(--tw-bg-opacity))!important}.sketch-picker label{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.key-color{height:100%;width:100%;position:absolute;top:0;left:0}.macro-list li[data-select=true]{border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.action-table tr[data-select=true]{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.keycap:hover{cursor:pointer}.advanced-key[aria-selected=true],.keycap:hover .advanced-key{display:flex}.keycap:hover .key-color{background-color:var(--hover-bgcolor);border-color:#1e3c72}.card{border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(10 17 24/var(--tw-bg-opacity));padding-top:1.5rem;padding-bottom:1.5rem}.keyBox{display:flex;align-items:center;justify-content:center;border-radius:.5rem;background-color:rgba(209,213,219,.5)}.rgb-light-select li[aria-selected=true]{border-width:1px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.keyboard-bg-inner-wrapper{--var-key-scale:1;--var-key-width:1rem;--var-key-height:1rem;--var-key-left:1;--var-key-top:1;--var-key-translateZ:0}.keycap-bg{padding:2px 6px 10px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:1px 1px 3px #292a2b,inset 2px 2px 2px #e7edfa70;position:relative;border-width:1px;border-color:rgba(243,244,246,.4);background-color:rgba(156,163,175,.4)}.keycap:hover .keycap-bg{background-color:rgba(229,231,235,.6)}.key-content{font-size:var(--var-content-font-size);font-weight:var(--var-content-font-weight);align-items:var(--var-content-align-items);padding-top:0;padding-left:3px;border-radius:4px;width:100%;white-space:pre-wrap;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dks-icon{position:relative}.dks-icon:before{content:"";position:absolute;bottom:-14rem;left:46%;z-index:-10;height:13rem;width:.25rem;--tw-translate-x:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.box{display:flex;justify-content:center;align-items:center;flex-direction:column;background:#ccc;border:1px solid #000;text-align:center;padding:10px;box-sizing:border-box;overflow:hidden;position:relative;margin:20px}.w-color-editable-input input{border-radius:.25rem;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(51 51 51/var(--tw-text-opacity))}.w-color-editable-input span{margin-right:.5rem;font-size:1rem!important;line-height:1.5rem!important}.w-color-editable-input span,.w-color-editable-input-rgba input{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.w-color-editable-input-rgba input{width:2.5rem!important;text-align:center}.macro-item .btn-edit{display:none}.macro-item[data-select=true] .btn-edit{display:block}.arrow{border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));padding-left:1.5rem;padding-right:1.5rem;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity));--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.arrow:hover{cursor:pointer}.arrow[aria-disabled=true]{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.arrow[aria-disabled=true]:hover{cursor:not-allowed}.arrow[aria-selected=true]{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.color-panle[aria-hidden=true]{display:none}.wave-area{position:relative;height:100px;overflow:hidden}.wave-area .wave{background:url(/images/wave.svg) repeat-x;animation:wave 35s cubic-bezier(.36,.45,.63,.53) infinite;transform:translateZ(0);position:absolute;z-index:10;height:100px;width:6400px}.wave-area .wave:nth-of-type(2){top:20px;animation:wave 20s cubic-bezier(.36,.45,.63,.53) -.125s infinite;opacity:1;z-index:1}@keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@keyframes swell{0%,to{transform:translate3d(0,-45px,0)}50%{transform:translate3d(0,5px,0)}}.glass_bg{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.glass_bg_1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 .01em .4em hsla(0,0%,76%,.2),inset 0 .04em .18em hsla(0,0%,53%,.3),inset 0 .98em 1em rgba(87,87,87,.3),inset 0 -.82em .68em -.64em hsla(0,0%,41%,.3),inset 0 .07em .11em -.04em #fff,inset 0 .39em .56em -.36em hsla(0,0%,100%,.5);border-radius:9999px;border-width:1px;border-color:rgba(209,213,219,.5);background-color:rgba(55,65,81,.95)}.glass_btn{box-shadow:4px 4px 6px #292a2b;border-radius:9999px;border-width:1px;border-color:hsla(60,9%,98%,.3);background-color:rgba(229,231,235,.4)}.glass_btn:hover{box-shadow:2px 2px 4px #292a2b;--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}body{background-color:var(--background);color:#fff;font-family:Rajdhani;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-size:cover;background-attachment:fixed;background-position:50%}.main,body{height:100vh}.key-setting,.pro-key-setting,.super-key-dks-setting,.super-key-setting{margin-left:auto;margin-right:auto;height:340px;width:1160px;overflow-y:auto;padding-left:2rem;padding-right:2rem}.key-setting .title,.pro-key-setting .title,.super-key-dks-setting .title,.super-key-setting .title{color:var(--primary)}.key-setting .setting-buttons,.pro-key-setting .setting-buttons,.super-key-dks-setting .setting-buttons,.super-key-setting .setting-buttons{display:flex;align-items:flex-start}.key-setting .setting-buttons .button-space,.pro-key-setting .setting-buttons .button-space,.super-key-dks-setting .setting-buttons .button-space,.super-key-setting .setting-buttons .button-space{width:10%;flex:auto}.key-setting .setting-buttons .chakra-button,.key-setting .setting-buttons .chakra-tabs__tab,.pro-key-setting .setting-buttons .chakra-button,.pro-key-setting .setting-buttons .chakra-tabs__tab,.super-key-dks-setting .setting-buttons .chakra-button,.super-key-dks-setting .setting-buttons .chakra-tabs__tab,.super-key-setting .setting-buttons .chakra-button,.super-key-setting .setting-buttons .chakra-tabs__tab{min-width:96px;height:25px;line-height:24px;flex:none;color:var(--primary);border:var(--border-primary);font-size:14px;margin-bottom:20px;text-align:center;margin-right:5px;margin-top:8px;padding:0 10px;border-radius:0;font-weight:400;cursor:pointer;position:relative;background:transparent;box-shadow:none}.key-setting .setting-buttons .chakra-button[aria-selected=true],.key-setting .setting-buttons .chakra-tabs__tab[aria-selected=true],.pro-key-setting .setting-buttons .chakra-button[aria-selected=true],.pro-key-setting .setting-buttons .chakra-tabs__tab[aria-selected=true],.super-key-dks-setting .setting-buttons .chakra-button[aria-selected=true],.super-key-dks-setting .setting-buttons .chakra-tabs__tab[aria-selected=true],.super-key-setting .setting-buttons .chakra-button[aria-selected=true],.super-key-setting .setting-buttons .chakra-tabs__tab[aria-selected=true]{background-color:var(--primary);color:var(--background)}.key-setting .setting-buttons .chakra-button:hover,.key-setting .setting-buttons .chakra-tabs__tab:hover,.pro-key-setting .setting-buttons .chakra-button:hover,.pro-key-setting .setting-buttons .chakra-tabs__tab:hover,.super-key-dks-setting .setting-buttons .chakra-button:hover,.super-key-dks-setting .setting-buttons .chakra-tabs__tab:hover,.super-key-setting .setting-buttons .chakra-button:hover,.super-key-setting .setting-buttons .chakra-tabs__tab:hover{background-color:var(--primary-light);color:#000}.key-setting .setting-buttons .chakra-button.tab,.key-setting .setting-buttons .chakra-tabs__tab.tab,.pro-key-setting .setting-buttons .chakra-button.tab,.pro-key-setting .setting-buttons .chakra-tabs__tab.tab,.super-key-dks-setting .setting-buttons .chakra-button.tab,.super-key-dks-setting .setting-buttons .chakra-tabs__tab.tab,.super-key-setting .setting-buttons .chakra-button.tab,.super-key-setting .setting-buttons .chakra-tabs__tab.tab{border-top:0;border-left:0;margin-top:0;margin-right:0}.key-setting .setting-buttons .chakra-button.tab:first-child,.key-setting .setting-buttons .chakra-tabs__tab.tab:first-child,.pro-key-setting .setting-buttons .chakra-button.tab:first-child,.pro-key-setting .setting-buttons .chakra-tabs__tab.tab:first-child,.super-key-dks-setting .setting-buttons .chakra-button.tab:first-child,.super-key-dks-setting .setting-buttons .chakra-tabs__tab.tab:first-child,.super-key-setting .setting-buttons .chakra-button.tab:first-child,.super-key-setting .setting-buttons .chakra-tabs__tab.tab:first-child{border-left:var(--border-primary)}.key-setting .setting-buttons .chakra-button.tab:nth-child(2):after,.key-setting .setting-buttons .chakra-tabs__tab.tab:nth-child(2):after,.pro-key-setting .setting-buttons .chakra-button.tab:nth-child(2):after,.pro-key-setting .setting-buttons .chakra-tabs__tab.tab:nth-child(2):after,.super-key-dks-setting .setting-buttons .chakra-button.tab:nth-child(2):after,.super-key-dks-setting .setting-buttons .chakra-tabs__tab.tab:nth-child(2):after,.super-key-setting .setting-buttons .chakra-button.tab:nth-child(2):after,.super-key-setting .setting-buttons .chakra-tabs__tab.tab:nth-child(2):after{content:"";width:12px;height:8px;background-color:var(--background-settings);border-bottom:var(--border-primary);transform:rotate(135deg);position:absolute;right:-5px;bottom:-3px}.key-setting .speed-setting,.pro-key-setting .speed-setting,.super-key-dks-setting .speed-setting,.super-key-setting .speed-setting{width:280px;align-self:flex-start;border-radius:6px;background:#110920;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;margin-left:75px}.key-setting .setting-buttons .chakra-tabs__tab.tab:nth-child(2):after{display:none}.key-setting .setting-buttons .chakra-tabs__tab.tab:nth-child(3):after{content:"";width:12px;height:8px;background-color:var(--background-settings);border-bottom:var(--border-primary);transform:rotate(135deg);position:absolute;right:-5px;bottom:-3px}.default-card{padding-left:2rem;padding-right:2rem;border:var(--border-primary);color:var(--text-color);background:#333}.kb-tabs>div:hover{cursor:pointer}.kb-tabs>div:hover,.kb-tabs>div[aria-selected=true]{--tw-text-opacity:1;color:rgb(94 246 255/var(--tw-text-opacity))}.light-mode{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:.125rem;border-width:1px;border-color:transparent;padding:.125rem .75rem}.light-mode:hover{cursor:pointer}.light-mode[aria-selected=true]{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.w-color-editable-input input{margin-left:auto;margin-right:auto;border-radius:0;font-size:.875rem!important;line-height:1.25rem!important;--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;outline:2px solid transparent!important;outline-offset:2px!important}.w-color-editable-input input:focus-visible{outline-color:transparent}.w-color-editable-input-rgba{justify-content:space-between;font-size:.875rem;line-height:1.25rem}.w-color-editable-input-rgba .w-color-editable-input:first-child span{margin:0;font-weight:500;--tw-text-opacity:1!important;color:rgb(255 0 0/var(--tw-text-opacity))!important}.w-color-editable-input-rgba .w-color-editable-input:nth-child(2) span{margin:0;font-weight:500;--tw-text-opacity:1!important;color:rgb(0 255 0/var(--tw-text-opacity))!important}.w-color-editable-input-rgba .w-color-editable-input:nth-child(3) span{margin:0;font-weight:500;--tw-text-opacity:1!important;color:rgb(0 0 255/var(--tw-text-opacity))!important}.profile-list{margin-bottom:30px;margin-right:40px}.profile-list .profile-title{height:25px;line-height:24px;color:var(--primary);border:var(--border-primary);font-size:14px;margin-bottom:20px;text-align:center;position:relative}.profile-list .profile-title:after{content:"";width:12px;height:8px;background-color:var(--background);border-bottom:var(--border-primary);transform:rotate(135deg);position:absolute;right:-5px;bottom:-3px}.profile-list .profile-content li{padding:3px 10px;margin:10px auto;color:#fff;text-align:center;cursor:pointer;border-left:3px solid transparent;position:relative}.profile-list .profile-content li img{position:absolute;height:21px;top:3px;left:10px}.profile-list .profile-content li .dot{position:absolute;width:11px;height:11px;top:8px;right:10px;border-radius:50%}.profile-list .profile-content li[data-active=true]{background-color:var(--primary)}.keycode-tabs{display:flex}.keycode-tabs .chakra-tabs__tablist{flex-direction:column;align-items:flex-start}.keycode-tabs .chakra-tabs__tablist>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.keycode-tabs .chakra-tabs__tablist{padding-top:1rem;padding-bottom:1rem}.keycode-tabs .chakra-tabs__tab{padding-top:.125rem;padding-bottom:.125rem;font-size:.875rem;line-height:1.25rem;font-weight:500}.keycode-tabs .chakra-tabs__tab[aria-selected=true]{--tw-text-opacity:1;color:rgb(94 246 255/var(--tw-text-opacity))}.simple-key{height:2.5rem;width:2.5rem;overflow:hidden;white-space:nowrap;border-radius:.5rem;background-color:rgba(156,163,175,.8);line-height:2.5rem}.advanced-key-blue,.simple-key{text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.advanced-key-blue{background-color:var(--primary)}.advanced-key-blue,.advanced-key-white{height:1.5rem;width:3.5rem;border-radius:9999px;font-weight:700}.advanced-key-white{margin-left:auto;margin-right:auto;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));text-align:center;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity))}.advanced-key-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));background-color:var(--primary)}.left-ruler,.right-ruler{background:none;overflow:visible;background-image:repeating-linear-gradient(0deg,#ccc,#ccc 1px,transparent 0,transparent 21px)!important;background-position:0 0;background-repeat:no-repeat;background-size:10px 100%}.key-wrapper[aria-disabled=true]{opacity:.5}.dks-blue-ruler .chakra-slider__track,.dks-red-ruler .chakra-slider__track{background:none;overflow:visible;width:1rem;height:62px!important;background-image:repeating-linear-gradient(0deg,#969696,#969696 2px,transparent 0,transparent 5px)!important;background-position:0 0;background-repeat:no-repeat;background-size:7px 100%;border-left:1px solid #969696}.dks-blue-ruler .chakra-slider__filled-track{--tw-bg-opacity:1!important;background-color:rgb(0 182 255/var(--tw-bg-opacity))!important}.dks-blue-ruler .chakra-slider__thumb{--tw-text-opacity:1!important;color:rgb(0 182 255/var(--tw-text-opacity))!important}.dks-blue-ruler svg{fill:#00b6ff!important}.dks-red-ruler .chakra-slider__filled-track{--tw-bg-opacity:1!important;background-color:rgb(255 0 36/var(--tw-bg-opacity))!important}.dks-red-ruler .chakra-slider__thumb{--tw-text-opacity:1!important;color:rgb(255 0 36/var(--tw-text-opacity))!important}.dks-red-ruler svg{fill:#ff0024}.dks-down-end,.dks-down-start,.dks-up-end,.dks-up-start{height:22px;width:22px;min-width:22px;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));padding-inline-start:0;padding-inline-end:0}.dks-border-circle{position:absolute;top:2px;right:0;width:16px}.dks-border-dragbox{position:absolute;top:0;right:12px;z-index:20;height:28px;width:.75rem}.dks-border-dragbox:hover{cursor:ew-resize}.drag-bar{position:absolute;top:1px;left:18px;z-index:10;height:22px;width:22px;min-width:22px;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));padding-inline-start:0;padding-inline-end:0;text-align:right;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.drag-bar:hover{cursor:pointer}.normal-btn{height:2rem!important;padding:.125rem 1rem!important;font-size:.875rem!important;line-height:1.25rem!important}.medium-btn,.normal-btn{box-shadow:inset 0 .01em .4em hsla(0,0%,76%,.2),inset 0 .04em .18em hsla(0,0%,53%,.3),inset 0 .98em 1em rgba(87,87,87,.3),inset 0 -.82em .68em -.64em hsla(0,0%,41%,.3),inset 0 .07em .11em -.04em #fff,inset 0 .39em .56em -.36em hsla(0,0%,100%,.5),3px 3px 6px 1px #222;border-radius:9999px!important;background-color:rgba(156,163,175,.5);--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.medium-btn{height:1.5rem!important;padding-left:1rem!important;padding-right:1rem!important;line-height:1.5rem}.glass-shadow{box-shadow:inset 0 .01em .4em hsla(0,0%,76%,.2),inset 0 .04em .18em hsla(0,0%,53%,.3),inset 0 .98em 1em rgba(87,87,87,.3),inset 0 -.82em .68em -.64em hsla(0,0%,41%,.3),inset 0 .07em .11em -.04em #fff,inset 0 .39em .56em -.36em hsla(0,0%,100%,.5)}.setting-btn:hover svg{fill:#00b6ff}.main-radio-group{position:relative;margin-top:1.25rem;display:flex;width:100%;justify-content:space-between;padding-left:1.25rem;padding-right:1.25rem}.main-radio-group:before{content:"";position:absolute;top:6px;left:0;z-index:10;height:3px!important;width:100%;--tw-bg-opacity:1;background-color:rgb(192 192 192/var(--tw-bg-opacity))}.main-radio-group .chakra-radio{position:relative}.main-radio-group .chakra-radio__control{z-index:20;border-radius:9999px;border-style:none!important;--tw-bg-opacity:1;background-color:rgb(192 192 192/var(--tw-bg-opacity))}.main-radio-group .chakra-radio[data-checked] .chakra-radio__control{--tw-bg-opacity:1;background-color:rgb(94 246 255/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(94 246 255/var(--tw-text-opacity))}.main-radio-group .chakra-radio[data-checked] .chakra-radio__control:before{width:100%!important;height:100%!important}.main-radio-group .chakra-radio__label{position:absolute;top:-1.25rem;left:-2rem;width:4rem;padding-left:.25rem;padding-right:.25rem;text-align:center;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(192 192 192/var(--tw-text-opacity))}.main-radio-group .chakra-radio[data-checked] .chakra-radio__label{--tw-border-opacity:1!important;border-color:rgb(94 246 255/var(--tw-border-opacity))!important;--tw-text-opacity:1!important;color:rgb(94 246 255/var(--tw-text-opacity))!important}.main-shadow{box-shadow:inset 0 .01em .4em hsla(0,0%,76%,.2),inset 0 .04em .18em hsla(0,0%,53%,.3),inset 0 .98em 1em hsla(0,0%,56%,.3),inset 0 -.82em .68em -.64em hsla(0,0%,41%,.3),inset 0 .07em .11em -.04em #fff,inset 0 .39em .56em -.36em hsla(0,0%,100%,.5),3px 3px 6px 1px #414141}.main-select-btn{--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity))}.menu{margin:35px 20px}.menu .chakra-tabs__tab{width:100px;justify-content:flex-start;color:#bdbdbd;padding:5px 10px;margin-bottom:5px;border-left:0 solid var(--background);text-align:left;font-weight:700;position:relative}.menu .chakra-tabs__tab:after{content:"";width:12px;height:8px;background-color:var(--background-settings);transform:rotate(135deg);position:absolute;right:-5px;bottom:-3px}.menu .chakra-tabs__tab[aria-selected=true]{border-left:0 solid var(--text-color);background-color:var(--text-color);color:#454545}.customcode-menu .chakra-tabs__tab{height:1.75rem!important;border-radius:9999px;background-color:rgba(156,163,175,.5);padding:.25rem .75rem!important;font-size:.875rem!important;line-height:1.25rem!important;font-weight:500;--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity));box-shadow:inset 0 .01em .4em hsla(0,0%,76%,.2),inset 0 .04em .18em hsla(0,0%,53%,.3),inset 0 .98em 1em hsla(0,0%,56%,.3),inset 0 -.82em .68em -.64em hsla(0,0%,41%,.3),inset 0 .07em .11em -.04em #fff,inset 0 .39em .56em -.36em hsla(0,0%,100%,.5),3px 3px 6px 1px #414141}.customcode-menu .chakra-tabs__tab[aria-selected=true]{--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity))}.customcode-key{border-radius:.375rem;border:1px solid #8f8e93;color:var(--text-color);text-align:center;cursor:pointer;height:4rem;width:4rem;min-width:4rem;overflow:hidden;padding:.5rem 1rem;font-size:1rem;line-height:1.5rem}.customcode-key:hover{background-color:hsla(15,2%,49%,.9)}.encoder-key{left:calc(var(--var-kb-scale) * var(--var-key-left));top:calc(var(--var-kb-scale) * var(--var-key-top));width:calc(var(--var-kb-scale) * var(--var-key-width));height:calc(var(--var-kb-scale) * var(--var-key-height));box-shadow:inset 1px 1px 3px #cfcccc,1px 1px 3px #424445;position:absolute;border-radius:9999px;background-color:hsla(15,2%,49%,.7)}.encoder-key:hover{cursor:pointer;background-color:hsla(15,2%,49%,.9)}.key-wrapper{width:calc(var(--var-kb-scale) * var(--var-key-width));height:calc(var(--var-kb-scale) * var(--var-key-height));left:calc(var(--var-kb-scale) * var(--var-key-left));top:calc(var(--var-kb-scale) * var(--var-key-top));transform:perspective(100px) translateZ(var(--var-key-translateZ));position:absolute;padding:.125rem}.key-wrapper:hover{cursor:pointer}.key-wrapper .keycap{height:100%;width:100%;border-radius:.375rem}.key-wrapper .keycap:hover{background-color:hsla(15,2%,49%,.9)}.key-wrapper .keycap{border:1px solid #8f8e93;color:var(--text-color);cursor:pointer}.key-wrapper .keycolor,.key-wrapper .keyselect{position:absolute}.key-wrapper .keycontent{padding-left:.5rem;padding-right:.5rem}.switch-border{position:relative;height:5rem;width:5rem;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.switch-border:hover{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.switch-badge-jade,.switch-badge-pro,.switch-badge-white{clip-path:polygon(0 0,8px 100%,calc(100% - 8px) 100%,100% 0);position:absolute;top:0;margin-left:auto;margin-right:auto;width:4rem;text-align:center;font-size:.75rem;line-height:1rem}.switch-badge-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(94 246 255/var(--tw-text-opacity))}.switch-badge-jade,.switch-badge-pro{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));background-color:var(--primary);max-width:90%}.select-lang>div{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.select-lang>div[aria-selected=true]{--tw-text-opacity:1;color:rgb(249 250 251/var(--tw-text-opacity))}.select-lang img{opacity:.7}.select-lang>div[aria-selected=true] img{opacity:1}.default-slider{box-shadow:1px 1px 2px #414242,inset 1px 1px 2px #c2c4c6;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(142 142 140/var(--tw-bg-opacity));padding:.5rem .125rem .125rem}.white-slider .chakra-slider__filled-track,.white-slider .chakra-slider__thumb{--tw-bg-opacity:1;background-color:rgb(209 205 206/var(--tw-bg-opacity))}.blue-slider .chakra-slider__filled-track,.blue-slider .chakra-slider__thumb{--tw-bg-opacity:1;background-color:rgb(94 246 255/var(--tw-bg-opacity))}.red-slider .chakra-slider__filled-track,.red-slider .chakra-slider__thumb{--tw-bg-opacity:1;background-color:rgb(255 25 96/var(--tw-bg-opacity))}.custom-profiles{color:#fff;margin-right:40px}.custom-profiles .create-custom-profile{height:25px;line-height:24px;color:var(--primary);border:var(--border-primary);font-size:14px;margin-bottom:5px;text-align:center;position:relative}.custom-profiles .create-custom-profile:after{content:"";width:12px;height:8px;background-color:var(--background);border-bottom:var(--border-primary);transform:rotate(135deg);position:absolute;right:-5px;bottom:-3px}.custom-profiles .custom-profiles[aria-disabled=true] .overlayer{position:absolute;top:0;left:0;z-index:10;display:block;height:100%;width:100%;opacity:0}.custom-profiles ul{max-height:80px;overflow-y:auto}.custom-profiles ul li[aria-selected=true]{background-color:var(--primary)}.select-switch{position:relative}.select-switch .overlayer{display:none}.select-switch[aria-disabled=true] .overlayer{position:absolute;top:0;left:0;z-index:10;display:block;height:100%;width:100%;opacity:0}.profile-name{position:relative}.profile-name .edit-btn{position:absolute;left:1rem;top:4px;z-index:10;display:none;margin-left:8px}.profile-name:hover .edit-btn{display:flex}.profile-name:hover .edit-btn svg{fill:#5ef6ff}.profile-name .download-btn{position:absolute;left:-10px;top:4px;z-index:10;display:none;margin-left:8px}.profile-name:hover .download-btn{display:flex}.profile-name:hover .download-btn svg{fill:#5ef6ff}.chat .cs-message--incoming .cs-message__content{color:#fff;background-color:var(--background)}.chat .cs-message--outgoing .cs-message__content{color:#fff;background-color:var(--primary)}.chat .cs-button--attachment,.chat .cs-button--send{color:var(--primary)}.chat .cs-message-list .cs-typing-indicator{width:100%;padding:.8em 3.5em;background-color:var(--background-settings)}.chat .cs-message-list .cs-typing-indicator .cs-typing-indicator__dot{background-color:#fff}.chat .cs-message-list .cs-typing-indicator .cs-typing-indicator__text{color:#fff}.chat .cs-message-input--disabled .cs-message-input__content-editor,.chat .cs-message-input--disabled .cs-message-input__content-editor-wrapper,.chat .cs-message-input__content-editor,.chat .cs-message-input__content-editor-wrapper{color:#fff;background-color:#47317b}.chat .cs-main-container{border-color:var(--primary)}.chat .cs-message-list{color:#fff;background-color:var(--background-settings)}.chat .cs-chat-container .cs-message-input{background-color:var(--background-settings);border-color:var(--primary);padding:.5em 0}.chat .cs-message-list__scroll-wrapper{padding:1.2em .8em}.chat .ps .ps__rail-x.ps--clicking,.chat .ps .ps__rail-x:focus,.chat .ps .ps__rail-x:hover,.chat .ps .ps__rail-y.ps--clicking,.chat .ps .ps__rail-y:focus,.chat .ps .ps__rail-y:hover{background-color:var(--background)}.chat .ps__rail-y.ps--clicking .ps__thumb-y,.chat .ps__rail-y:focus>.ps__thumb-y,.chat .ps__rail-y:hover>.ps__thumb-y{background-color:var(--primary-light)}.chat .ps__thumb-y{background-color:var(--primary)}.chat .chat-box{position:fixed;height:700px;width:400px;z-index:99999;right:50px;bottom:120px}.chat .file-download{cursor:pointer;text-decoration:underline}.chat .chat-icon{position:fixed;height:50px;width:50px;z-index:99999;background:var(--primary) url(/images/robot.svg) center /25px 25px no-repeat;border-radius:4px;border:1px solid #fff;right:50px;bottom:50px;cursor:pointer}.chat .chat-icon:hover{background-color:var(--primary-light)}.chat.open .chat-icon{background-image:url(/images/close.svg)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-gray-100\/70:hover{border-color:rgba(243,244,246,.7)}.hover\:bg-\[\#8443ff\]:hover{--tw-bg-opacity:1;background-color:rgb(132 67 255/var(--tw-bg-opacity))}.hover\:bg-gray-200\/70:hover{background-color:rgba(229,231,235,.7)}.hover\:bg-gray-400\/20:hover{background-color:rgba(156,163,175,.2)}.hover\:text-\[\#5EF6FF\]:hover{--tw-text-opacity:1;color:rgb(94 246 255/var(--tw-text-opacity))}.aria-selected\:border[aria-selected=true]{border-width:1px}.aria-selected\:border-gray-300[aria-selected=true]{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.aria-selected\:bg-gray-600[aria-selected=true]{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.\[\&_div\]\:transition-all div{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[\&_div\]\:duration-1000 div{transition-duration:1s}.\[\&_div\]\:duration-\[5000ms\] div{transition-duration:5s}