<style>label{margin-bottom:0}button{border:0;outline:0}.sifreOlusturucu{margin:0 auto;max-width:630px;padding:35px 30px;background:#fff;border-radius:10px;box-shadow:0 0 5px rgb(0 0 0 / 15%),0 4px 8px rgb(0 0 0 / 15%),0 8px 12px rgb(0 0 0 / 5%);-moz-box-shadow:0 0 5px rgb(0 0 0 / 15%),0 4px 8px rgb(0 0 0 / 15%),0 8px 12px rgb(0 0 0 / 5%);-webkit-box-shadow:0 0 5px rgb(0 0 0 / 15%),0 4px 8px rgb(0 0 0 / 15%),0 8px 12px rgb(0 0 0 / 5%);font-family:'Nunito'}.sifreOlusturucu h2.title{margin:10px -5px}.result{position:relative;width:100%;overflow:hidden;cursor:default;border:2px solid #ccc;border-radius:10px}.field-title{font-weight:800;color:rgb(85 28 28 / 64%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:20px;font-size:18px}.result_info.right{right:8px}.result_info.left{left:8px}.result_info{position:absolute;bottom:4px;opacity:.7;font-size:12px;transition:all 150ms ease-in-out;font-weight:700}.result_viewbox{width:100%;height:100%;border-radius:8px;text-align:center;line-height:65px;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;padding:0 8px;font-size:20px}.options{width:100%;height:auto;margin:50px 0}.length_title::after{content:attr(data-length);font-variant-numeric:tabular-nums;margin-left:5px}#slider{-webkit-appearance:none;width:calc(100% - 70px);height:10px;border-radius:5px;outline:0;padding:0;margin:0;cursor:pointer}#slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#3390FF;cursor:pointer}.bubble{margin:20px;cursor:pointer}.left-bubble:after{content:'\f056';font-family:'FontAwesome';font-size:40px;color:blueviolet}.right-bubble:after{content:'\f055';font-family:'FontAwesome';font-size:40px;color:blueviolet}.btn.copy-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;max-width:220px;width:100%;height:50px;margin:15px 0;border:none;background-image:linear-gradient(135deg,#667eea 0,#764ba2 100%);letter-spacing:1px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all 150ms ease}.btn.copy-btn:active{transform:translateY(-3%);box-shadow:0 4px 8px rgb(255 255 255 / .08);-moz-box-shadow:0 4px 8px rgb(255 255 255 / .08);-webkit-box-shadow:0 4px 8px rgb(255 255 255 / .08)}.range_slider{position:relative;height:55px;display:flex;justify-content:center;align-items:center;border:2px solid #ccc;border-radius:8px;margin:10px 0}.settings{position:relative;height:auto}.settings .setting{position:relative;display:inline-block;width:calc(50% - 8px);border-radius:8px;padding:10px 25px;border:2px solid #ccc;margin:4px}.setting>label{margin-bottom:0}@media only screen and (max-width:680px){.settings .setting{width:100%}}.settings .setting input+label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.settings .setting input:disabled+label:before{background:#4f4f6a}.settings .setting input:disabled+label:after{background:#909090}.settings .setting input:disabled+label:before,.settings .setting input:disabled+label:after{cursor:not-allowed}.settings .setting input:checked+label:after{right:14px}input[type="checkbox"]{height:25px;width:25px;background-color:#eee;position:absolute;right:20px;bottom:11px;cursor:pointer}.btns{text-align:center}.settings_title{text-align:center;margin:25px 0 15px 0}.generate{background:#fff;float:right;margin-bottom:-30px;z-index:10;position:inherit}.generate:before{content:'\f0e2';font-family:'FontAwesome'}</style>