@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:100;src:url(../assets/fonts/montserrat/montserrat-v26-latin-100.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:100;src:url(../assets/fonts/montserrat/montserrat-v26-latin-100italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:200;src:url(../assets/fonts/montserrat/montserrat-v26-latin-200.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:200;src:url(../assets/fonts/montserrat/montserrat-v26-latin-200italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:300;src:url(../assets/fonts/montserrat/montserrat-v26-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:300;src:url(../assets/fonts/montserrat/montserrat-v26-latin-300italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:url(../assets/fonts/montserrat/montserrat-v26-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:400;src:url(../assets/fonts/montserrat/montserrat-v26-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:url(../assets/fonts/montserrat/montserrat-v26-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:500;src:url(../assets/fonts/montserrat/montserrat-v26-latin-500italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:url(../assets/fonts/montserrat/montserrat-v26-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:600;src:url(../assets/fonts/montserrat/montserrat-v26-latin-600italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:url(../assets/fonts/montserrat/montserrat-v26-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:700;src:url(../assets/fonts/montserrat/montserrat-v26-latin-700italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:800;src:url(../assets/fonts/montserrat/montserrat-v26-latin-800.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:800;src:url(../assets/fonts/montserrat/montserrat-v26-latin-800italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:900;src:url(../assets/fonts/montserrat/montserrat-v26-latin-900.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:900;src:url(../assets/fonts/montserrat/montserrat-v26-latin-900italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:200;src:url(../assets/fonts/nunito/nunito-v26-latin-200.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:200;src:url(../assets/fonts/nunito/nunito-v26-latin-200italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:300;src:url(../assets/fonts/nunito/nunito-v26-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:300;src:url(../assets/fonts/nunito/nunito-v26-latin-300italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:400;src:url(../assets/fonts/nunito/nunito-v26-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:400;src:url(../assets/fonts/nunito/nunito-v26-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:500;src:url(../assets/fonts/nunito/nunito-v26-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:500;src:url(../assets/fonts/nunito/nunito-v26-latin-500italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:600;src:url(../assets/fonts/nunito/nunito-v26-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:600;src:url(../assets/fonts/nunito/nunito-v26-latin-600italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:700;src:url(../assets/fonts/nunito/nunito-v26-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:700;src:url(../assets/fonts/nunito/nunito-v26-latin-700italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:800;src:url(../assets/fonts/nunito/nunito-v26-latin-800.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:800;src:url(../assets/fonts/nunito/nunito-v26-latin-800italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:900;src:url(../assets/fonts/nunito/nunito-v26-latin-900.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nunito;font-style:italic;font-weight:900;src:url(../assets/fonts/nunito/nunito-v26-latin-900italic.woff2) format("woff2")}:root{font-family:Montserrat,sans-serif;line-height:1.5;font-size:16px;font-weight:500;color-scheme:dark;color:#fff;background-color:#1a1b1e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.glass{background:#4848482e;border-radius:16px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(72,72,72,.3)}.card{background:#ffffff03;border-radius:16px;border:1px solid rgba(72,72,72,.3);padding:30px}.card.bgless{background:transparent}.card.red{border-color:#f44336}.flex{display:flex;align-items:center}.flex.gap{gap:15px}.iconText{display:flex;align-items:center;gap:10px}.iconText svg{height:25px;width:25px}a{font-weight:600;color:#fff;text-decoration:inherit}a:hover{color:#cecece}a.blue{color:#2196f3}a.blue:hover{color:#1565c0}a:has(svg){display:flex;align-items:center;gap:7px}a:has(svg) svg{--hw: 20px;height:var(--hw);width:var(--hw)}img.icon,svg.icon{height:25px;width:25px}.muted{color:#cecece}button,a.button,textarea{--padding: 35px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:500;color:#fff;text-decoration:none;background-color:#ffffff0d;border:1px solid rgba(227,227,227,.3);border-radius:8px;padding:10px var(--padding);width:fit-content;transition:border-color .2s ease-in-out}button:focus,a.button:focus,textarea:focus{outline:none;border-color:#2196f3}button:hover,a.button:hover,textarea:hover{cursor:pointer}button.muted,a.button.muted,textarea.muted{background:#1c1c1f;border:1px solid rgba(72,72,72,.3)}button.blue:focus,a.button.blue:focus,textarea.blue:focus{background-color:#30559866}button.red,a.button.red,textarea.red{background-color:#98303033;border-color:#f44336}button.red_hover:hover,a.button.red_hover:hover,textarea.red_hover:hover{background-color:#98303066;border-color:#f44336}button.red_hover:focus,a.button.red_hover:focus,textarea.red_hover:focus{background-color:#98303066;border-color:#f44336}button.fullwidth,a.button.fullwidth,textarea.fullwidth{display:flex;align-items:center;justify-content:center;width:calc(100% - var(--padding) * 2)}button.blue,a.button.blue,textarea.blue{background-color:#30559833;border-color:#2196f3}button.green,a.button.green,textarea.green{border-color:var(--success)}button:disabled,a.button:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}button:has(svg),a.button:has(svg),textarea:has(svg){display:flex;align-items:center;justify-content:center;gap:15px}button:has(svg) svg,a.button:has(svg) svg,textarea:has(svg) svg{height:25px;width:25px}button.iconOnly,a.button.iconOnly,textarea.iconOnly{padding:10px;aspect-ratio:1/1}button.clear,a.button.clear,textarea.clear{background-color:transparent;border:none;padding:0}textarea{--padding: 10px;height:75px;min-height:75px;resize:vertical;width:calc(100% - var(--padding) * 2);padding:10px var(--padding)}textarea:hover{cursor:unset}input,select{--padding: 10px;--border-width: 1px;width:calc(100% - var(--padding) * 2 - var(--border-width) * 2);padding:var(--padding);background:#ffffff0d;border:1px solid rgba(227,227,227,.3);border-radius:8px;font-size:1rem;font-family:Montserrat,sans-serif;min-width:0}input:focus-visible,select:focus-visible{outline:none;border-color:#2196f3}input.nostyle,select.nostyle{background:transparent;border:none;border-radius:0;padding:0}input.error,select.error{border-color:#f44336}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:#ffffff0d;border-radius:15px;font-size:.9rem;color:#cecece}.chip:has(svg) svg{height:15px;width:15px}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal .modal-content{padding:30px;width:400px;background:#1b1c1e;border-radius:16px;border:1px solid rgba(72,72,72,.3);margin:0 20px;display:flex;flex-direction:column;gap:20px}.iconText{display:flex;align-items:center;gap:10px;color:#cecece}.iconText svg{--hw: 25px;height:var(--hw);width:var(--hw)}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;margin:0}h1{font-size:3.2em;line-height:1.1;color:#2196f3}#app{--padding: 20px;max-width:1280px;height:100vh;width:calc(100% - var(--padding) * 2);padding:0 var(--padding);margin:0 auto;background-color:#1a1b1e}body{margin:0;min-width:320px;min-height:100vh;display:flex;background-color:#1a1b1e}header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:30px 0;margin-bottom:20px}header .logo img{height:45px}header .links{display:flex;align-items:center;gap:30px}header .links a.icon{display:flex;align-items:center;justify-content:center;gap:10px}header .links a.icon svg{--hw: 25px;width:var(--hw);height:var(--hw)}main.main{display:flex;gap:30px}@media screen and (max-width: 950px){main.main{flex-direction:column}}.resultbox{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px;max-width:300px}.resultbox .qrCode{width:300px;height:300px;border-radius:8px;overflow:hidden;border:1px solid rgba(72,72,72,.3);background-color:#4848484d}.resultbox .resultString{font-size:1rem;color:#cecece;max-width:100%;text-align:center;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.resultbox .btns{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.resultbox .btns button{width:100%}@media screen and (max-width: 950px){.resultbox{max-width:none}}.inputSection{display:flex;flex-direction:column;flex-grow:1;padding:0;height:fit-content}.inputSection h3{margin:30px 0 5px;font-size:1.5rem}.inputSection p{margin:0 0 20px;color:#cecece}.inputSection .space{width:100%;height:10px}.inputSection nav{display:flex;flex-wrap:wrap;gap:10px}.inputSection nav button.active{background-color:#30559833;border-color:#2196f3}.inputSection nav button.active:focus{background-color:#30559866}.inputSection input,.inputSection textarea{margin-top:5px;margin-bottom:20px}.inputSection button{gap:8px}.inputSection button svg{--hw: 20px;height:var(--hw);width:var(--hw)}.inputSection .inputBox label{margin-bottom:0}.inputSection .inputBox input{margin-top:5px}.inputSection .inputBox.checkbox{display:flex;align-items:center;gap:8px}.inputSection .inputBox.checkbox input{width:fit-content;margin:0 0 3px}.inputSection .inputBox.checkbox label{margin:0;font-size:1rem}.inputSection .horizontalInputs{display:flex;gap:15px}.inputSection .horizontalInputs .inputBox.grow-1{flex-grow:1}.inputSection .horizontalInputs .inputBox.grow-2{flex-grow:2}.inputSection .radioList{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.inputSection .securityConcern{display:flex;gap:8px;margin-bottom:20px}.inputSection .securityConcern svg{--hw: 20px;height:var(--hw);width:var(--hw)}.inputSection .horizontalSliders{width:100%;display:flex;gap:30px}.inputSection .horizontalSliders label{width:100%}.inputSection .pickers{display:flex;gap:30px}.inputSection .pickers .colorPicker{flex-grow:1}@media screen and (max-width: 950px){.inputSection .pickers{flex-direction:column;gap:0}}.inputSection .colorPicker{display:flex;flex-direction:column;gap:5px}.inputSection .colorPicker span.label{font-size:1.1rem;font-weight:600}.inputSection .colorPicker .picker{display:flex;flex-direction:column;flex-grow:1;background:#ffffff0d;border:1px solid rgba(227,227,227,.3);border-radius:8px;margin-bottom:20px;overflow:hidden}.inputSection .colorPicker .picker:focus-within{border-color:#2196f3}.inputSection .colorPicker .picker .react-colorful{width:100%;height:130px}.inputSection .colorPicker .picker .react-colorful .react-colorful__last-control{border-bottom-left-radius:0;border-bottom-right-radius:0}.inputSection .colorPicker .picker input{background-color:transparent;border:none;margin:0}.inputSection .shapePicker{display:flex;flex-direction:column;gap:5px;margin-bottom:20px}.inputSection .shapePicker span.label{font-size:1.1rem;font-weight:600}.inputSection .shapePicker .custom-select__menu{z-index:1000;background-color:#29292c;border-radius:8px;box-shadow:0 0 0 1px #0000001a,0 4px 11px #0000000f}.inputSection .shapePicker .custom-select__control{box-shadow:none;transition:border-color .3s;background:#ffffff0d;border:1px solid rgba(227,227,227,.3);border-radius:8px;color:#fff;padding:0}.inputSection .shapePicker .custom-select__value-container{padding:0 8px}.inputSection .shapePicker .custom-select__single-value,.inputSection .shapePicker .custom-select__indicator{color:#cecece}.inputSection .shapePicker .custom-select__control--is-focused{border-color:#2196f3;box-shadow:0 0 0 2px #007bff40}.inputSection .shapePicker .custom-select__menu-list{padding:0;border-radius:8px}.inputSection .shapePicker .custom-select__option{transition:background-color .2s;padding:5px 8px}.inputSection .shapePicker .custom-select__option--is-focused{background-color:#30559833;color:#fff;cursor:pointer}.inputSection .shapePicker .custom-select__option--is-selected{background-color:#007bff;color:#fff}.accordion{overflow:hidden}.accordion:first-of-type,.accordion:first-of-type.__header{border-top-left-radius:16px;border-top-right-radius:16px}.accordion:last-of-type{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.accordion__header{display:flex;justify-content:space-between;align-items:center;border:none;border-radius:0;padding:1rem;width:100%;text-align:left;font-size:1rem;cursor:pointer;transition:border-radius .3s ease}.accordion__icon{transition:transform .3s ease}.accordion__icon.open{transform:rotate(180deg)}.accordion__content{overflow:hidden;transition:max-height .3s ease}.accordion__body{padding:1rem}.sectionBtn{padding:10px 20px}.coordsBox{display:flex;gap:20px}.coordsBox .inputBox{flex-grow:1}@media screen and (max-width: 500px){.coordsBox{flex-direction:column;gap:0px}.coordsBox .inputBox{width:100%}}.customSlider{display:flex;align-items:center;gap:15px}.customSlider input{padding:0;margin:0;-webkit-appearance:none;width:100%;height:8px;background:#ffffff0d;border:none;border-radius:8px;outline:none;--thumb-size: 20px}.customSlider input .slider:hover{opacity:1}.customSlider input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:100%;width:var(--thumb-size);height:var(--thumb-size);background:#616264;border:1px solid rgba(227,227,227,.3);cursor:pointer}.customSlider input::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);background:#616264;border:1px solid rgba(227,227,227,.3);cursor:pointer}.customSlider .value{font-size:1rem;color:#cecece;width:20px;text-align:right}main.pageNotFound{display:flex;flex-direction:column;align-items:center}main.pageNotFound h2{font-size:2rem;margin-bottom:15px}main.pageNotFound p{font-size:1rem;margin:0 0 20px;color:#cecece}