diff --git a/bundles/bundle-75afac69.js b/bundles/bundle-66e5d323.js
similarity index 100%
rename from bundles/bundle-75afac69.js
rename to bundles/bundle-66e5d323.js
diff --git a/bundles/bundle-5d20479b.css b/bundles/bundle-9c0046d9.css
similarity index 93%
rename from bundles/bundle-5d20479b.css
rename to bundles/bundle-9c0046d9.css
index 95914ef2..fcb85109 100644
--- a/bundles/bundle-5d20479b.css
+++ b/bundles/bundle-9c0046d9.css
@@ -5,4 +5,4 @@
  * Copyright 2014 Alfiana E. Sibuea and other contributors
  * Released under the MIT license
  * https://github.com/fians/Waves/blob/master/LICENSE
- */.dropdown-trigger,.waves-effect{cursor:pointer}.waves-effect{position:relative;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;transition:.3s ease-out}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,.2);transition:all .7s ease-out;transition-property:transform,opacity;transform:scale(0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background-color:hsla(0,0%,100%,.45)}.waves-effect.waves-red .waves-ripple{background-color:rgba(244,67,54,.7)}.waves-effect.waves-yellow .waves-ripple{background-color:rgba(255,235,59,.7)}.waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,.7)}.waves-effect.waves-purple .waves-ripple{background-color:rgba(156,39,176,.7)}.waves-effect.waves-green .waves-ripple{background-color:rgba(76,175,80,.7)}.waves-effect.waves-teal .waves-ripple{background-color:rgba(0,150,136,.7)}.waves-effect input[type=button],.waves-effect input[type=reset],.waves-effect input[type=submit]{border:0;font-style:normal;font-size:inherit;text-transform:inherit;background:none}.waves-effect img{position:relative;z-index:-1}.waves-notransition{transition:none!important}.waves-circle{transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle,#fff 100%,#000 0)}.waves-input-wrapper{border-radius:.2em;vertical-align:bottom}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none}.waves-block{display:block}.waves-effect .waves-ripple{z-index:-1}.sidenav{position:fixed;width:300px;left:0;top:0;margin:0;transform:translateX(-100%);height:calc(100% + 60px);height:100%;padding-bottom:60px;z-index:999;overflow-y:auto;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateX(-105%)}.sidenav.right-aligned{right:0;transform:translateX(105%);left:auto;transform:translateX(100%)}.sidenav .collapsible{margin:0}.sidenav li{float:none;line-height:48px}.sidenav li.active{background-color:rgba(0,0,0,.05)}.sidenav li>a{color:rgba(0,0,0,.87);display:block;font-size:14px;font-weight:500;height:48px;line-height:48px;padding:0 32px}.sidenav li>a:hover{background-color:rgba(0,0,0,.05)}.sidenav li>a.btn,.sidenav li>a.btn-flat,.sidenav li>a.btn-floating,.sidenav li>a.btn-large,.sidenav li>a.btn-small{margin:10px 15px}.sidenav li>a.btn,.sidenav li>a.btn-floating,.sidenav li>a.btn-large,.sidenav li>a.btn-small{color:#fff}.sidenav li>a.btn-flat{color:#343434}.sidenav li>a.btn-large:hover,.sidenav li>a.btn-small:hover,.sidenav li>a.btn:hover{background-color:#4d5ec1}.sidenav li>a.btn-floating:hover{background-color:#3f51b5}.sidenav li>a>[class^=mdi-],.sidenav li>a>i,.sidenav li>a>i.material-icons,.sidenav li>a li>a>[class*=mdi-]{float:left;height:48px;line-height:48px;margin:0 32px 0 0;width:24px;color:rgba(0,0,0,.54)}.sidenav .divider{margin:8px 0 0}.sidenav .subheader{cursor:auto;pointer-events:none;color:rgba(0,0,0,.54);font-size:14px;font-weight:500;line-height:48px}.sidenav .subheader:hover{background-color:transparent}.sidenav .user-view{position:relative;padding:32px 32px 0;margin-bottom:8px}.sidenav .user-view>a{height:auto;padding:0}.sidenav .user-view>a:hover{background-color:transparent}.sidenav .user-view .background{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.sidenav .user-view .circle,.sidenav .user-view .email,.sidenav .user-view .name{display:block}.sidenav .user-view .circle{height:64px;width:64px}.sidenav .user-view .email,.sidenav .user-view .name{font-size:14px;line-height:24px}.sidenav .user-view .name{margin-top:16px;font-weight:500}.sidenav .user-view .email{padding-bottom:16px;font-weight:400}.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}.drag-target.right-aligned{right:0}.sidenav.sidenav-fixed{left:0;transform:translateX(0);position:fixed}.sidenav.sidenav-fixed.right-aligned{right:0;left:auto}@media only screen and (max-width:992px){.sidenav.sidenav-fixed{transform:translateX(-105%)}.sidenav.sidenav-fixed.right-aligned{transform:translateX(105%)}.sidenav>a{padding:0 16px}.sidenav .user-view{padding:16px 16px 0}}.sidenav .collapsible-body>ul:not(.collapsible)>li.active,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active{background-color:#ee6e73}.sidenav .collapsible-body>ul:not(.collapsible)>li.active a,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a{color:#fff}.sidenav .collapsible-body{padding:0}.sidenav-overlay{position:fixed;top:0;left:0;right:0;opacity:0;height:120vh;background-color:rgba(0,0,0,.5);z-index:997;display:none}.switch,.switch *{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch label{cursor:pointer}.switch label input[type=checkbox]{opacity:0;width:0;height:0}.switch label input[type=checkbox]:checked+.lever:after,.switch label input[type=checkbox]:checked+.lever:before{left:18px}.switch label .lever{content:"";display:inline-block;position:relative;width:36px;height:14px;background-color:rgba(0,0,0,.38);border-radius:15px;transition:background .3s ease;vertical-align:middle;margin:0 16px}.switch label .lever:after,.switch label .lever:before{content:"";position:absolute;display:inline-block;width:20px;height:20px;border-radius:50%;left:0;top:-3px;transition:left .3s ease,background .3s ease,box-shadow .1s ease,transform .1s ease}.switch label .lever:before{background-color:rgba(63,81,181,.15)}.switch label .lever:after{background-color:#f1f1f1;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever:before,input[type=checkbox]:checked:not(:disabled)~.lever:active:before{background-color:rgba(63,81,181,.15)}input[type=checkbox]:not(:disabled).tabbed:focus~.lever:before,input[type=checkbox]:not(:disabled)~.lever:active:before{transform:scale(2.4);background-color:rgba(0,0,0,.08)}.switch input[type=checkbox][disabled]+.lever{cursor:default;background-color:rgba(0,0,0,.12)}.switch label input[type=checkbox][disabled]+.lever:after,.switch label input[type=checkbox][disabled]:checked+.lever:after{background-color:#949494}select{display:none}select.browser-default{display:block}select{width:100%;padding:5px;border:1px solid #f2f2f2;border-radius:2px;height:3rem}.select-label{position:absolute}.select-wrapper{position:relative}.select-wrapper.invalid+label,.select-wrapper.valid+label{width:100%;pointer-events:none}.select-wrapper input.select-dropdown{position:relative;cursor:pointer;background-color:transparent;border:none;border-bottom:1px solid #535353;outline:none;height:3rem;line-height:3rem;width:100%;font-size:16px;margin:0 0 8px;padding:0;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.select-wrapper input.select-dropdown:focus{border-bottom:1px solid #3f51b5}.select-wrapper .caret{position:absolute;right:0;top:0;bottom:0;margin:auto 0;z-index:0;fill:rgba(0,0,0,.87)}.select-wrapper+label{position:absolute;top:-26px;font-size:.8rem}.select-wrapper.disabled+label,select:disabled{color:rgba(0,0,0,.42)}.select-wrapper.disabled .caret{fill:rgba(0,0,0,.42)}.select-wrapper input.select-dropdown:disabled{color:rgba(0,0,0,.42);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-wrapper i{color:rgba(0,0,0,.3)}.select-dropdown li.disabled,.select-dropdown li.disabled>span,.select-dropdown li.optgroup{color:rgba(0,0,0,.3);background-color:transparent}.select-dropdown.dropdown-content li:hover,body.keyboard-focused .select-dropdown.dropdown-content li:focus{background-color:rgba(0,0,0,.08)}.select-dropdown.dropdown-content li.selected{background-color:rgba(0,0,0,.03)}.prefix~.select-wrapper{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.prefix~label{margin-left:3rem}.select-dropdown li img{height:40px;width:40px;margin:5px 15px;float:right}.select-dropdown li.optgroup{border-top:1px solid #eee}.select-dropdown li.optgroup.selected>span{color:rgba(0,0,0,.7)}.select-dropdown li.optgroup>span{color:rgba(0,0,0,.4)}.select-dropdown li.optgroup~li.optgroup-option{padding-left:1rem}::-moz-placeholder{color:#868686}:-ms-input-placeholder{color:#868686}::-ms-input-placeholder{color:#868686}::placeholder{color:#868686}input:not([type]),input[type=date]:not(.browser-default),input[type=datetime-local]:not(.browser-default),input[type=datetime]:not(.browser-default),input[type=email]:not(.browser-default),input[type=number]:not(.browser-default),input[type=password]:not(.browser-default),input[type=search]:not(.browser-default),input[type=tel]:not(.browser-default),input[type=text]:not(.browser-default),input[type=time]:not(.browser-default),input[type=url]:not(.browser-default),textarea.materialize-textarea{background-color:transparent;border:none;border-bottom:1px solid #535353;border-radius:0;outline:none;height:3rem;width:100%;font-size:16px;margin:0 0 8px;padding:0;box-shadow:none;box-sizing:content-box;transition:box-shadow .3s,border .3s}input:not([type]):disabled,input:not([type])[readonly=readonly],input[type=date]:not(.browser-default):disabled,input[type=date]:not(.browser-default)[readonly=readonly],input[type=datetime-local]:not(.browser-default):disabled,input[type=datetime-local]:not(.browser-default)[readonly=readonly],input[type=datetime]:not(.browser-default):disabled,input[type=datetime]:not(.browser-default)[readonly=readonly],input[type=email]:not(.browser-default):disabled,input[type=email]:not(.browser-default)[readonly=readonly],input[type=number]:not(.browser-default):disabled,input[type=number]:not(.browser-default)[readonly=readonly],input[type=password]:not(.browser-default):disabled,input[type=password]:not(.browser-default)[readonly=readonly],input[type=search]:not(.browser-default):disabled,input[type=search]:not(.browser-default)[readonly=readonly],input[type=tel]:not(.browser-default):disabled,input[type=tel]:not(.browser-default)[readonly=readonly],input[type=text]:not(.browser-default):disabled,input[type=text]:not(.browser-default)[readonly=readonly],input[type=time]:not(.browser-default):disabled,input[type=time]:not(.browser-default)[readonly=readonly],input[type=url]:not(.browser-default):disabled,input[type=url]:not(.browser-default)[readonly=readonly],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly=readonly]{color:rgba(0,0,0,.42);border-bottom:1px dotted rgba(0,0,0,.42)}input:not([type]):disabled+label,input:not([type])[readonly=readonly]+label,input[type=date]:not(.browser-default):disabled+label,input[type=date]:not(.browser-default)[readonly=readonly]+label,input[type=datetime-local]:not(.browser-default):disabled+label,input[type=datetime-local]:not(.browser-default)[readonly=readonly]+label,input[type=datetime]:not(.browser-default):disabled+label,input[type=datetime]:not(.browser-default)[readonly=readonly]+label,input[type=email]:not(.browser-default):disabled+label,input[type=email]:not(.browser-default)[readonly=readonly]+label,input[type=number]:not(.browser-default):disabled+label,input[type=number]:not(.browser-default)[readonly=readonly]+label,input[type=password]:not(.browser-default):disabled+label,input[type=password]:not(.browser-default)[readonly=readonly]+label,input[type=search]:not(.browser-default):disabled+label,input[type=search]:not(.browser-default)[readonly=readonly]+label,input[type=tel]:not(.browser-default):disabled+label,input[type=tel]:not(.browser-default)[readonly=readonly]+label,input[type=text]:not(.browser-default):disabled+label,input[type=text]:not(.browser-default)[readonly=readonly]+label,input[type=time]:not(.browser-default):disabled+label,input[type=time]:not(.browser-default)[readonly=readonly]+label,input[type=url]:not(.browser-default):disabled+label,input[type=url]:not(.browser-default)[readonly=readonly]+label,textarea.materialize-textarea:disabled+label,textarea.materialize-textarea[readonly=readonly]+label{color:rgba(0,0,0,.42)}input:not([type]):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #3f51b5;box-shadow:0 1px 0 0 #3f51b5}input:not([type]):focus:not([readonly])+label,input[type=date]:not(.browser-default):focus:not([readonly])+label,input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,input[type=datetime]:not(.browser-default):focus:not([readonly])+label,input[type=email]:not(.browser-default):focus:not([readonly])+label,input[type=number]:not(.browser-default):focus:not([readonly])+label,input[type=password]:not(.browser-default):focus:not([readonly])+label,input[type=search]:not(.browser-default):focus:not([readonly])+label,input[type=tel]:not(.browser-default):focus:not([readonly])+label,input[type=text]:not(.browser-default):focus:not([readonly])+label,input[type=time]:not(.browser-default):focus:not([readonly])+label,input[type=url]:not(.browser-default):focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{color:#3f51b5}input:not([type]):focus.valid~label,input[type=date]:not(.browser-default):focus.valid~label,input[type=datetime-local]:not(.browser-default):focus.valid~label,input[type=datetime]:not(.browser-default):focus.valid~label,input[type=email]:not(.browser-default):focus.valid~label,input[type=number]:not(.browser-default):focus.valid~label,input[type=password]:not(.browser-default):focus.valid~label,input[type=search]:not(.browser-default):focus.valid~label,input[type=tel]:not(.browser-default):focus.valid~label,input[type=text]:not(.browser-default):focus.valid~label,input[type=time]:not(.browser-default):focus.valid~label,input[type=url]:not(.browser-default):focus.valid~label,textarea.materialize-textarea:focus.valid~label{color:#4caf50}input:not([type]):focus.invalid~label,input[type=date]:not(.browser-default):focus.invalid~label,input[type=datetime-local]:not(.browser-default):focus.invalid~label,input[type=datetime]:not(.browser-default):focus.invalid~label,input[type=email]:not(.browser-default):focus.invalid~label,input[type=number]:not(.browser-default):focus.invalid~label,input[type=password]:not(.browser-default):focus.invalid~label,input[type=search]:not(.browser-default):focus.invalid~label,input[type=tel]:not(.browser-default):focus.invalid~label,input[type=text]:not(.browser-default):focus.invalid~label,input[type=time]:not(.browser-default):focus.invalid~label,input[type=url]:not(.browser-default):focus.invalid~label,textarea.materialize-textarea:focus.invalid~label{color:#f44336}input:not([type]).validate+label,input[type=date]:not(.browser-default).validate+label,input[type=datetime-local]:not(.browser-default).validate+label,input[type=datetime]:not(.browser-default).validate+label,input[type=email]:not(.browser-default).validate+label,input[type=number]:not(.browser-default).validate+label,input[type=password]:not(.browser-default).validate+label,input[type=search]:not(.browser-default).validate+label,input[type=tel]:not(.browser-default).validate+label,input[type=text]:not(.browser-default).validate+label,input[type=time]:not(.browser-default).validate+label,input[type=url]:not(.browser-default).validate+label,textarea.materialize-textarea.validate+label{width:100%}.select-wrapper.valid>input.select-dropdown,input:not([type]).valid,input:not([type]):focus.valid,input[type=date]:not(.browser-default).valid,input[type=date]:not(.browser-default):focus.valid,input[type=datetime-local]:not(.browser-default).valid,input[type=datetime-local]:not(.browser-default):focus.valid,input[type=datetime]:not(.browser-default).valid,input[type=datetime]:not(.browser-default):focus.valid,input[type=email]:not(.browser-default).valid,input[type=email]:not(.browser-default):focus.valid,input[type=number]:not(.browser-default).valid,input[type=number]:not(.browser-default):focus.valid,input[type=password]:not(.browser-default).valid,input[type=password]:not(.browser-default):focus.valid,input[type=search]:not(.browser-default).valid,input[type=search]:not(.browser-default):focus.valid,input[type=tel]:not(.browser-default).valid,input[type=tel]:not(.browser-default):focus.valid,input[type=text]:not(.browser-default).valid,input[type=text]:not(.browser-default):focus.valid,input[type=time]:not(.browser-default).valid,input[type=time]:not(.browser-default):focus.valid,input[type=url]:not(.browser-default).valid,input[type=url]:not(.browser-default):focus.valid,textarea.materialize-textarea.valid,textarea.materialize-textarea:focus.valid{border-bottom:1px solid #4caf50;box-shadow:0 1px 0 0 #4caf50}.select-wrapper.invalid>input.select-dropdown,.select-wrapper.invalid>input.select-dropdown:focus,input:not([type]).invalid,input:not([type]):focus.invalid,input[type=date]:not(.browser-default).invalid,input[type=date]:not(.browser-default):focus.invalid,input[type=datetime-local]:not(.browser-default).invalid,input[type=datetime-local]:not(.browser-default):focus.invalid,input[type=datetime]:not(.browser-default).invalid,input[type=datetime]:not(.browser-default):focus.invalid,input[type=email]:not(.browser-default).invalid,input[type=email]:not(.browser-default):focus.invalid,input[type=number]:not(.browser-default).invalid,input[type=number]:not(.browser-default):focus.invalid,input[type=password]:not(.browser-default).invalid,input[type=password]:not(.browser-default):focus.invalid,input[type=search]:not(.browser-default).invalid,input[type=search]:not(.browser-default):focus.invalid,input[type=tel]:not(.browser-default).invalid,input[type=tel]:not(.browser-default):focus.invalid,input[type=text]:not(.browser-default).invalid,input[type=text]:not(.browser-default):focus.invalid,input[type=time]:not(.browser-default).invalid,input[type=time]:not(.browser-default):focus.invalid,input[type=url]:not(.browser-default).invalid,input[type=url]:not(.browser-default):focus.invalid,textarea.materialize-textarea.invalid,textarea.materialize-textarea:focus.invalid{border-bottom:1px solid #f44336;box-shadow:0 1px 0 0 #f44336}.select-wrapper.invalid~.helper-text[data-error],.select-wrapper.valid .helper-text[data-success],input:not([type]).invalid~.helper-text[data-error],input:not([type]).valid~.helper-text[data-success],input:not([type]):focus.invalid~.helper-text[data-error],input:not([type]):focus.valid~.helper-text[data-success],input[type=date]:not(.browser-default).invalid~.helper-text[data-error],input[type=date]:not(.browser-default).valid~.helper-text[data-success],input[type=datetime-local]:not(.browser-default).invalid~.helper-text[data-error],input[type=datetime-local]:not(.browser-default).valid~.helper-text[data-success],input[type=datetime]:not(.browser-default).invalid~.helper-text[data-error],input[type=datetime]:not(.browser-default).valid~.helper-text[data-success],input[type=email]:not(.browser-default).invalid~.helper-text[data-error],input[type=email]:not(.browser-default).valid~.helper-text[data-success],input[type=number]:not(.browser-default).invalid~.helper-text[data-error],input[type=number]:not(.browser-default).valid~.helper-text[data-success],input[type=password]:not(.browser-default).invalid~.helper-text[data-error],input[type=password]:not(.browser-default).valid~.helper-text[data-success],input[type=search]:not(.browser-default).invalid~.helper-text[data-error],input[type=search]:not(.browser-default).valid~.helper-text[data-success],input[type=tel]:not(.browser-default).invalid~.helper-text[data-error],input[type=tel]:not(.browser-default).valid~.helper-text[data-success],input[type=text]:not(.browser-default).invalid~.helper-text[data-error],input[type=text]:not(.browser-default).valid~.helper-text[data-success],input[type=time]:not(.browser-default).invalid~.helper-text[data-error],input[type=time]:not(.browser-default).valid~.helper-text[data-success],input[type=url]:not(.browser-default).invalid~.helper-text[data-error],input[type=url]:not(.browser-default).valid~.helper-text[data-success],textarea.materialize-textarea.invalid~.helper-text[data-error],textarea.materialize-textarea.valid~.helper-text[data-success],textarea.materialize-textarea:focus.invalid~.helper-text[data-error],textarea.materialize-textarea:focus.valid~.helper-text[data-success]{color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.select-wrapper.valid~.helper-text:after,input:not([type]).valid~.helper-text:after,input:not([type]):focus.valid~.helper-text:after,input[type=date]:not(.browser-default).valid~.helper-text:after,input[type=date]:not(.browser-default):focus.valid~.helper-text:after,input[type=datetime-local]:not(.browser-default).valid~.helper-text:after,input[type=datetime-local]:not(.browser-default):focus.valid~.helper-text:after,input[type=datetime]:not(.browser-default).valid~.helper-text:after,input[type=datetime]:not(.browser-default):focus.valid~.helper-text:after,input[type=email]:not(.browser-default).valid~.helper-text:after,input[type=email]:not(.browser-default):focus.valid~.helper-text:after,input[type=number]:not(.browser-default).valid~.helper-text:after,input[type=number]:not(.browser-default):focus.valid~.helper-text:after,input[type=password]:not(.browser-default).valid~.helper-text:after,input[type=password]:not(.browser-default):focus.valid~.helper-text:after,input[type=search]:not(.browser-default).valid~.helper-text:after,input[type=search]:not(.browser-default):focus.valid~.helper-text:after,input[type=tel]:not(.browser-default).valid~.helper-text:after,input[type=tel]:not(.browser-default):focus.valid~.helper-text:after,input[type=text]:not(.browser-default).valid~.helper-text:after,input[type=text]:not(.browser-default):focus.valid~.helper-text:after,input[type=time]:not(.browser-default).valid~.helper-text:after,input[type=time]:not(.browser-default):focus.valid~.helper-text:after,input[type=url]:not(.browser-default).valid~.helper-text:after,input[type=url]:not(.browser-default):focus.valid~.helper-text:after,textarea.materialize-textarea.valid~.helper-text:after,textarea.materialize-textarea:focus.valid~.helper-text:after{content:attr(data-success);color:#4caf50}.select-wrapper.invalid~.helper-text:after,input:not([type]).invalid~.helper-text:after,input:not([type]):focus.invalid~.helper-text:after,input[type=date]:not(.browser-default).invalid~.helper-text:after,input[type=date]:not(.browser-default):focus.invalid~.helper-text:after,input[type=datetime-local]:not(.browser-default).invalid~.helper-text:after,input[type=datetime-local]:not(.browser-default):focus.invalid~.helper-text:after,input[type=datetime]:not(.browser-default).invalid~.helper-text:after,input[type=datetime]:not(.browser-default):focus.invalid~.helper-text:after,input[type=email]:not(.browser-default).invalid~.helper-text:after,input[type=email]:not(.browser-default):focus.invalid~.helper-text:after,input[type=number]:not(.browser-default).invalid~.helper-text:after,input[type=number]:not(.browser-default):focus.invalid~.helper-text:after,input[type=password]:not(.browser-default).invalid~.helper-text:after,input[type=password]:not(.browser-default):focus.invalid~.helper-text:after,input[type=search]:not(.browser-default).invalid~.helper-text:after,input[type=search]:not(.browser-default):focus.invalid~.helper-text:after,input[type=tel]:not(.browser-default).invalid~.helper-text:after,input[type=tel]:not(.browser-default):focus.invalid~.helper-text:after,input[type=text]:not(.browser-default).invalid~.helper-text:after,input[type=text]:not(.browser-default):focus.invalid~.helper-text:after,input[type=time]:not(.browser-default).invalid~.helper-text:after,input[type=time]:not(.browser-default):focus.invalid~.helper-text:after,input[type=url]:not(.browser-default).invalid~.helper-text:after,input[type=url]:not(.browser-default):focus.invalid~.helper-text:after,textarea.materialize-textarea.invalid~.helper-text:after,textarea.materialize-textarea:focus.invalid~.helper-text:after{content:attr(data-error);color:#f44336}.select-wrapper+label:after,input:not([type])+label:after,input[type=date]:not(.browser-default)+label:after,input[type=datetime-local]:not(.browser-default)+label:after,input[type=datetime]:not(.browser-default)+label:after,input[type=email]:not(.browser-default)+label:after,input[type=number]:not(.browser-default)+label:after,input[type=password]:not(.browser-default)+label:after,input[type=search]:not(.browser-default)+label:after,input[type=tel]:not(.browser-default)+label:after,input[type=text]:not(.browser-default)+label:after,input[type=time]:not(.browser-default)+label:after,input[type=url]:not(.browser-default)+label:after,textarea.materialize-textarea+label:after{display:block;content:"";position:absolute;top:100%;left:0;opacity:0;transition:opacity .2s ease-out,color .2s ease-out}.input-field{position:relative;margin-top:1rem;margin-bottom:1rem}.input-field.inline{display:inline-block;vertical-align:middle;margin-left:5px}.input-field.inline .select-dropdown,.input-field.inline input{margin-bottom:1rem}.input-field.col label{left:.75rem}.input-field.col .prefix~.validate~label,.input-field.col .prefix~label{width:calc(100% - 4.5rem)}.input-field>label{color:#535353;position:absolute;top:0;left:0;font-size:1rem;cursor:text;transition:transform .2s ease-out,color .2s ease-out;transform-origin:0 100%;text-align:left;text-align:initial;transform:translateY(12px)}.input-field>label:not(.label-icon).active{transform:translateY(-14px) scale(.8);transform-origin:0 0}.input-field>input[type=date]:not(.browser-default)+label,.input-field>input[type=time]:not(.browser-default)+label,.input-field>input[type]:-webkit-autofill:not(.browser-default):not([type=search])+label{transform:translateY(-14px) scale(.8);transform-origin:0 0}.input-field .helper-text{position:relative;min-height:18px;display:block;font-size:12px;color:rgba(0,0,0,.54)}.input-field .helper-text:after{opacity:1;position:absolute;top:0;left:0}.input-field .prefix{position:absolute;width:3rem;font-size:2rem;transition:color .2s;top:.5rem}.input-field .prefix.active{color:#3f51b5}.input-field .prefix~.autocomplete-content,.input-field .prefix~.helper-text,.input-field .prefix~.validate~label,.input-field .prefix~input,.input-field .prefix~label,.input-field .prefix~textarea{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.input-field .prefix~label{margin-left:3rem}@media only screen and (max-width:992px){.input-field .prefix~input{width:86%;width:calc(100% - 3rem)}}@media only screen and (max-width:600px){.input-field .prefix~input{width:80%;width:calc(100% - 3rem)}}.input-field input[type=search]{display:block;line-height:inherit;transition:background-color .3s}.nav-wrapper .input-field input[type=search]{height:inherit;padding-left:4rem;width:calc(100% - 4rem);border:0;box-shadow:none}.input-field input[type=search]:focus:not(.browser-default){background-color:#fff;border:0;box-shadow:none;color:#444}.input-field input[type=search]:focus:not(.browser-default)+label i,.input-field input[type=search]:focus:not(.browser-default)~.material-icons,.input-field input[type=search]:focus:not(.browser-default)~.mdi-navigation-close{color:#444}.input-field input[type=search]+.label-icon{transform:none;left:1rem}.input-field input[type=search]~.material-icons,.input-field input[type=search]~.mdi-navigation-close{position:absolute;top:0;right:1rem;color:transparent;cursor:pointer;font-size:2rem;transition:color .3s}textarea{width:100%;height:3rem;background-color:transparent}textarea.materialize-textarea{line-height:normal;overflow-y:hidden;padding:.8rem 0;resize:none;min-height:3rem;box-sizing:border-box}.hiddendiv{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;padding-top:1.2rem;position:absolute;top:0;z-index:-1}.autocomplete-content li .highlight{color:#444}.autocomplete-content li img{height:40px;width:40px;margin:5px 15px}.character-counter{min-height:18px}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(fonts/MaterialIcons-Regular.eot);src:local("Material Icons"),local("MaterialIcons-Regular"),url(fonts/MaterialIcons-Regular.woff2) format("woff2"),url(fonts/MaterialIcons-Regular.woff) format("woff"),url(fonts/MaterialIcons-Regular.ttf) format("truetype");font-display:swap}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-display:block}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;src:local("Roboto Mono"),local("RobotoMono-Regular"),url(fonts/RobotoMono-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(fonts/Roboto-Light.ttf) format("truetype");font-display:swap}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(fonts/Roboto-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url(fonts/Roboto-Medium.ttf) format("truetype");font-display:swap}:root{--accentColor:#3f51b5;--lightAccent:#7280ce;--textColor:#535353;--backgroundColor:#fff;--internalColor:#fff;--incorrectColor:#f44336;--correctColor:#8fff66;--inputColor:#000;--linkColor:#00539b;--highlightColor:#eee}body,html{height:100%!important;color:#000;color:var(--inputColor);caret-color:#3f51b5;caret-color:var(--accentColor);text-align:center;overflow-x:hidden}*{transition:background-color .3s ease,color .3s ease}body{font-family:Roboto,sans-serif;font-weight:300;margin:0;display:flex;justify-content:center;align-items:center;background-color:#fff;background-color:var(--backgroundColor)}#box{text-align:center;max-width:calc(100% - 30px - 10em);max-height:100%;margin:auto;grid-row:1}.input-field>label,label{color:#535353;color:var(--textColor);font-size:1.5rem;transition:transform .3s ease-out,background-color .3s ease,color .3s ease}.input-field{margin-bottom:0}.input-field input[type=number],.input-field input[type=password],.input-field input[type=text]{border-bottom:1px solid #535353;border-bottom:1px solid var(--textColor);transition:border .3s ease-out,background-color .3s ease,color .3s ease}.input-field input[type=number]:focus,.input-field input[type=password]:focus,.input-field input[type=text]:focus{border-bottom:1px solid #3f51b5!important;border-bottom:1px solid var(--accentColor)!important;box-shadow:0 1px 0 0 #3f51b5!important;box-shadow:0 1px 0 0 var(--accentColor)!important}input[type=number]:not(#length-pref),input[type=password]:not(#result),input[type=text]:not(#result):not(.select-dropdown){font-size:3rem!important;height:1.2em!important;box-sizing:content-box;font-family:Roboto,sans-serif;font-weight:300}input[type=number]{margin-bottom:0;overflow:scroll}#back{box-shadow:0 .26em .65em 0 rgba(0,0,0,.2);background-color:#fff;background-color:var(--internalColor);border-radius:.325em;padding:1.5em .975em .975em;margin:2em 0;max-height:100%}#result{font-family:Roboto Mono,monospace;font-size:2rem;padding:.9rem 0;min-height:1em;min-width:20%;border:none;text-align:center;margin:0;width:100%;color:#000;color:var(--inputColor)}#result::-moz-placeholder{color:#000!important;color:var(--inputColor)!important;opacity:1}#result:-ms-input-placeholder{color:#000!important;color:var(--inputColor)!important;opacity:1}#result::-ms-input-placeholder{color:#000!important;color:var(--inputColor)!important;opacity:1}#result::placeholder{color:#000!important;color:var(--inputColor)!important;opacity:1}#copy{display:block;margin:auto}.hint{float:left;color:#535353;color:var(--textColor);width:100%;text-align:left}input,textarea{font-size:1.56rem;padding:.65rem;color:#000!important;color:var(--inputColor)!important;margin:0 0 .8rem!important}input#length{margin:0!important;height:1em}#faq{float:right;cursor:help;font-weight:500;margin-top:.4em}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}ul.autocomplete-content.dropdown-content{background:#fff;background:var(--backgroundColor);position:absolute!important;width:calc(100% - 3rem);max-height:328%;overflow-y:auto;overflow-x:hidden;top:-.1em;margin-top:0}ul.autocomplete-content.dropdown-content li{height:3em;min-height:0}.dropdown-content li.active,.dropdown-content li.selected,.dropdown-content li:hover,.select-dropdown.dropdown-content li.selected,body.keyboard-focused .select-dropdown.dropdown-content li:focus{background:#eee;background:var(--highlightColor)}ul.autocomplete-content.dropdown-content li img.right.circle{overflow:hidden;background:#fff;width:calc(20% - .66em);height:100%;padding:.33em;margin:0}ul.autocomplete-content.dropdown-content span{align-items:center;white-space:nowrap;max-width:70%;height:100%;font-size:1em;padding:.875em 1em;overflow:hidden;line-height:1.57em}ul.autocomplete-content.dropdown-content span:not(.highlight){color:#535353;color:var(--textColor);overflow-x:hidden}ul.autocomplete-content.dropdown-content span .highlight{max-width:100%;color:#535353;color:var(--textColor);font-weight:400;overflow:visible;padding:0}.dropdown-content::-webkit-scrollbar{width:17px!important;background-color:#fff!important}.dropdown-content::-webkit-scrollbar-track{width:17px;background-color:#fff!important}.dropdown-content::-webkit-scrollbar-thumb{border-radius:100px;width:17px;background-color:rgba(0,0,0,.5)}.circle{-o-object-fit:scale-down;object-fit:scale-down;border-radius:0}#back .switch{padding-bottom:1.3rem}input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever:before,input[type=checkbox]:checked:not(:disabled)~.lever:active:before{transform:scale(2.4);background-color:rgba(63,81,181,.3)}.switch label input[type=checkbox]:checked+.lever:after{background-color:#3f51b5;background-color:var(--accentColor)}.switch label input[type=checkbox]:checked+.lever{background-color:#7280ce;background-color:var(--lightAccent)}#passTogglelever{left:-4px}.input-group-addon{position:absolute;width:calc(3rem + .1em);font-size:2rem;top:0;right:-5px}.icon{font-size:1.4em!important;color:#535353;color:var(--textColor);transition:color .2s;cursor:pointer}.icon:hover{color:#7280ce;color:var(--lightAccent)}.icon:active{color:#3f51b5;color:var(--accentColor)}.input-field label:not(.label-icon).active{transform:translateY(-1em) scale(.8);transform-origin:0 0}.toast{font-weight:400}.warning{background-color:#f44336;background-color:var(--incorrectColor)}.success{background-color:#8fff66;background-color:var(--correctColor);color:#000}#jsBanner{position:absolute;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:10vmin;top:0;left:0;-webkit-text-stroke-width:.05em!important;-webkit-text-stroke-color:#535353!important;-webkit-text-stroke-color:var(--textColor)!important;padding:10px}#jsBanner,#jsBanner a{color:#fff;color:var(--backgroundColor)}#jsBanner a{-webkit-text-stroke:3px #535353;-webkit-text-stroke:3px var(--textColor);text-decoration:underline}#logo{max-width:100%;max-height:100%}#app{margin-bottom:.55em!important;width:calc(100% - 3.6rem)!important;padding-right:1.2em!important;align-self:flex-end;display:block;white-space:nowrap}ul:empty{display:none}::-ms-reveal{display:none}#logoContainer{margin-right:5px;background:#fff;padding:3px;border-radius:5px;height:calc(3rem + .1em);display:none;justify-content:center;align-items:center}input[type=radio]{margin:0;width:0;height:0;padding:0}input[type=radio]:checked+label:before{box-shadow:0 0 3px 1px #535353;box-shadow:0 0 3px 1px var(--textColor)}label:focus{outline:none}.github-corner{fill:#3f51b5;fill:var(--accentColor);color:#fff;position:absolute;top:0;border:0;right:0}.github-corner:hover .octo-arm{-webkit-animation:octocat-wave .56s ease-in-out;animation:octocat-wave .56s ease-in-out}@-webkit-keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}.tabs{background-color:#fff;background-color:var(--internalColor);cursor:pointer;overflow-x:hidden;z-index:995}.tabs .tab a,.tabs .tab a:hover{color:#535353;color:var(--textColor);font-size:1em;padding:0 .5em}.tabs .tab a:focus,.tabs .tab a:focus.active{background-color:#fff;background-color:var(--backgroundColor)}.tabs .tab a.active{color:#000;color:var(--inputColor);font-weight:400}.tabs .indicator{background:#3f51b5;background-color:#3f51b5;background-color:var(--accentColor)}.btn,.btn-large,.btn-small{height:2.4em;line-height:2.4em;font-family:Roboto,sans-serif;font-weight:300;font-size:1rem;padding:0 2rem}.btn,.btn-large,.btn-large:focus,.btn-large:hover,.btn-small,.btn-small:focus,.btn-small:hover,.btn:focus,.btn:hover{background:#3f51b5;background:var(--accentColor)}.switch label .lever{height:.933em;width:2.4em}.switch label .lever:after,.switch label .lever:before{height:1.33em;width:1.33em}.switch label input[type=checkbox]:checked+.lever:after,.switch label input[type=checkbox]:checked+.lever:before{left:1.4em}.switch label .lever:after,.switch label .lever:before{top:-.2em}.material-tooltip{max-width:7em}@media(hover:none){.material-tooltip{display:none}}.material-tooltip{background-color:#fff;background-color:var(--internalColor);box-shadow:0 .26em .65em 0 rgba(0,0,0,.2);color:#535353;color:var(--textColor)}.btn-flat:focus,.btn-floating:focus,.btn-large:focus,.btn-small:focus,.btn:focus{outline:5px auto #4d90fe;outline-color:#4d90fe;outline-style:auto;outline-width:5px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}ul.tabs li.tab a i.material-icons{vertical-align:middle;color:#f44336;color:var(--incorrectColor)}.btn-floating{width:2.86rem;height:2.86rem}.btn-floating i{font-size:1.6rem;line-height:2.86rem;display:block;top:0}.btn-floating.btn-large{width:4rem;height:4rem}.btn-floating.btn-large i{font-size:2rem;line-height:4rem}@media(max-width:500px){.github-corner:hover .octo-arm{-webkit-animation:none;animation:none}.github-corner .octo-arm{-webkit-animation:octocat-wave .56s ease-in-out;animation:octocat-wave .56s ease-in-out}}@media only all and (max-width:40em){#back{margin:0;box-shadow:none;height:100Vh;max-height:100Vh;border-radius:0}#box{width:100VW;max-width:100VW}#install-icon{padding-right:.5vw}.btn-floating{width:10vw;height:10vw}.btn-floating i{font-size:5vw;line-height:10vw}.btn-floating.btn-large{width:15vw;height:15vw}.btn-floating.btn-large i{font-size:7.5vw;line-height:15vw}}@media only all and (max-height:600px)and (min-width:40em){html{font-size:2vh}}.sidenav{background-color:#fff;background-color:var(--backgroundColor);width:350px;max-width:100%;max-height:100%;overflow-y:hidden}.sidenav li>a{font-weight:300}.sidenav li>a>[class^=mdi-],.sidenav li>a>i,.sidenav li>a>i.material-icons,.sidenav li>a li>a>[class*=mdi-]{margin:0;float:none}#settings{position:absolute;left:1vw;bottom:1vw;display:block}#settings a i.material-icons{display:block;font-size:2.5em;color:#535353;color:var(--textColor)}.sidenav label:not([for=length-pref]){font-size:1rem;top:-33px}#options{padding:0 10px 10px;display:grid;height:calc(100vh - 68px);grid-template-rows:repeat(12,1fr)}.sidenav .dropdown-content{background:#fff;background:var(--backgroundColor)}.dropdown-content li>span,.sidenav .dropdown-content li>a,select{color:#000;color:var(--inputColor)}select{background-color:#fff;background-color:var(--internalColor);border:1px solid #535353;border:1px solid var(--textColor);border-radius:3px}select:focus{border:1px solid #7280ce;border:1px solid var(--lightAccent);outline:none}.sidenav .input-field{padding-bottom:1.5rem}.btn-large i,.btn-small i,.btn i{vertical-align:top}.drag-target{left:0}.sidenav .switch label{font-size:1.2em}.sidenav{align-content:center;justify-content:center;place-content:center}#theme-container{grid-row:1}#session-container{grid-row:3;padding-bottom:0}#footer{display:grid;grid-template-columns:1fr calc(2.4em + 10px);align-content:stretch;grid-row:last-line}#close{cursor:pointer;align-self:end;justify-self:flex-end;font-size:2.4em;color:#000;color:var(--inputColor)}a{color:#00539b;color:var(--linkColor)}#old{text-overflow:clip}#length-pref{font-size:2em;font-weight:300}
+ */.dropdown-trigger,.waves-effect{cursor:pointer}.waves-effect{position:relative;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;transition:.3s ease-out}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,.2);transition:all .7s ease-out;transition-property:transform,opacity;transform:scale(0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background-color:hsla(0,0%,100%,.45)}.waves-effect.waves-red .waves-ripple{background-color:rgba(244,67,54,.7)}.waves-effect.waves-yellow .waves-ripple{background-color:rgba(255,235,59,.7)}.waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,.7)}.waves-effect.waves-purple .waves-ripple{background-color:rgba(156,39,176,.7)}.waves-effect.waves-green .waves-ripple{background-color:rgba(76,175,80,.7)}.waves-effect.waves-teal .waves-ripple{background-color:rgba(0,150,136,.7)}.waves-effect input[type=button],.waves-effect input[type=reset],.waves-effect input[type=submit]{border:0;font-style:normal;font-size:inherit;text-transform:inherit;background:none}.waves-effect img{position:relative;z-index:-1}.waves-notransition{transition:none!important}.waves-circle{transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle,#fff 100%,#000 0)}.waves-input-wrapper{border-radius:.2em;vertical-align:bottom}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none}.waves-block{display:block}.waves-effect .waves-ripple{z-index:-1}.sidenav{position:fixed;width:300px;left:0;top:0;margin:0;transform:translateX(-100%);height:calc(100% + 60px);height:100%;padding-bottom:60px;z-index:999;overflow-y:auto;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateX(-105%)}.sidenav.right-aligned{right:0;transform:translateX(105%);left:auto;transform:translateX(100%)}.sidenav .collapsible{margin:0}.sidenav li{float:none;line-height:48px}.sidenav li.active{background-color:rgba(0,0,0,.05)}.sidenav li>a{color:rgba(0,0,0,.87);display:block;font-size:14px;font-weight:500;height:48px;line-height:48px;padding:0 32px}.sidenav li>a:hover{background-color:rgba(0,0,0,.05)}.sidenav li>a.btn,.sidenav li>a.btn-flat,.sidenav li>a.btn-floating,.sidenav li>a.btn-large,.sidenav li>a.btn-small{margin:10px 15px}.sidenav li>a.btn,.sidenav li>a.btn-floating,.sidenav li>a.btn-large,.sidenav li>a.btn-small{color:#fff}.sidenav li>a.btn-flat{color:#343434}.sidenav li>a.btn-large:hover,.sidenav li>a.btn-small:hover,.sidenav li>a.btn:hover{background-color:#4d5ec1}.sidenav li>a.btn-floating:hover{background-color:#3f51b5}.sidenav li>a>[class^=mdi-],.sidenav li>a>i,.sidenav li>a>i.material-icons,.sidenav li>a li>a>[class*=mdi-]{float:left;height:48px;line-height:48px;margin:0 32px 0 0;width:24px;color:rgba(0,0,0,.54)}.sidenav .divider{margin:8px 0 0}.sidenav .subheader{cursor:auto;pointer-events:none;color:rgba(0,0,0,.54);font-size:14px;font-weight:500;line-height:48px}.sidenav .subheader:hover{background-color:transparent}.sidenav .user-view{position:relative;padding:32px 32px 0;margin-bottom:8px}.sidenav .user-view>a{height:auto;padding:0}.sidenav .user-view>a:hover{background-color:transparent}.sidenav .user-view .background{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.sidenav .user-view .circle,.sidenav .user-view .email,.sidenav .user-view .name{display:block}.sidenav .user-view .circle{height:64px;width:64px}.sidenav .user-view .email,.sidenav .user-view .name{font-size:14px;line-height:24px}.sidenav .user-view .name{margin-top:16px;font-weight:500}.sidenav .user-view .email{padding-bottom:16px;font-weight:400}.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}.drag-target.right-aligned{right:0}.sidenav.sidenav-fixed{left:0;transform:translateX(0);position:fixed}.sidenav.sidenav-fixed.right-aligned{right:0;left:auto}@media only screen and (max-width:992px){.sidenav.sidenav-fixed{transform:translateX(-105%)}.sidenav.sidenav-fixed.right-aligned{transform:translateX(105%)}.sidenav>a{padding:0 16px}.sidenav .user-view{padding:16px 16px 0}}.sidenav .collapsible-body>ul:not(.collapsible)>li.active,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active{background-color:#ee6e73}.sidenav .collapsible-body>ul:not(.collapsible)>li.active a,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a{color:#fff}.sidenav .collapsible-body{padding:0}.sidenav-overlay{position:fixed;top:0;left:0;right:0;opacity:0;height:120vh;background-color:rgba(0,0,0,.5);z-index:997;display:none}.switch,.switch *{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch label{cursor:pointer}.switch label input[type=checkbox]{opacity:0;width:0;height:0}.switch label input[type=checkbox]:checked+.lever:after,.switch label input[type=checkbox]:checked+.lever:before{left:18px}.switch label .lever{content:"";display:inline-block;position:relative;width:36px;height:14px;background-color:rgba(0,0,0,.38);border-radius:15px;transition:background .3s ease;vertical-align:middle;margin:0 16px}.switch label .lever:after,.switch label .lever:before{content:"";position:absolute;display:inline-block;width:20px;height:20px;border-radius:50%;left:0;top:-3px;transition:left .3s ease,background .3s ease,box-shadow .1s ease,transform .1s ease}.switch label .lever:before{background-color:rgba(63,81,181,.15)}.switch label .lever:after{background-color:#f1f1f1;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever:before,input[type=checkbox]:checked:not(:disabled)~.lever:active:before{background-color:rgba(63,81,181,.15)}input[type=checkbox]:not(:disabled).tabbed:focus~.lever:before,input[type=checkbox]:not(:disabled)~.lever:active:before{transform:scale(2.4);background-color:rgba(0,0,0,.08)}.switch input[type=checkbox][disabled]+.lever{cursor:default;background-color:rgba(0,0,0,.12)}.switch label input[type=checkbox][disabled]+.lever:after,.switch label input[type=checkbox][disabled]:checked+.lever:after{background-color:#949494}select{display:none}select.browser-default{display:block}select{width:100%;padding:5px;border:1px solid #f2f2f2;border-radius:2px;height:3rem}.select-label{position:absolute}.select-wrapper{position:relative}.select-wrapper.invalid+label,.select-wrapper.valid+label{width:100%;pointer-events:none}.select-wrapper input.select-dropdown{position:relative;cursor:pointer;background-color:transparent;border:none;border-bottom:1px solid #535353;outline:none;height:3rem;line-height:3rem;width:100%;font-size:16px;margin:0 0 8px;padding:0;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.select-wrapper input.select-dropdown:focus{border-bottom:1px solid #3f51b5}.select-wrapper .caret{position:absolute;right:0;top:0;bottom:0;margin:auto 0;z-index:0;fill:rgba(0,0,0,.87)}.select-wrapper+label{position:absolute;top:-26px;font-size:.8rem}.select-wrapper.disabled+label,select:disabled{color:rgba(0,0,0,.42)}.select-wrapper.disabled .caret{fill:rgba(0,0,0,.42)}.select-wrapper input.select-dropdown:disabled{color:rgba(0,0,0,.42);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-wrapper i{color:rgba(0,0,0,.3)}.select-dropdown li.disabled,.select-dropdown li.disabled>span,.select-dropdown li.optgroup{color:rgba(0,0,0,.3);background-color:transparent}.select-dropdown.dropdown-content li:hover,body.keyboard-focused .select-dropdown.dropdown-content li:focus{background-color:rgba(0,0,0,.08)}.select-dropdown.dropdown-content li.selected{background-color:rgba(0,0,0,.03)}.prefix~.select-wrapper{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.prefix~label{margin-left:3rem}.select-dropdown li img{height:40px;width:40px;margin:5px 15px;float:right}.select-dropdown li.optgroup{border-top:1px solid #eee}.select-dropdown li.optgroup.selected>span{color:rgba(0,0,0,.7)}.select-dropdown li.optgroup>span{color:rgba(0,0,0,.4)}.select-dropdown li.optgroup~li.optgroup-option{padding-left:1rem}::-moz-placeholder{color:#868686}:-ms-input-placeholder{color:#868686}::-ms-input-placeholder{color:#868686}::placeholder{color:#868686}input:not([type]),input[type=date]:not(.browser-default),input[type=datetime-local]:not(.browser-default),input[type=datetime]:not(.browser-default),input[type=email]:not(.browser-default),input[type=number]:not(.browser-default),input[type=password]:not(.browser-default),input[type=search]:not(.browser-default),input[type=tel]:not(.browser-default),input[type=text]:not(.browser-default),input[type=time]:not(.browser-default),input[type=url]:not(.browser-default),textarea.materialize-textarea{background-color:transparent;border:none;border-bottom:1px solid #535353;border-radius:0;outline:none;height:3rem;width:100%;font-size:16px;margin:0 0 8px;padding:0;box-shadow:none;box-sizing:content-box;transition:box-shadow .3s,border .3s}input:not([type]):disabled,input:not([type])[readonly=readonly],input[type=date]:not(.browser-default):disabled,input[type=date]:not(.browser-default)[readonly=readonly],input[type=datetime-local]:not(.browser-default):disabled,input[type=datetime-local]:not(.browser-default)[readonly=readonly],input[type=datetime]:not(.browser-default):disabled,input[type=datetime]:not(.browser-default)[readonly=readonly],input[type=email]:not(.browser-default):disabled,input[type=email]:not(.browser-default)[readonly=readonly],input[type=number]:not(.browser-default):disabled,input[type=number]:not(.browser-default)[readonly=readonly],input[type=password]:not(.browser-default):disabled,input[type=password]:not(.browser-default)[readonly=readonly],input[type=search]:not(.browser-default):disabled,input[type=search]:not(.browser-default)[readonly=readonly],input[type=tel]:not(.browser-default):disabled,input[type=tel]:not(.browser-default)[readonly=readonly],input[type=text]:not(.browser-default):disabled,input[type=text]:not(.browser-default)[readonly=readonly],input[type=time]:not(.browser-default):disabled,input[type=time]:not(.browser-default)[readonly=readonly],input[type=url]:not(.browser-default):disabled,input[type=url]:not(.browser-default)[readonly=readonly],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly=readonly]{color:rgba(0,0,0,.42);border-bottom:1px dotted rgba(0,0,0,.42)}input:not([type]):disabled+label,input:not([type])[readonly=readonly]+label,input[type=date]:not(.browser-default):disabled+label,input[type=date]:not(.browser-default)[readonly=readonly]+label,input[type=datetime-local]:not(.browser-default):disabled+label,input[type=datetime-local]:not(.browser-default)[readonly=readonly]+label,input[type=datetime]:not(.browser-default):disabled+label,input[type=datetime]:not(.browser-default)[readonly=readonly]+label,input[type=email]:not(.browser-default):disabled+label,input[type=email]:not(.browser-default)[readonly=readonly]+label,input[type=number]:not(.browser-default):disabled+label,input[type=number]:not(.browser-default)[readonly=readonly]+label,input[type=password]:not(.browser-default):disabled+label,input[type=password]:not(.browser-default)[readonly=readonly]+label,input[type=search]:not(.browser-default):disabled+label,input[type=search]:not(.browser-default)[readonly=readonly]+label,input[type=tel]:not(.browser-default):disabled+label,input[type=tel]:not(.browser-default)[readonly=readonly]+label,input[type=text]:not(.browser-default):disabled+label,input[type=text]:not(.browser-default)[readonly=readonly]+label,input[type=time]:not(.browser-default):disabled+label,input[type=time]:not(.browser-default)[readonly=readonly]+label,input[type=url]:not(.browser-default):disabled+label,input[type=url]:not(.browser-default)[readonly=readonly]+label,textarea.materialize-textarea:disabled+label,textarea.materialize-textarea[readonly=readonly]+label{color:rgba(0,0,0,.42)}input:not([type]):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #3f51b5;box-shadow:0 1px 0 0 #3f51b5}input:not([type]):focus:not([readonly])+label,input[type=date]:not(.browser-default):focus:not([readonly])+label,input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,input[type=datetime]:not(.browser-default):focus:not([readonly])+label,input[type=email]:not(.browser-default):focus:not([readonly])+label,input[type=number]:not(.browser-default):focus:not([readonly])+label,input[type=password]:not(.browser-default):focus:not([readonly])+label,input[type=search]:not(.browser-default):focus:not([readonly])+label,input[type=tel]:not(.browser-default):focus:not([readonly])+label,input[type=text]:not(.browser-default):focus:not([readonly])+label,input[type=time]:not(.browser-default):focus:not([readonly])+label,input[type=url]:not(.browser-default):focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{color:#3f51b5}input:not([type]):focus.valid~label,input[type=date]:not(.browser-default):focus.valid~label,input[type=datetime-local]:not(.browser-default):focus.valid~label,input[type=datetime]:not(.browser-default):focus.valid~label,input[type=email]:not(.browser-default):focus.valid~label,input[type=number]:not(.browser-default):focus.valid~label,input[type=password]:not(.browser-default):focus.valid~label,input[type=search]:not(.browser-default):focus.valid~label,input[type=tel]:not(.browser-default):focus.valid~label,input[type=text]:not(.browser-default):focus.valid~label,input[type=time]:not(.browser-default):focus.valid~label,input[type=url]:not(.browser-default):focus.valid~label,textarea.materialize-textarea:focus.valid~label{color:#4caf50}input:not([type]):focus.invalid~label,input[type=date]:not(.browser-default):focus.invalid~label,input[type=datetime-local]:not(.browser-default):focus.invalid~label,input[type=datetime]:not(.browser-default):focus.invalid~label,input[type=email]:not(.browser-default):focus.invalid~label,input[type=number]:not(.browser-default):focus.invalid~label,input[type=password]:not(.browser-default):focus.invalid~label,input[type=search]:not(.browser-default):focus.invalid~label,input[type=tel]:not(.browser-default):focus.invalid~label,input[type=text]:not(.browser-default):focus.invalid~label,input[type=time]:not(.browser-default):focus.invalid~label,input[type=url]:not(.browser-default):focus.invalid~label,textarea.materialize-textarea:focus.invalid~label{color:#f44336}input:not([type]).validate+label,input[type=date]:not(.browser-default).validate+label,input[type=datetime-local]:not(.browser-default).validate+label,input[type=datetime]:not(.browser-default).validate+label,input[type=email]:not(.browser-default).validate+label,input[type=number]:not(.browser-default).validate+label,input[type=password]:not(.browser-default).validate+label,input[type=search]:not(.browser-default).validate+label,input[type=tel]:not(.browser-default).validate+label,input[type=text]:not(.browser-default).validate+label,input[type=time]:not(.browser-default).validate+label,input[type=url]:not(.browser-default).validate+label,textarea.materialize-textarea.validate+label{width:100%}.select-wrapper.valid>input.select-dropdown,input:not([type]).valid,input:not([type]):focus.valid,input[type=date]:not(.browser-default).valid,input[type=date]:not(.browser-default):focus.valid,input[type=datetime-local]:not(.browser-default).valid,input[type=datetime-local]:not(.browser-default):focus.valid,input[type=datetime]:not(.browser-default).valid,input[type=datetime]:not(.browser-default):focus.valid,input[type=email]:not(.browser-default).valid,input[type=email]:not(.browser-default):focus.valid,input[type=number]:not(.browser-default).valid,input[type=number]:not(.browser-default):focus.valid,input[type=password]:not(.browser-default).valid,input[type=password]:not(.browser-default):focus.valid,input[type=search]:not(.browser-default).valid,input[type=search]:not(.browser-default):focus.valid,input[type=tel]:not(.browser-default).valid,input[type=tel]:not(.browser-default):focus.valid,input[type=text]:not(.browser-default).valid,input[type=text]:not(.browser-default):focus.valid,input[type=time]:not(.browser-default).valid,input[type=time]:not(.browser-default):focus.valid,input[type=url]:not(.browser-default).valid,input[type=url]:not(.browser-default):focus.valid,textarea.materialize-textarea.valid,textarea.materialize-textarea:focus.valid{border-bottom:1px solid #4caf50;box-shadow:0 1px 0 0 #4caf50}.select-wrapper.invalid>input.select-dropdown,.select-wrapper.invalid>input.select-dropdown:focus,input:not([type]).invalid,input:not([type]):focus.invalid,input[type=date]:not(.browser-default).invalid,input[type=date]:not(.browser-default):focus.invalid,input[type=datetime-local]:not(.browser-default).invalid,input[type=datetime-local]:not(.browser-default):focus.invalid,input[type=datetime]:not(.browser-default).invalid,input[type=datetime]:not(.browser-default):focus.invalid,input[type=email]:not(.browser-default).invalid,input[type=email]:not(.browser-default):focus.invalid,input[type=number]:not(.browser-default).invalid,input[type=number]:not(.browser-default):focus.invalid,input[type=password]:not(.browser-default).invalid,input[type=password]:not(.browser-default):focus.invalid,input[type=search]:not(.browser-default).invalid,input[type=search]:not(.browser-default):focus.invalid,input[type=tel]:not(.browser-default).invalid,input[type=tel]:not(.browser-default):focus.invalid,input[type=text]:not(.browser-default).invalid,input[type=text]:not(.browser-default):focus.invalid,input[type=time]:not(.browser-default).invalid,input[type=time]:not(.browser-default):focus.invalid,input[type=url]:not(.browser-default).invalid,input[type=url]:not(.browser-default):focus.invalid,textarea.materialize-textarea.invalid,textarea.materialize-textarea:focus.invalid{border-bottom:1px solid #f44336;box-shadow:0 1px 0 0 #f44336}.select-wrapper.invalid~.helper-text[data-error],.select-wrapper.valid .helper-text[data-success],input:not([type]).invalid~.helper-text[data-error],input:not([type]).valid~.helper-text[data-success],input:not([type]):focus.invalid~.helper-text[data-error],input:not([type]):focus.valid~.helper-text[data-success],input[type=date]:not(.browser-default).invalid~.helper-text[data-error],input[type=date]:not(.browser-default).valid~.helper-text[data-success],input[type=datetime-local]:not(.browser-default).invalid~.helper-text[data-error],input[type=datetime-local]:not(.browser-default).valid~.helper-text[data-success],input[type=datetime]:not(.browser-default).invalid~.helper-text[data-error],input[type=datetime]:not(.browser-default).valid~.helper-text[data-success],input[type=email]:not(.browser-default).invalid~.helper-text[data-error],input[type=email]:not(.browser-default).valid~.helper-text[data-success],input[type=number]:not(.browser-default).invalid~.helper-text[data-error],input[type=number]:not(.browser-default).valid~.helper-text[data-success],input[type=password]:not(.browser-default).invalid~.helper-text[data-error],input[type=password]:not(.browser-default).valid~.helper-text[data-success],input[type=search]:not(.browser-default).invalid~.helper-text[data-error],input[type=search]:not(.browser-default).valid~.helper-text[data-success],input[type=tel]:not(.browser-default).invalid~.helper-text[data-error],input[type=tel]:not(.browser-default).valid~.helper-text[data-success],input[type=text]:not(.browser-default).invalid~.helper-text[data-error],input[type=text]:not(.browser-default).valid~.helper-text[data-success],input[type=time]:not(.browser-default).invalid~.helper-text[data-error],input[type=time]:not(.browser-default).valid~.helper-text[data-success],input[type=url]:not(.browser-default).invalid~.helper-text[data-error],input[type=url]:not(.browser-default).valid~.helper-text[data-success],textarea.materialize-textarea.invalid~.helper-text[data-error],textarea.materialize-textarea.valid~.helper-text[data-success],textarea.materialize-textarea:focus.invalid~.helper-text[data-error],textarea.materialize-textarea:focus.valid~.helper-text[data-success]{color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.select-wrapper.valid~.helper-text:after,input:not([type]).valid~.helper-text:after,input:not([type]):focus.valid~.helper-text:after,input[type=date]:not(.browser-default).valid~.helper-text:after,input[type=date]:not(.browser-default):focus.valid~.helper-text:after,input[type=datetime-local]:not(.browser-default).valid~.helper-text:after,input[type=datetime-local]:not(.browser-default):focus.valid~.helper-text:after,input[type=datetime]:not(.browser-default).valid~.helper-text:after,input[type=datetime]:not(.browser-default):focus.valid~.helper-text:after,input[type=email]:not(.browser-default).valid~.helper-text:after,input[type=email]:not(.browser-default):focus.valid~.helper-text:after,input[type=number]:not(.browser-default).valid~.helper-text:after,input[type=number]:not(.browser-default):focus.valid~.helper-text:after,input[type=password]:not(.browser-default).valid~.helper-text:after,input[type=password]:not(.browser-default):focus.valid~.helper-text:after,input[type=search]:not(.browser-default).valid~.helper-text:after,input[type=search]:not(.browser-default):focus.valid~.helper-text:after,input[type=tel]:not(.browser-default).valid~.helper-text:after,input[type=tel]:not(.browser-default):focus.valid~.helper-text:after,input[type=text]:not(.browser-default).valid~.helper-text:after,input[type=text]:not(.browser-default):focus.valid~.helper-text:after,input[type=time]:not(.browser-default).valid~.helper-text:after,input[type=time]:not(.browser-default):focus.valid~.helper-text:after,input[type=url]:not(.browser-default).valid~.helper-text:after,input[type=url]:not(.browser-default):focus.valid~.helper-text:after,textarea.materialize-textarea.valid~.helper-text:after,textarea.materialize-textarea:focus.valid~.helper-text:after{content:attr(data-success);color:#4caf50}.select-wrapper.invalid~.helper-text:after,input:not([type]).invalid~.helper-text:after,input:not([type]):focus.invalid~.helper-text:after,input[type=date]:not(.browser-default).invalid~.helper-text:after,input[type=date]:not(.browser-default):focus.invalid~.helper-text:after,input[type=datetime-local]:not(.browser-default).invalid~.helper-text:after,input[type=datetime-local]:not(.browser-default):focus.invalid~.helper-text:after,input[type=datetime]:not(.browser-default).invalid~.helper-text:after,input[type=datetime]:not(.browser-default):focus.invalid~.helper-text:after,input[type=email]:not(.browser-default).invalid~.helper-text:after,input[type=email]:not(.browser-default):focus.invalid~.helper-text:after,input[type=number]:not(.browser-default).invalid~.helper-text:after,input[type=number]:not(.browser-default):focus.invalid~.helper-text:after,input[type=password]:not(.browser-default).invalid~.helper-text:after,input[type=password]:not(.browser-default):focus.invalid~.helper-text:after,input[type=search]:not(.browser-default).invalid~.helper-text:after,input[type=search]:not(.browser-default):focus.invalid~.helper-text:after,input[type=tel]:not(.browser-default).invalid~.helper-text:after,input[type=tel]:not(.browser-default):focus.invalid~.helper-text:after,input[type=text]:not(.browser-default).invalid~.helper-text:after,input[type=text]:not(.browser-default):focus.invalid~.helper-text:after,input[type=time]:not(.browser-default).invalid~.helper-text:after,input[type=time]:not(.browser-default):focus.invalid~.helper-text:after,input[type=url]:not(.browser-default).invalid~.helper-text:after,input[type=url]:not(.browser-default):focus.invalid~.helper-text:after,textarea.materialize-textarea.invalid~.helper-text:after,textarea.materialize-textarea:focus.invalid~.helper-text:after{content:attr(data-error);color:#f44336}.select-wrapper+label:after,input:not([type])+label:after,input[type=date]:not(.browser-default)+label:after,input[type=datetime-local]:not(.browser-default)+label:after,input[type=datetime]:not(.browser-default)+label:after,input[type=email]:not(.browser-default)+label:after,input[type=number]:not(.browser-default)+label:after,input[type=password]:not(.browser-default)+label:after,input[type=search]:not(.browser-default)+label:after,input[type=tel]:not(.browser-default)+label:after,input[type=text]:not(.browser-default)+label:after,input[type=time]:not(.browser-default)+label:after,input[type=url]:not(.browser-default)+label:after,textarea.materialize-textarea+label:after{display:block;content:"";position:absolute;top:100%;left:0;opacity:0;transition:opacity .2s ease-out,color .2s ease-out}.input-field{position:relative;margin-top:1rem;margin-bottom:1rem}.input-field.inline{display:inline-block;vertical-align:middle;margin-left:5px}.input-field.inline .select-dropdown,.input-field.inline input{margin-bottom:1rem}.input-field.col label{left:.75rem}.input-field.col .prefix~.validate~label,.input-field.col .prefix~label{width:calc(100% - 4.5rem)}.input-field>label{color:#535353;position:absolute;top:0;left:0;font-size:1rem;cursor:text;transition:transform .2s ease-out,color .2s ease-out;transform-origin:0 100%;text-align:left;text-align:initial;transform:translateY(12px)}.input-field>label:not(.label-icon).active{transform:translateY(-14px) scale(.8);transform-origin:0 0}.input-field>input[type=date]:not(.browser-default)+label,.input-field>input[type=time]:not(.browser-default)+label,.input-field>input[type]:-webkit-autofill:not(.browser-default):not([type=search])+label{transform:translateY(-14px) scale(.8);transform-origin:0 0}.input-field .helper-text{position:relative;min-height:18px;display:block;font-size:12px;color:rgba(0,0,0,.54)}.input-field .helper-text:after{opacity:1;position:absolute;top:0;left:0}.input-field .prefix{position:absolute;width:3rem;font-size:2rem;transition:color .2s;top:.5rem}.input-field .prefix.active{color:#3f51b5}.input-field .prefix~.autocomplete-content,.input-field .prefix~.helper-text,.input-field .prefix~.validate~label,.input-field .prefix~input,.input-field .prefix~label,.input-field .prefix~textarea{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.input-field .prefix~label{margin-left:3rem}@media only screen and (max-width:992px){.input-field .prefix~input{width:86%;width:calc(100% - 3rem)}}@media only screen and (max-width:600px){.input-field .prefix~input{width:80%;width:calc(100% - 3rem)}}.input-field input[type=search]{display:block;line-height:inherit;transition:background-color .3s}.nav-wrapper .input-field input[type=search]{height:inherit;padding-left:4rem;width:calc(100% - 4rem);border:0;box-shadow:none}.input-field input[type=search]:focus:not(.browser-default){background-color:#fff;border:0;box-shadow:none;color:#444}.input-field input[type=search]:focus:not(.browser-default)+label i,.input-field input[type=search]:focus:not(.browser-default)~.material-icons,.input-field input[type=search]:focus:not(.browser-default)~.mdi-navigation-close{color:#444}.input-field input[type=search]+.label-icon{transform:none;left:1rem}.input-field input[type=search]~.material-icons,.input-field input[type=search]~.mdi-navigation-close{position:absolute;top:0;right:1rem;color:transparent;cursor:pointer;font-size:2rem;transition:color .3s}textarea{width:100%;height:3rem;background-color:transparent}textarea.materialize-textarea{line-height:normal;overflow-y:hidden;padding:.8rem 0;resize:none;min-height:3rem;box-sizing:border-box}.hiddendiv{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;padding-top:1.2rem;position:absolute;top:0;z-index:-1}.autocomplete-content li .highlight{color:#444}.autocomplete-content li img{height:40px;width:40px;margin:5px 15px}.character-counter{min-height:18px}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(fonts/MaterialIcons-Regular.eot);src:local("Material Icons"),local("MaterialIcons-Regular"),url(fonts/MaterialIcons-Regular.woff2) format("woff2"),url(fonts/MaterialIcons-Regular.woff) format("woff"),url(fonts/MaterialIcons-Regular.ttf) format("truetype");font-display:swap}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-display:block}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;src:local("Roboto Mono"),local("RobotoMono-Regular"),url(fonts/RobotoMono-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(fonts/Roboto-Light.ttf) format("truetype");font-display:swap}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(fonts/Roboto-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium"),url(fonts/Roboto-Medium.ttf) format("truetype");font-display:swap}:root{--accentColor:#3f51b5;--lightAccent:#7280ce;--textColor:#535353;--backgroundColor:#fff;--internalColor:#fff;--incorrectColor:#f44336;--correctColor:#8fff66;--inputColor:#000;--linkColor:#00539b;--highlightColor:#eee}body,html{height:100%!important;color:#000;color:var(--inputColor);caret-color:#3f51b5;caret-color:var(--accentColor);text-align:center;overflow-x:hidden}*{transition:background-color .3s ease,color .3s ease}body{font-family:Roboto,sans-serif;font-weight:300;margin:0;display:flex;justify-content:center;align-items:center;background-color:#fff;background-color:var(--backgroundColor)}#box{text-align:center;max-width:calc(100% - 30px - 10em);max-height:100%;margin:auto;grid-row:1}.input-field>label,label{color:#535353;color:var(--textColor);font-size:1.5rem;transition:transform .3s ease-out,background-color .3s ease,color .3s ease}.input-field{margin-bottom:0}.input-field input[type=number],.input-field input[type=password],.input-field input[type=text]{border-bottom:1px solid #535353;border-bottom:1px solid var(--textColor);transition:border .3s ease-out,background-color .3s ease,color .3s ease}.input-field input[type=number]:focus,.input-field input[type=password]:focus,.input-field input[type=text]:focus{border-bottom:1px solid #3f51b5!important;border-bottom:1px solid var(--accentColor)!important;box-shadow:0 1px 0 0 #3f51b5!important;box-shadow:0 1px 0 0 var(--accentColor)!important}input[type=number]:not(#length-pref),input[type=password]:not(#result),input[type=text]:not(#result):not(.select-dropdown){font-size:3rem!important;height:1.2em!important;box-sizing:content-box;font-family:Roboto,sans-serif;font-weight:300}input[type=number]{margin-bottom:0;overflow:scroll}#back{box-shadow:0 .26em .65em 0 rgba(0,0,0,.2);background-color:#fff;background-color:var(--internalColor);border-radius:.325em;padding:1.5em .975em .975em;margin:2em 0;max-height:100%}#result{font-family:Roboto Mono,monospace;font-size:2rem;padding:.9rem 0;min-height:1em;min-width:20%;border:none;text-align:center;margin:0;width:100%;color:#000;color:var(--inputColor)}#result::-moz-placeholder{color:#000!important;color:var(--inputColor)!important;opacity:1}#result:-ms-input-placeholder{color:#000!important;color:var(--inputColor)!important;opacity:1}#result::-ms-input-placeholder{color:#000!important;color:var(--inputColor)!important;opacity:1}#result::placeholder{color:#000!important;color:var(--inputColor)!important;opacity:1}#copy{display:block;margin:auto}.hint{float:left;color:#535353;color:var(--textColor);width:100%;text-align:left}input,textarea{font-size:1.56rem;padding:.65rem;color:#000!important;color:var(--inputColor)!important;margin:0 0 .8rem!important}input#length{margin:0!important;height:1em}#faq{float:right;cursor:help;font-weight:500;margin-top:.4em}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}ul.autocomplete-content.dropdown-content{background:#fff;background:var(--backgroundColor);position:absolute!important;width:calc(100% - 3rem);max-height:328%;overflow-y:auto;overflow-x:hidden;top:-.1em;margin-top:0}ul.autocomplete-content.dropdown-content li{height:3em;min-height:0}.dropdown-content li.active,.dropdown-content li.selected,.dropdown-content li:hover,.select-dropdown.dropdown-content li.selected,body.keyboard-focused .select-dropdown.dropdown-content li:focus{background:#eee;background:var(--highlightColor)}ul.autocomplete-content.dropdown-content li img.right.circle{overflow:hidden;background:#fff;width:calc(20% - .66em);height:100%;padding:.33em;margin:0}ul.autocomplete-content.dropdown-content span{align-items:center;white-space:nowrap;max-width:70%;height:100%;font-size:1em;padding:.875em 1em;overflow:hidden;line-height:1.57em}ul.autocomplete-content.dropdown-content span:not(.highlight){color:#535353;color:var(--textColor);overflow-x:hidden}ul.autocomplete-content.dropdown-content span .highlight{max-width:100%;color:#535353;color:var(--textColor);font-weight:400;overflow:visible;padding:0}.dropdown-content::-webkit-scrollbar{width:17px!important;background-color:#fff!important}.dropdown-content::-webkit-scrollbar-track{width:17px;background-color:#fff!important}.dropdown-content::-webkit-scrollbar-thumb{border-radius:100px;width:17px;background-color:rgba(0,0,0,.5)}.circle{-o-object-fit:scale-down;object-fit:scale-down;border-radius:0}#back .switch{padding-bottom:1.3rem}input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever:before,input[type=checkbox]:checked:not(:disabled)~.lever:active:before{transform:scale(2.4);background-color:rgba(63,81,181,.3)}.switch label input[type=checkbox]:checked+.lever:after{background-color:#3f51b5;background-color:var(--accentColor)}.switch label input[type=checkbox]:checked+.lever{background-color:#7280ce;background-color:var(--lightAccent)}#passTogglelever{left:-4px}.input-group-addon{position:absolute;width:calc(3rem + .1em);font-size:2rem;top:0;right:-5px}.icon{font-size:1.4em!important;color:#535353;color:var(--textColor);transition:color .2s;cursor:pointer}.icon:hover{color:#7280ce;color:var(--lightAccent)}.icon:active{color:#3f51b5;color:var(--accentColor)}.input-field label:not(.label-icon).active{transform:translateY(-1em) scale(.8);transform-origin:0 0}.toast{font-weight:400}.warning{background-color:#f44336;background-color:var(--incorrectColor)}.success{background-color:#8fff66;background-color:var(--correctColor);color:#000}#jsBanner{position:absolute;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:10vmin;top:0;left:0;-webkit-text-stroke-width:.05em!important;-webkit-text-stroke-color:#535353!important;-webkit-text-stroke-color:var(--textColor)!important;padding:10px}#jsBanner,#jsBanner a{color:#fff;color:var(--backgroundColor)}#jsBanner a{-webkit-text-stroke:3px #535353;-webkit-text-stroke:3px var(--textColor);text-decoration:underline}#logo{max-width:100%;max-height:100%}#app{margin-bottom:.55em!important;width:calc(100% - 3.6rem)!important;padding-right:1.2em!important;align-self:flex-end;display:block;white-space:nowrap}ul:empty{display:none}::-ms-reveal{display:none}#logoContainer{margin-right:5px;background:#fff;padding:3px;border-radius:5px;height:calc(3rem + .1em);display:none;justify-content:center;align-items:center}input[type=radio]{margin:0;width:0;height:0;padding:0}input[type=radio]:checked+label:before{box-shadow:0 0 3px 1px #535353;box-shadow:0 0 3px 1px var(--textColor)}label:focus{outline:none}.github-corner{fill:#3f51b5;fill:var(--accentColor);color:#fff;color:var(--backgroundColor);position:absolute;top:0;border:0;right:0}.github-corner:hover .octo-arm{-webkit-animation:octocat-wave .56s ease-in-out;animation:octocat-wave .56s ease-in-out}@-webkit-keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}.tabs{background-color:#fff;background-color:var(--internalColor);cursor:pointer;overflow-x:hidden;z-index:995}.tabs .tab a,.tabs .tab a:hover{color:#535353;color:var(--textColor);font-size:1em;padding:0 .5em}.tabs .tab a:focus,.tabs .tab a:focus.active{background-color:#fff;background-color:var(--backgroundColor)}.tabs .tab a.active{color:#000;color:var(--inputColor);font-weight:400}.tabs .indicator{background:#3f51b5;background-color:#3f51b5;background-color:var(--accentColor)}.btn,.btn-large,.btn-small{height:2.4em;line-height:2.4em;font-family:Roboto,sans-serif;font-weight:300;font-size:1rem;padding:0 2rem}.btn,.btn-large,.btn-large:focus,.btn-large:hover,.btn-small,.btn-small:focus,.btn-small:hover,.btn:focus,.btn:hover{background:#3f51b5;background:var(--accentColor)}.switch label .lever{height:.933em;width:2.4em}.switch label .lever:after,.switch label .lever:before{height:1.33em;width:1.33em}.switch label input[type=checkbox]:checked+.lever:after,.switch label input[type=checkbox]:checked+.lever:before{left:1.4em}.switch label .lever:after,.switch label .lever:before{top:-.2em}.material-tooltip{max-width:7em}@media(hover:none){.material-tooltip{display:none}}.material-tooltip{background-color:#fff;background-color:var(--internalColor);box-shadow:0 .26em .65em 0 rgba(0,0,0,.2);color:#535353;color:var(--textColor)}.btn-flat:focus,.btn-floating:focus,.btn-large:focus,.btn-small:focus,.btn:focus{outline:5px auto #4d90fe;outline-color:#4d90fe;outline-style:auto;outline-width:5px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}ul.tabs li.tab a i.material-icons{vertical-align:middle;color:#f44336;color:var(--incorrectColor)}.btn-floating{width:2.86rem;height:2.86rem}.btn-floating i{font-size:1.6rem;line-height:2.86rem;display:block;top:0}.btn-floating.btn-large{width:4rem;height:4rem}.btn-floating.btn-large i{font-size:2rem;line-height:4rem}@media only all and (max-width:40em){body{background-color:#fff;background-color:var(--internalColor)}#back{margin:0;box-shadow:none;border-radius:0}#back,#box{min-height:100%}#box{width:100VW;max-width:100VW}#install-icon{padding-right:.5vw}.btn-floating{width:10vw;height:10vw}.btn-floating i{font-size:5vw;line-height:10vw}.btn-floating.btn-large{width:15vw;height:15vw}.btn-floating.btn-large i{font-size:7.5vw;line-height:15vw}.github-corner{color:#fff;color:var(--internalColor)}}@media only all and (max-height:600px)and (min-width:40em){html{font-size:2vh}}.sidenav{background-color:#fff;background-color:var(--backgroundColor);width:350px;max-width:100%;max-height:100%;overflow-y:hidden}.sidenav li>a{font-weight:300}.sidenav li>a>[class^=mdi-],.sidenav li>a>i,.sidenav li>a>i.material-icons,.sidenav li>a li>a>[class*=mdi-]{margin:0;float:none}#settings{position:absolute;left:1vw;bottom:1vw;display:block}#settings a i.material-icons{display:block;font-size:2.5em;color:#535353;color:var(--textColor)}.sidenav label:not([for=length-pref]){font-size:1rem;top:-33px}#options{padding:0 10px 10px;display:grid;height:calc(100% - 8px);grid-template-rows:repeat(12,1fr)}.sidenav .dropdown-content{background:#fff;background:var(--backgroundColor)}.dropdown-content li>span,.sidenav .dropdown-content li>a,select{color:#000;color:var(--inputColor)}select{background-color:#fff;background-color:var(--internalColor);border:1px solid #535353;border:1px solid var(--textColor);border-radius:3px}select:focus{border:1px solid #7280ce;border:1px solid var(--lightAccent);outline:none}.sidenav .input-field{padding-bottom:1.5rem}.btn-large i,.btn-small i,.btn i{vertical-align:top}.drag-target{left:0}.sidenav .switch label{font-size:1.2em}.sidenav{align-content:center;justify-content:center;place-content:center}#theme-container{grid-row:1}#session-container{grid-row:3;padding-bottom:0}#footer{display:grid;grid-template-columns:1fr calc(2.4em + 10px);align-content:stretch;grid-row:last-line}#close{cursor:pointer;align-self:end;justify-self:flex-end;font-size:2.4em;color:#000;color:var(--inputColor)}a{color:#00539b;color:var(--linkColor)}#old{text-overflow:clip}#length-pref{font-size:2em;font-weight:300}
diff --git a/de-DE.html b/de-DE.html
index 32d3b8fd..77174d4d 100644
--- a/de-DE.html
+++ b/de-DE.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="de-DE"><head><meta charset="utf-8"><title>Cloverleaf</title><meta name="viewport" content="minimum-scale=1,initial-scale=1"><meta name="description" content="Cloverleaf ist eine gratis, Open-Source App um deinen Passwortmanager zu ersetzen ohne deine Passwörter irgendwo zu speichern."><meta name="robots" content="index, follow"><meta name="author" content="ChildishGiant"><meta name="keywords" content="password, password manager, password generator, security, open source, cloverleaf, perdola, cloverleaf app, cloverleaf.app, stateless, password storage, FOSS"><link rel="alternate" href="https://cloverleaf.app/" hreflang="en"><meta name="msvalidate.01" content="22AEF740B887329DA98B4F687396B7C1"><meta name="mobile-web-app-capable" content="yes"><meta property="og:description" content="Cloverleaf ist eine gratis, Open-Source App um deinen Passwortmanager zu ersetzen ohne deine Passwörter irgendwo zu speichern."><meta property="og:title" content="Cloverleaf"><meta property="og:type" content="website"><meta property="og:url" content="https://cloverleaf.app"><meta property="og:image" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:secure_url" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:width" content="512"><meta property="og:image:height" content="512"><meta property="og:locale" content="en_GB"><meta name="twitter:card" content="summary"><meta name="twitter:creator" content="@ChildishGiant"><meta name="twitter:creator:id" content="871150969417084928"><meta name="twitter:title" content="Cloverleaf"><meta name="twitter:description" content="Cloverleaf ist eine gratis, Open-Source App um deinen Passwortmanager zu ersetzen ohne deine Passwörter irgendwo zu speichern."><meta name="twitter:image" content="https://cloverleaf.app/android-chrome-512x512.png"><link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="manifest" href="manifest.json"><link rel="mask-icon" href="safari-pinned-tab.svg" color="#8c97ce"><link rel="shortcut icon" href="favicon.ico"><meta name="apple-mobile-web-app-title" content="Cloverleaf"><meta name="application-name" content="Cloverleaf"><meta name="msapplication-TileColor" content="#8c97ce"><meta name="theme-color" content="#ffffff"><script>console.clear()</script><link href="bundles/bundle-5d20479b.css" rel="stylesheet" integrity="sha256-0Dzg+1CAFUoqK4/C3+uSKq9mgXcqRnVs2iNppVAkq3c=" crossorigin="anonymous"><script src="bundles/bundle-75afac69.js" integrity="sha256-5fSPtc1jJWMJKMOInQX3W8oOiJNZcfOwRuBBEPAazDQ=" crossorigin="anonymous"></script></head><body><ul id="slide-out" class="sidenav"><div class="row"><ul class="tabs" id="engineTabs"><li class="tab col s6 tooltipped" data-position="bottom" data-delay="500" data-tooltip="Bedeutsam weniger sicher" tabindex="0"><a onclick='setMode("insecure")' href="#old" id="old"><i class="material-icons">warning</i> Legacy Modus <i class="material-icons">warning</i></a></li><li class="tab col s6"><a onclick='setMode("new")' href="#new">Vorgeschlagener Modus</a></li></ul></div><div id="options"><div class="input-field" id="theme-container"><select id="theme" onchange="changeTheme(this.value)" class="browser-default"></select> <label for="theme">Theme</label></div><div class="input-field" id="lang-container"><select id="lang" onchange="changeLang(this.selectedOptions[0].dataset.short)" class="browser-default"></select> <label for="lang">Sprache</label></div><div class="input-field" id="session-container"><label for="session" class="tooltipped" data-position="right" data-tooltip="Lokal auf Ihrem Gerät gespeichert">Erinnere mein Passwort</label><div class="switch" id="session" onclick="sessionToggle()"><label>Aus <input type="checkbox" id="session-toggle"> <span class="lever"></span> An</label></div></div><div class="input-field" id="length-pref-container"><label for="length-pref" class="active">Standardkennwortlänge</label> <input id="length-pref" type="number" onchange="lengthPref(this.value)" step="1" min="4" value="16" max="512"></div><div id="footer"><a class="btn waves-effect waves-light" onclick="installPromptEvent.prompt()" id="install">Als native App installieren <i class="material-icons" id="install-icon">add_to_home_screen</i> </a><i class="material-icons" id="close" onclick="side.close()">close</i></div></div></ul><div id="settings"><a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">settings</i></a></div><div id="box"><div id="back" role="main"><div class="input-field"><label for="app">Applikation</label> <input id="app" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" oninput="appInput(event)" onkeydown="appDown(event)" onkeyup="presetScroll()"><div id="logoContainer" class="input-group-addon suffix"><img id="logo" draggable="false"></div></div><div class="input-field"><label for="pass">Master Passwort</label> <input id="pass" type="password" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" onkeyup="passwordUp()"></div><div class="switch" onclick="passwordToggle()"><label>Zeigen <input type="checkbox" id="passwordToggle" checked="checked"> <span class="lever" id="passTogglelever"></span> Verstecken</label></div><div class="input-field"><label for="length">Länge des Passworts</label> <input id="length" type="number" step="1" min="4" value="16" max="512" oninput="fixLength(),generate()" onkeypress="return event.charCode>=48&&event.charCode<=57"></div><span class="hint">Desto länger, desto besser</span> <input id="result" type="password" placeholder="Kein Passwort :)" readonly="readonly"><div class="switch" id="resultSwitch" onclick="resultToggle()"><label>Zeigen <input type="checkbox" id="resultToggle" checked="checked"> <span class="lever" id="resultTogglelever"></span> Verstecken</label></div><button id="copy" class="waves-effect waves-light btn" onclick="copy()">Passwort kopieren</button><div class="cf"><a href="faq" id="faq" title="Frequently Asked Questions - Cloverleaf">Hilfe und FAQs</a></div></div></div><a href="https://github.com/cloverleaf/web" class="github-corner" aria-label="Quelle auf GitHub anzeigen" title="Quelle auf GitHub anzeigen" tabindex="-1"><svg width="5em" height="5em" viewBox="0 0 250 250" aria-hidden="true" tabindex="0"><defs><mask id="octomask"><path fill="white" d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path fill="black" d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="black" class="octo-body"></path></mask></defs><rect class="filler" width="100%" height="100%" mask="url(#octomask)"></rect></svg></a><noscript><div id="jsBanner"><a href="https://www.enable-javascript.com/?ref=Cloverleaf" target="_blank">Diese Webseite braucht js um zu funktionieren.</a></div></noscript><script>const scriptTag=document.querySelector("script[src^=bundles\\/bundle-]"),cssTag=document.querySelector("link[href^=bundles\\/bundle-]"),inUse=scriptTag&&cssTag?[scriptTag.src,cssTag.href]:[];navigator.serviceWorker.controller?(console.log("Active service worker found, no need to register"),navigator.serviceWorker.controller.postMessage(inUse)):navigator.serviceWorker.register("sw.js",{scope:"./"}).then((function(e){console.log("Service worker has been registered for scope:"+e.scope)}))</script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="de-DE"><head><meta charset="utf-8"><title>Cloverleaf</title><meta name="viewport" content="minimum-scale=1,initial-scale=1"><meta name="description" content="Cloverleaf ist eine gratis, Open-Source App um deinen Passwortmanager zu ersetzen ohne deine Passwörter irgendwo zu speichern."><meta name="robots" content="index, follow"><meta name="author" content="ChildishGiant"><meta name="keywords" content="password, password manager, password generator, security, open source, cloverleaf, perdola, cloverleaf app, cloverleaf.app, stateless, password storage, FOSS"><link rel="alternate" href="https://cloverleaf.app/" hreflang="en"><meta name="msvalidate.01" content="22AEF740B887329DA98B4F687396B7C1"><meta name="mobile-web-app-capable" content="yes"><meta property="og:description" content="Cloverleaf ist eine gratis, Open-Source App um deinen Passwortmanager zu ersetzen ohne deine Passwörter irgendwo zu speichern."><meta property="og:title" content="Cloverleaf"><meta property="og:type" content="website"><meta property="og:url" content="https://cloverleaf.app"><meta property="og:image" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:secure_url" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:width" content="512"><meta property="og:image:height" content="512"><meta property="og:locale" content="en_GB"><meta name="twitter:card" content="summary"><meta name="twitter:creator" content="@ChildishGiant"><meta name="twitter:creator:id" content="871150969417084928"><meta name="twitter:title" content="Cloverleaf"><meta name="twitter:description" content="Cloverleaf ist eine gratis, Open-Source App um deinen Passwortmanager zu ersetzen ohne deine Passwörter irgendwo zu speichern."><meta name="twitter:image" content="https://cloverleaf.app/android-chrome-512x512.png"><link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="manifest" href="manifest.json"><link rel="mask-icon" href="safari-pinned-tab.svg" color="#8c97ce"><link rel="shortcut icon" href="favicon.ico"><meta name="apple-mobile-web-app-title" content="Cloverleaf"><meta name="application-name" content="Cloverleaf"><meta name="msapplication-TileColor" content="#8c97ce"><meta name="theme-color" content="#ffffff"><script>console.clear()</script><link href="bundles/bundle-9c0046d9.css" rel="stylesheet" integrity="sha256-mpSHFamzS9THomDPnQmMwq7LWg9n34WtZfq97An10L8=" crossorigin="anonymous"><script src="bundles/bundle-66e5d323.js" integrity="sha256-5fSPtc1jJWMJKMOInQX3W8oOiJNZcfOwRuBBEPAazDQ=" crossorigin="anonymous"></script></head><body><ul id="slide-out" class="sidenav"><div class="row"><ul class="tabs" id="engineTabs"><li class="tab col s6 tooltipped" data-position="bottom" data-delay="500" data-tooltip="Bedeutsam weniger sicher" tabindex="0"><a onclick='setMode("insecure")' href="#old" id="old"><i class="material-icons">warning</i> Legacy Modus <i class="material-icons">warning</i></a></li><li class="tab col s6"><a onclick='setMode("new")' href="#new">Vorgeschlagener Modus</a></li></ul></div><div id="options"><div class="input-field" id="theme-container"><select id="theme" onchange="changeTheme(this.value)" class="browser-default"></select> <label for="theme">Theme</label></div><div class="input-field" id="lang-container"><select id="lang" onchange="changeLang(this.selectedOptions[0].dataset.short)" class="browser-default"></select> <label for="lang">Sprache</label></div><div class="input-field" id="session-container"><label for="session" class="tooltipped" data-position="right" data-tooltip="Lokal auf Ihrem Gerät gespeichert">Erinnere mein Passwort</label><div class="switch" id="session" onclick="sessionToggle()"><label>Aus <input type="checkbox" id="session-toggle"> <span class="lever"></span> An</label></div></div><div class="input-field" id="length-pref-container"><label for="length-pref" class="active">Standardkennwortlänge</label> <input id="length-pref" type="number" onchange="lengthPref(this.value)" step="1" min="4" value="16" max="512"></div><div id="footer"><a class="btn waves-effect waves-light" onclick="installPromptEvent.prompt()" id="install">Als native App installieren <i class="material-icons" id="install-icon">add_to_home_screen</i> </a><i class="material-icons" id="close" onclick="side.close()">close</i></div></div></ul><div id="settings"><a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">settings</i></a></div><div id="box"><div id="back" role="main"><div class="input-field"><label for="app">Applikation</label> <input id="app" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" oninput="appInput(event)" onkeydown="appDown(event)" onkeyup="presetScroll()"><div id="logoContainer" class="input-group-addon suffix"><img id="logo" draggable="false"></div></div><div class="input-field"><label for="pass">Master Passwort</label> <input id="pass" type="password" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" onkeyup="passwordUp()"></div><div class="switch" onclick="passwordToggle()"><label>Zeigen <input type="checkbox" id="passwordToggle" checked="checked"> <span class="lever" id="passTogglelever"></span> Verstecken</label></div><div class="input-field"><label for="length">Länge des Passworts</label> <input id="length" type="number" step="1" min="4" value="16" max="512" oninput="fixLength(),generate()" onkeypress="return event.charCode>=48&&event.charCode<=57"></div><span class="hint">Desto länger, desto besser</span> <input id="result" type="password" placeholder="Kein Passwort :)" readonly="readonly"><div class="switch" id="resultSwitch" onclick="resultToggle()"><label>Zeigen <input type="checkbox" id="resultToggle" checked="checked"> <span class="lever" id="resultTogglelever"></span> Verstecken</label></div><button id="copy" class="waves-effect waves-light btn" onclick="copy()">Passwort kopieren</button><div class="cf"><a href="faq" id="faq" title="Frequently Asked Questions - Cloverleaf">Hilfe und FAQs</a></div></div></div><a href="https://github.com/cloverleaf/web" class="github-corner" aria-label="Quelle auf GitHub anzeigen" title="Quelle auf GitHub anzeigen" tabindex="-1"><svg width="5em" height="5em" viewBox="0 0 250 250" aria-hidden="true" tabindex="0"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><noscript><div id="jsBanner"><a href="https://www.enable-javascript.com/?ref=Cloverleaf" target="_blank">Diese Webseite braucht js um zu funktionieren.</a></div></noscript><script>const scriptTag=document.querySelector("script[src^=bundles\\/bundle-]"),cssTag=document.querySelector("link[href^=bundles\\/bundle-]"),inUse=scriptTag&&cssTag?[scriptTag.src,cssTag.href]:[];navigator.serviceWorker.controller?(console.log("Active service worker found, no need to register"),navigator.serviceWorker.controller.postMessage(inUse)):navigator.serviceWorker.register("sw.js",{scope:"./"}).then((function(e){console.log("Service worker has been registered for scope:"+e.scope)}))</script></body></html>
\ No newline at end of file
diff --git a/eo-UY.html b/eo-UY.html
index eda81ccc..ea6ad507 100644
--- a/eo-UY.html
+++ b/eo-UY.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="eo-UY"><head><meta charset="utf-8"><title>Cloverleaf</title><meta name="viewport" content="minimum-scale=1,initial-scale=1"><meta name="description" content="Cloverleaf estas senpaga, malfermfonteca app por anstataŭigi vian pasvortan administrilon sen stoki viajn pasvortojn ie ajn."><meta name="robots" content="index, follow"><meta name="author" content="ChildishGiant"><meta name="keywords" content="password, password manager, password generator, security, open source, cloverleaf, perdola, cloverleaf app, cloverleaf.app, stateless, password storage, FOSS"><link rel="alternate" href="https://cloverleaf.app/" hreflang="en"><meta name="msvalidate.01" content="22AEF740B887329DA98B4F687396B7C1"><meta name="mobile-web-app-capable" content="yes"><meta property="og:description" content="Cloverleaf estas senpaga, malfermfonteca app por anstataŭigi vian pasvortan administrilon sen stoki viajn pasvortojn ie ajn."><meta property="og:title" content="Cloverleaf"><meta property="og:type" content="website"><meta property="og:url" content="https://cloverleaf.app"><meta property="og:image" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:secure_url" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:width" content="512"><meta property="og:image:height" content="512"><meta property="og:locale" content="en_GB"><meta name="twitter:card" content="summary"><meta name="twitter:creator" content="@ChildishGiant"><meta name="twitter:creator:id" content="871150969417084928"><meta name="twitter:title" content="Cloverleaf"><meta name="twitter:description" content="Cloverleaf estas senpaga, malfermfonteca app por anstataŭigi vian pasvortan administrilon sen stoki viajn pasvortojn ie ajn."><meta name="twitter:image" content="https://cloverleaf.app/android-chrome-512x512.png"><link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="manifest" href="manifest.json"><link rel="mask-icon" href="safari-pinned-tab.svg" color="#8c97ce"><link rel="shortcut icon" href="favicon.ico"><meta name="apple-mobile-web-app-title" content="Cloverleaf"><meta name="application-name" content="Cloverleaf"><meta name="msapplication-TileColor" content="#8c97ce"><meta name="theme-color" content="#ffffff"><script>console.clear()</script><link href="bundles/bundle-5d20479b.css" rel="stylesheet" integrity="sha256-0Dzg+1CAFUoqK4/C3+uSKq9mgXcqRnVs2iNppVAkq3c=" crossorigin="anonymous"><script src="bundles/bundle-75afac69.js" integrity="sha256-5fSPtc1jJWMJKMOInQX3W8oOiJNZcfOwRuBBEPAazDQ=" crossorigin="anonymous"></script></head><body><ul id="slide-out" class="sidenav"><div class="row"><ul class="tabs" id="engineTabs"><li class="tab col s6 tooltipped" data-position="bottom" data-delay="500" data-tooltip="Signife malpli sekura" tabindex="0"><a onclick='setMode("insecure")' href="#old" id="old"><i class="material-icons">warning</i> Hereda reĝimo <i class="material-icons">warning</i></a></li><li class="tab col s6"><a onclick='setMode("new")' href="#new">Sugesta reĝimo</a></li></ul></div><div id="options"><div class="input-field" id="theme-container"><select id="theme" onchange="changeTheme(this.value)" class="browser-default"></select> <label for="theme">Temo</label></div><div class="input-field" id="lang-container"><select id="lang" onchange="changeLang(this.selectedOptions[0].dataset.short)" class="browser-default"></select> <label for="lang">Lingvo</label></div><div class="input-field" id="session-container"><label for="session" class="tooltipped" data-position="right" data-tooltip="Savis loke sur via aparato">Memoru mian pasvorton</label><div class="switch" id="session" onclick="sessionToggle()"><label>Malŝaltita <input type="checkbox" id="session-toggle"> <span class="lever"></span> Ŝaltita</label></div></div><div class="input-field" id="length-pref-container"><label for="length-pref" class="active">Defaŭlta pasvorton longo</label> <input id="length-pref" type="number" onchange="lengthPref(this.value)" step="1" min="4" value="16" max="512"></div><div id="footer"><a class="btn waves-effect waves-light" onclick="installPromptEvent.prompt()" id="install">Instalu kiel denaska app <i class="material-icons" id="install-icon">add_to_home_screen</i> </a><i class="material-icons" id="close" onclick="side.close()">close</i></div></div></ul><div id="settings"><a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">settings</i></a></div><div id="box"><div id="back" role="main"><div class="input-field"><label for="app">Programeto</label> <input id="app" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" oninput="appInput(event)" onkeydown="appDown(event)" onkeyup="presetScroll()"><div id="logoContainer" class="input-group-addon suffix"><img id="logo" draggable="false"></div></div><div class="input-field"><label for="pass">Majstro pasvorto</label> <input id="pass" type="password" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" onkeyup="passwordUp()"></div><div class="switch" onclick="passwordToggle()"><label>Montri <input type="checkbox" id="passwordToggle" checked="checked"> <span class="lever" id="passTogglelever"></span> Kaŝi</label></div><div class="input-field"><label for="length">Longeco de la pasvorto</label> <input id="length" type="number" step="1" min="4" value="16" max="512" oninput="fixLength(),generate()" onkeypress="return event.charCode>=48&&event.charCode<=57"></div><span class="hint">Ju pli longe, des pli bone</span> <input id="result" type="password" placeholder="Neniu pasvorton :)" readonly="readonly"><div class="switch" id="resultSwitch" onclick="resultToggle()"><label>Montri <input type="checkbox" id="resultToggle" checked="checked"> <span class="lever" id="resultTogglelever"></span> Kaŝi</label></div><button id="copy" class="waves-effect waves-light btn" onclick="copy()">Kopii pasvorton</button><div class="cf"><a href="faq" id="faq" title="Frequently Asked Questions - Cloverleaf">Helpo kaj oftaj demandoj</a></div></div></div><a href="https://github.com/cloverleaf/web" class="github-corner" aria-label="Vidi fonton sur Github" title="Vidi fonton sur Github" tabindex="-1"><svg width="5em" height="5em" viewBox="0 0 250 250" aria-hidden="true" tabindex="0"><defs><mask id="octomask"><path fill="white" d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path fill="black" d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="black" class="octo-body"></path></mask></defs><rect class="filler" width="100%" height="100%" mask="url(#octomask)"></rect></svg></a><noscript><div id="jsBanner"><a href="https://www.enable-javascript.com/?ref=Cloverleaf" target="_blank">Ĉi tiu retejo postulas js funkcii.</a></div></noscript><script>const scriptTag=document.querySelector("script[src^=bundles\\/bundle-]"),cssTag=document.querySelector("link[href^=bundles\\/bundle-]"),inUse=scriptTag&&cssTag?[scriptTag.src,cssTag.href]:[];navigator.serviceWorker.controller?(console.log("Active service worker found, no need to register"),navigator.serviceWorker.controller.postMessage(inUse)):navigator.serviceWorker.register("sw.js",{scope:"./"}).then((function(e){console.log("Service worker has been registered for scope:"+e.scope)}))</script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="eo-UY"><head><meta charset="utf-8"><title>Cloverleaf</title><meta name="viewport" content="minimum-scale=1,initial-scale=1"><meta name="description" content="Cloverleaf estas senpaga, malfermfonteca app por anstataŭigi vian pasvortan administrilon sen stoki viajn pasvortojn ie ajn."><meta name="robots" content="index, follow"><meta name="author" content="ChildishGiant"><meta name="keywords" content="password, password manager, password generator, security, open source, cloverleaf, perdola, cloverleaf app, cloverleaf.app, stateless, password storage, FOSS"><link rel="alternate" href="https://cloverleaf.app/" hreflang="en"><meta name="msvalidate.01" content="22AEF740B887329DA98B4F687396B7C1"><meta name="mobile-web-app-capable" content="yes"><meta property="og:description" content="Cloverleaf estas senpaga, malfermfonteca app por anstataŭigi vian pasvortan administrilon sen stoki viajn pasvortojn ie ajn."><meta property="og:title" content="Cloverleaf"><meta property="og:type" content="website"><meta property="og:url" content="https://cloverleaf.app"><meta property="og:image" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:secure_url" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:width" content="512"><meta property="og:image:height" content="512"><meta property="og:locale" content="en_GB"><meta name="twitter:card" content="summary"><meta name="twitter:creator" content="@ChildishGiant"><meta name="twitter:creator:id" content="871150969417084928"><meta name="twitter:title" content="Cloverleaf"><meta name="twitter:description" content="Cloverleaf estas senpaga, malfermfonteca app por anstataŭigi vian pasvortan administrilon sen stoki viajn pasvortojn ie ajn."><meta name="twitter:image" content="https://cloverleaf.app/android-chrome-512x512.png"><link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="manifest" href="manifest.json"><link rel="mask-icon" href="safari-pinned-tab.svg" color="#8c97ce"><link rel="shortcut icon" href="favicon.ico"><meta name="apple-mobile-web-app-title" content="Cloverleaf"><meta name="application-name" content="Cloverleaf"><meta name="msapplication-TileColor" content="#8c97ce"><meta name="theme-color" content="#ffffff"><script>console.clear()</script><link href="bundles/bundle-9c0046d9.css" rel="stylesheet" integrity="sha256-mpSHFamzS9THomDPnQmMwq7LWg9n34WtZfq97An10L8=" crossorigin="anonymous"><script src="bundles/bundle-66e5d323.js" integrity="sha256-5fSPtc1jJWMJKMOInQX3W8oOiJNZcfOwRuBBEPAazDQ=" crossorigin="anonymous"></script></head><body><ul id="slide-out" class="sidenav"><div class="row"><ul class="tabs" id="engineTabs"><li class="tab col s6 tooltipped" data-position="bottom" data-delay="500" data-tooltip="Signife malpli sekura" tabindex="0"><a onclick='setMode("insecure")' href="#old" id="old"><i class="material-icons">warning</i> Hereda reĝimo <i class="material-icons">warning</i></a></li><li class="tab col s6"><a onclick='setMode("new")' href="#new">Sugesta reĝimo</a></li></ul></div><div id="options"><div class="input-field" id="theme-container"><select id="theme" onchange="changeTheme(this.value)" class="browser-default"></select> <label for="theme">Temo</label></div><div class="input-field" id="lang-container"><select id="lang" onchange="changeLang(this.selectedOptions[0].dataset.short)" class="browser-default"></select> <label for="lang">Lingvo</label></div><div class="input-field" id="session-container"><label for="session" class="tooltipped" data-position="right" data-tooltip="Savis loke sur via aparato">Memoru mian pasvorton</label><div class="switch" id="session" onclick="sessionToggle()"><label>Malŝaltita <input type="checkbox" id="session-toggle"> <span class="lever"></span> Ŝaltita</label></div></div><div class="input-field" id="length-pref-container"><label for="length-pref" class="active">Defaŭlta pasvorton longo</label> <input id="length-pref" type="number" onchange="lengthPref(this.value)" step="1" min="4" value="16" max="512"></div><div id="footer"><a class="btn waves-effect waves-light" onclick="installPromptEvent.prompt()" id="install">Instalu kiel denaska app <i class="material-icons" id="install-icon">add_to_home_screen</i> </a><i class="material-icons" id="close" onclick="side.close()">close</i></div></div></ul><div id="settings"><a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">settings</i></a></div><div id="box"><div id="back" role="main"><div class="input-field"><label for="app">Programeto</label> <input id="app" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" oninput="appInput(event)" onkeydown="appDown(event)" onkeyup="presetScroll()"><div id="logoContainer" class="input-group-addon suffix"><img id="logo" draggable="false"></div></div><div class="input-field"><label for="pass">Majstro pasvorto</label> <input id="pass" type="password" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" onkeyup="passwordUp()"></div><div class="switch" onclick="passwordToggle()"><label>Montri <input type="checkbox" id="passwordToggle" checked="checked"> <span class="lever" id="passTogglelever"></span> Kaŝi</label></div><div class="input-field"><label for="length">Longeco de la pasvorto</label> <input id="length" type="number" step="1" min="4" value="16" max="512" oninput="fixLength(),generate()" onkeypress="return event.charCode>=48&&event.charCode<=57"></div><span class="hint">Ju pli longe, des pli bone</span> <input id="result" type="password" placeholder="Neniu pasvorton :)" readonly="readonly"><div class="switch" id="resultSwitch" onclick="resultToggle()"><label>Montri <input type="checkbox" id="resultToggle" checked="checked"> <span class="lever" id="resultTogglelever"></span> Kaŝi</label></div><button id="copy" class="waves-effect waves-light btn" onclick="copy()">Kopii pasvorton</button><div class="cf"><a href="faq" id="faq" title="Frequently Asked Questions - Cloverleaf">Helpo kaj oftaj demandoj</a></div></div></div><a href="https://github.com/cloverleaf/web" class="github-corner" aria-label="Vidi fonton sur Github" title="Vidi fonton sur Github" tabindex="-1"><svg width="5em" height="5em" viewBox="0 0 250 250" aria-hidden="true" tabindex="0"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><noscript><div id="jsBanner"><a href="https://www.enable-javascript.com/?ref=Cloverleaf" target="_blank">Ĉi tiu retejo postulas js funkcii.</a></div></noscript><script>const scriptTag=document.querySelector("script[src^=bundles\\/bundle-]"),cssTag=document.querySelector("link[href^=bundles\\/bundle-]"),inUse=scriptTag&&cssTag?[scriptTag.src,cssTag.href]:[];navigator.serviceWorker.controller?(console.log("Active service worker found, no need to register"),navigator.serviceWorker.controller.postMessage(inUse)):navigator.serviceWorker.register("sw.js",{scope:"./"}).then((function(e){console.log("Service worker has been registered for scope:"+e.scope)}))</script></body></html>
\ No newline at end of file
diff --git a/es-ES.html b/es-ES.html
index 62687486..117a03b7 100644
--- a/es-ES.html
+++ b/es-ES.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="es-ES"><head><meta charset="utf-8"><title>Cloverleaf</title><meta name="viewport" content="minimum-scale=1,initial-scale=1"><meta name="description" content="Cloverleaf es una aplicación gratuita de código abierto que reemplazará al administrador de contraseñas sin almacenar sus contraseñas en cualquier lugar."><meta name="robots" content="index, follow"><meta name="author" content="ChildishGiant"><meta name="keywords" content="password, password manager, password generator, security, open source, cloverleaf, perdola, cloverleaf app, cloverleaf.app, stateless, password storage, FOSS"><link rel="alternate" href="https://cloverleaf.app/" hreflang="en"><meta name="msvalidate.01" content="22AEF740B887329DA98B4F687396B7C1"><meta name="mobile-web-app-capable" content="yes"><meta property="og:description" content="Cloverleaf es una aplicación gratuita de código abierto que reemplazará al administrador de contraseñas sin almacenar sus contraseñas en cualquier lugar."><meta property="og:title" content="Cloverleaf"><meta property="og:type" content="website"><meta property="og:url" content="https://cloverleaf.app"><meta property="og:image" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:secure_url" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:width" content="512"><meta property="og:image:height" content="512"><meta property="og:locale" content="en_GB"><meta name="twitter:card" content="summary"><meta name="twitter:creator" content="@ChildishGiant"><meta name="twitter:creator:id" content="871150969417084928"><meta name="twitter:title" content="Cloverleaf"><meta name="twitter:description" content="Cloverleaf es una aplicación gratuita de código abierto que reemplazará al administrador de contraseñas sin almacenar sus contraseñas en cualquier lugar."><meta name="twitter:image" content="https://cloverleaf.app/android-chrome-512x512.png"><link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="manifest" href="manifest.json"><link rel="mask-icon" href="safari-pinned-tab.svg" color="#8c97ce"><link rel="shortcut icon" href="favicon.ico"><meta name="apple-mobile-web-app-title" content="Cloverleaf"><meta name="application-name" content="Cloverleaf"><meta name="msapplication-TileColor" content="#8c97ce"><meta name="theme-color" content="#ffffff"><script>console.clear()</script><link href="bundles/bundle-5d20479b.css" rel="stylesheet" integrity="sha256-0Dzg+1CAFUoqK4/C3+uSKq9mgXcqRnVs2iNppVAkq3c=" crossorigin="anonymous"><script src="bundles/bundle-75afac69.js" integrity="sha256-5fSPtc1jJWMJKMOInQX3W8oOiJNZcfOwRuBBEPAazDQ=" crossorigin="anonymous"></script></head><body><ul id="slide-out" class="sidenav"><div class="row"><ul class="tabs" id="engineTabs"><li class="tab col s6 tooltipped" data-position="bottom" data-delay="500" data-tooltip="Es significativamente menos seguro" tabindex="0"><a onclick='setMode("insecure")' href="#old" id="old"><i class="material-icons">warning</i> Modo de legado <i class="material-icons">warning</i></a></li><li class="tab col s6"><a onclick='setMode("new")' href="#new">Modalidad sugerida</a></li></ul></div><div id="options"><div class="input-field" id="theme-container"><select id="theme" onchange="changeTheme(this.value)" class="browser-default"></select> <label for="theme">Tema</label></div><div class="input-field" id="lang-container"><select id="lang" onchange="changeLang(this.selectedOptions[0].dataset.short)" class="browser-default"></select> <label for="lang">Idioma</label></div><div class="input-field" id="session-container"><label for="session" class="tooltipped" data-position="right" data-tooltip="Guardado localmente en el dispositivo">Recordar mi contraseña</label><div class="switch" id="session" onclick="sessionToggle()"><label>Desactivado <input type="checkbox" id="session-toggle"> <span class="lever"></span> Activado</label></div></div><div class="input-field" id="length-pref-container"><label for="length-pref" class="active">Longitud de la contraseña predeterminada</label> <input id="length-pref" type="number" onchange="lengthPref(this.value)" step="1" min="4" value="16" max="512"></div><div id="footer"><a class="btn waves-effect waves-light" onclick="installPromptEvent.prompt()" id="install">Instalar como una aplicación nativa <i class="material-icons" id="install-icon">add_to_home_screen</i> </a><i class="material-icons" id="close" onclick="side.close()">close</i></div></div></ul><div id="settings"><a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">settings</i></a></div><div id="box"><div id="back" role="main"><div class="input-field"><label for="app">Aplicación</label> <input id="app" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" oninput="appInput(event)" onkeydown="appDown(event)" onkeyup="presetScroll()"><div id="logoContainer" class="input-group-addon suffix"><img id="logo" draggable="false"></div></div><div class="input-field"><label for="pass">Contraseña maestra</label> <input id="pass" type="password" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" onkeyup="passwordUp()"></div><div class="switch" onclick="passwordToggle()"><label>Mostrar <input type="checkbox" id="passwordToggle" checked="checked"> <span class="lever" id="passTogglelever"></span> Esconder</label></div><div class="input-field"><label for="length">Longitud de la contraseña</label> <input id="length" type="number" step="1" min="4" value="16" max="512" oninput="fixLength(),generate()" onkeypress="return event.charCode>=48&&event.charCode<=57"></div><span class="hint">Cuanto más largo, mejor</span> <input id="result" type="password" placeholder="Sin contraseña :)" readonly="readonly"><div class="switch" id="resultSwitch" onclick="resultToggle()"><label>Mostrar <input type="checkbox" id="resultToggle" checked="checked"> <span class="lever" id="resultTogglelever"></span> Esconder</label></div><button id="copy" class="waves-effect waves-light btn" onclick="copy()">Copiar contraseña</button><div class="cf"><a href="faq" id="faq" title="Frequently Asked Questions - Cloverleaf">Ayuda y preguntas frecuentes</a></div></div></div><a href="https://github.com/cloverleaf/web" class="github-corner" aria-label="Ver fuente en Github" title="Ver fuente en Github" tabindex="-1"><svg width="5em" height="5em" viewBox="0 0 250 250" aria-hidden="true" tabindex="0"><defs><mask id="octomask"><path fill="white" d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path fill="black" d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="black" class="octo-body"></path></mask></defs><rect class="filler" width="100%" height="100%" mask="url(#octomask)"></rect></svg></a><noscript><div id="jsBanner"><a href="https://www.enable-javascript.com/?ref=Cloverleaf" target="_blank">Este sitio web requiere js para trabajar.</a></div></noscript><script>const scriptTag=document.querySelector("script[src^=bundles\\/bundle-]"),cssTag=document.querySelector("link[href^=bundles\\/bundle-]"),inUse=scriptTag&&cssTag?[scriptTag.src,cssTag.href]:[];navigator.serviceWorker.controller?(console.log("Active service worker found, no need to register"),navigator.serviceWorker.controller.postMessage(inUse)):navigator.serviceWorker.register("sw.js",{scope:"./"}).then((function(e){console.log("Service worker has been registered for scope:"+e.scope)}))</script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="es-ES"><head><meta charset="utf-8"><title>Cloverleaf</title><meta name="viewport" content="minimum-scale=1,initial-scale=1"><meta name="description" content="Cloverleaf es una aplicación gratuita de código abierto que reemplazará al administrador de contraseñas sin almacenar sus contraseñas en cualquier lugar."><meta name="robots" content="index, follow"><meta name="author" content="ChildishGiant"><meta name="keywords" content="password, password manager, password generator, security, open source, cloverleaf, perdola, cloverleaf app, cloverleaf.app, stateless, password storage, FOSS"><link rel="alternate" href="https://cloverleaf.app/" hreflang="en"><meta name="msvalidate.01" content="22AEF740B887329DA98B4F687396B7C1"><meta name="mobile-web-app-capable" content="yes"><meta property="og:description" content="Cloverleaf es una aplicación gratuita de código abierto que reemplazará al administrador de contraseñas sin almacenar sus contraseñas en cualquier lugar."><meta property="og:title" content="Cloverleaf"><meta property="og:type" content="website"><meta property="og:url" content="https://cloverleaf.app"><meta property="og:image" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:secure_url" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:width" content="512"><meta property="og:image:height" content="512"><meta property="og:locale" content="en_GB"><meta name="twitter:card" content="summary"><meta name="twitter:creator" content="@ChildishGiant"><meta name="twitter:creator:id" content="871150969417084928"><meta name="twitter:title" content="Cloverleaf"><meta name="twitter:description" content="Cloverleaf es una aplicación gratuita de código abierto que reemplazará al administrador de contraseñas sin almacenar sus contraseñas en cualquier lugar."><meta name="twitter:image" content="https://cloverleaf.app/android-chrome-512x512.png"><link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="manifest" href="manifest.json"><link rel="mask-icon" href="safari-pinned-tab.svg" color="#8c97ce"><link rel="shortcut icon" href="favicon.ico"><meta name="apple-mobile-web-app-title" content="Cloverleaf"><meta name="application-name" content="Cloverleaf"><meta name="msapplication-TileColor" content="#8c97ce"><meta name="theme-color" content="#ffffff"><script>console.clear()</script><link href="bundles/bundle-9c0046d9.css" rel="stylesheet" integrity="sha256-mpSHFamzS9THomDPnQmMwq7LWg9n34WtZfq97An10L8=" crossorigin="anonymous"><script src="bundles/bundle-66e5d323.js" integrity="sha256-5fSPtc1jJWMJKMOInQX3W8oOiJNZcfOwRuBBEPAazDQ=" crossorigin="anonymous"></script></head><body><ul id="slide-out" class="sidenav"><div class="row"><ul class="tabs" id="engineTabs"><li class="tab col s6 tooltipped" data-position="bottom" data-delay="500" data-tooltip="Es significativamente menos seguro" tabindex="0"><a onclick='setMode("insecure")' href="#old" id="old"><i class="material-icons">warning</i> Modo de legado <i class="material-icons">warning</i></a></li><li class="tab col s6"><a onclick='setMode("new")' href="#new">Modalidad sugerida</a></li></ul></div><div id="options"><div class="input-field" id="theme-container"><select id="theme" onchange="changeTheme(this.value)" class="browser-default"></select> <label for="theme">Tema</label></div><div class="input-field" id="lang-container"><select id="lang" onchange="changeLang(this.selectedOptions[0].dataset.short)" class="browser-default"></select> <label for="lang">Idioma</label></div><div class="input-field" id="session-container"><label for="session" class="tooltipped" data-position="right" data-tooltip="Guardado localmente en el dispositivo">Recordar mi contraseña</label><div class="switch" id="session" onclick="sessionToggle()"><label>Desactivado <input type="checkbox" id="session-toggle"> <span class="lever"></span> Activado</label></div></div><div class="input-field" id="length-pref-container"><label for="length-pref" class="active">Longitud de la contraseña predeterminada</label> <input id="length-pref" type="number" onchange="lengthPref(this.value)" step="1" min="4" value="16" max="512"></div><div id="footer"><a class="btn waves-effect waves-light" onclick="installPromptEvent.prompt()" id="install">Instalar como una aplicación nativa <i class="material-icons" id="install-icon">add_to_home_screen</i> </a><i class="material-icons" id="close" onclick="side.close()">close</i></div></div></ul><div id="settings"><a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">settings</i></a></div><div id="box"><div id="back" role="main"><div class="input-field"><label for="app">Aplicación</label> <input id="app" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" oninput="appInput(event)" onkeydown="appDown(event)" onkeyup="presetScroll()"><div id="logoContainer" class="input-group-addon suffix"><img id="logo" draggable="false"></div></div><div class="input-field"><label for="pass">Contraseña maestra</label> <input id="pass" type="password" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" onkeyup="passwordUp()"></div><div class="switch" onclick="passwordToggle()"><label>Mostrar <input type="checkbox" id="passwordToggle" checked="checked"> <span class="lever" id="passTogglelever"></span> Esconder</label></div><div class="input-field"><label for="length">Longitud de la contraseña</label> <input id="length" type="number" step="1" min="4" value="16" max="512" oninput="fixLength(),generate()" onkeypress="return event.charCode>=48&&event.charCode<=57"></div><span class="hint">Cuanto más largo, mejor</span> <input id="result" type="password" placeholder="Sin contraseña :)" readonly="readonly"><div class="switch" id="resultSwitch" onclick="resultToggle()"><label>Mostrar <input type="checkbox" id="resultToggle" checked="checked"> <span class="lever" id="resultTogglelever"></span> Esconder</label></div><button id="copy" class="waves-effect waves-light btn" onclick="copy()">Copiar contraseña</button><div class="cf"><a href="faq" id="faq" title="Frequently Asked Questions - Cloverleaf">Ayuda y preguntas frecuentes</a></div></div></div><a href="https://github.com/cloverleaf/web" class="github-corner" aria-label="Ver fuente en Github" title="Ver fuente en Github" tabindex="-1"><svg width="5em" height="5em" viewBox="0 0 250 250" aria-hidden="true" tabindex="0"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><noscript><div id="jsBanner"><a href="https://www.enable-javascript.com/?ref=Cloverleaf" target="_blank">Este sitio web requiere js para trabajar.</a></div></noscript><script>const scriptTag=document.querySelector("script[src^=bundles\\/bundle-]"),cssTag=document.querySelector("link[href^=bundles\\/bundle-]"),inUse=scriptTag&&cssTag?[scriptTag.src,cssTag.href]:[];navigator.serviceWorker.controller?(console.log("Active service worker found, no need to register"),navigator.serviceWorker.controller.postMessage(inUse)):navigator.serviceWorker.register("sw.js",{scope:"./"}).then((function(e){console.log("Service worker has been registered for scope:"+e.scope)}))</script></body></html>
\ No newline at end of file
diff --git a/fr-FR.html b/fr-FR.html
index bb5ff972..8ccef478 100644
--- a/fr-FR.html
+++ b/fr-FR.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="fr-FR"><head><meta charset="utf-8"><title>Cloverleaf</title><meta name="viewport" content="minimum-scale=1,initial-scale=1"><meta name="description" content="Cloverleaf est une appli libre et de source ouverte qui remplace votre gestionnaire de mots de passe, sans garder vos mots de passe ailleurs."><meta name="robots" content="index, follow"><meta name="author" content="ChildishGiant"><meta name="keywords" content="password, password manager, password generator, security, open source, cloverleaf, perdola, cloverleaf app, cloverleaf.app, stateless, password storage, FOSS"><link rel="alternate" href="https://cloverleaf.app/" hreflang="en"><meta name="msvalidate.01" content="22AEF740B887329DA98B4F687396B7C1"><meta name="mobile-web-app-capable" content="yes"><meta property="og:description" content="Cloverleaf est une appli libre et de source ouverte qui remplace votre gestionnaire de mots de passe, sans garder vos mots de passe ailleurs."><meta property="og:title" content="Cloverleaf"><meta property="og:type" content="website"><meta property="og:url" content="https://cloverleaf.app"><meta property="og:image" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:secure_url" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:width" content="512"><meta property="og:image:height" content="512"><meta property="og:locale" content="en_GB"><meta name="twitter:card" content="summary"><meta name="twitter:creator" content="@ChildishGiant"><meta name="twitter:creator:id" content="871150969417084928"><meta name="twitter:title" content="Cloverleaf"><meta name="twitter:description" content="Cloverleaf est une appli libre et de source ouverte qui remplace votre gestionnaire de mots de passe, sans garder vos mots de passe ailleurs."><meta name="twitter:image" content="https://cloverleaf.app/android-chrome-512x512.png"><link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="manifest" href="manifest.json"><link rel="mask-icon" href="safari-pinned-tab.svg" color="#8c97ce"><link rel="shortcut icon" href="favicon.ico"><meta name="apple-mobile-web-app-title" content="Cloverleaf"><meta name="application-name" content="Cloverleaf"><meta name="msapplication-TileColor" content="#8c97ce"><meta name="theme-color" content="#ffffff"><script>console.clear()</script><link href="bundles/bundle-5d20479b.css" rel="stylesheet" integrity="sha256-0Dzg+1CAFUoqK4/C3+uSKq9mgXcqRnVs2iNppVAkq3c=" crossorigin="anonymous"><script src="bundles/bundle-75afac69.js" integrity="sha256-5fSPtc1jJWMJKMOInQX3W8oOiJNZcfOwRuBBEPAazDQ=" crossorigin="anonymous"></script></head><body><ul id="slide-out" class="sidenav"><div class="row"><ul class="tabs" id="engineTabs"><li class="tab col s6 tooltipped" data-position="bottom" data-delay="500" data-tooltip="Considérablement moins sécurisé" tabindex="0"><a onclick='setMode("insecure")' href="#old" id="old"><i class="material-icons">warning</i> Mode patrimonial <i class="material-icons">warning</i></a></li><li class="tab col s6"><a onclick='setMode("new")' href="#new">Mode suggéré</a></li></ul></div><div id="options"><div class="input-field" id="theme-container"><select id="theme" onchange="changeTheme(this.value)" class="browser-default"></select> <label for="theme">Thème</label></div><div class="input-field" id="lang-container"><select id="lang" onchange="changeLang(this.selectedOptions[0].dataset.short)" class="browser-default"></select> <label for="lang">Langue</label></div><div class="input-field" id="session-container"><label for="session" class="tooltipped" data-position="right" data-tooltip="Enregistré localement sur votre appareil">Mémoriser mon mot de passe</label><div class="switch" id="session" onclick="sessionToggle()"><label>Non <input type="checkbox" id="session-toggle"> <span class="lever"></span> Oui</label></div></div><div class="input-field" id="length-pref-container"><label for="length-pref" class="active">Longueur du mot de passe par défaut</label> <input id="length-pref" type="number" onchange="lengthPref(this.value)" step="1" min="4" value="16" max="512"></div><div id="footer"><a class="btn waves-effect waves-light" onclick="installPromptEvent.prompt()" id="install">Installer comme application native <i class="material-icons" id="install-icon">add_to_home_screen</i> </a><i class="material-icons" id="close" onclick="side.close()">close</i></div></div></ul><div id="settings"><a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">settings</i></a></div><div id="box"><div id="back" role="main"><div class="input-field"><label for="app">Application</label> <input id="app" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" oninput="appInput(event)" onkeydown="appDown(event)" onkeyup="presetScroll()"><div id="logoContainer" class="input-group-addon suffix"><img id="logo" draggable="false"></div></div><div class="input-field"><label for="pass">Mot de passe principal</label> <input id="pass" type="password" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" onkeyup="passwordUp()"></div><div class="switch" onclick="passwordToggle()"><label>Afficher <input type="checkbox" id="passwordToggle" checked="checked"> <span class="lever" id="passTogglelever"></span> Masquer</label></div><div class="input-field"><label for="length">Longueur du mot de passe</label> <input id="length" type="number" step="1" min="4" value="16" max="512" oninput="fixLength(),generate()" onkeypress="return event.charCode>=48&&event.charCode<=57"></div><span class="hint">Plus c'est long, mieux c'est</span> <input id="result" type="password" placeholder="Pas de mot de passe :)" readonly="readonly"><div class="switch" id="resultSwitch" onclick="resultToggle()"><label>Afficher <input type="checkbox" id="resultToggle" checked="checked"> <span class="lever" id="resultTogglelever"></span> Masquer</label></div><button id="copy" class="waves-effect waves-light btn" onclick="copy()">Copier le mot de passe</button><div class="cf"><a href="faq" id="faq" title="Frequently Asked Questions - Cloverleaf">Aide et FAQ</a></div></div></div><a href="https://github.com/cloverleaf/web" class="github-corner" aria-label="Voir la source sur Github" title="Voir la source sur Github" tabindex="-1"><svg width="5em" height="5em" viewBox="0 0 250 250" aria-hidden="true" tabindex="0"><defs><mask id="octomask"><path fill="white" d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path fill="black" d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="black" class="octo-body"></path></mask></defs><rect class="filler" width="100%" height="100%" mask="url(#octomask)"></rect></svg></a><noscript><div id="jsBanner"><a href="https://www.enable-javascript.com/?ref=Cloverleaf" target="_blank">Ce site nécessite js pour fonctionner.</a></div></noscript><script>const scriptTag=document.querySelector("script[src^=bundles\\/bundle-]"),cssTag=document.querySelector("link[href^=bundles\\/bundle-]"),inUse=scriptTag&&cssTag?[scriptTag.src,cssTag.href]:[];navigator.serviceWorker.controller?(console.log("Active service worker found, no need to register"),navigator.serviceWorker.controller.postMessage(inUse)):navigator.serviceWorker.register("sw.js",{scope:"./"}).then((function(e){console.log("Service worker has been registered for scope:"+e.scope)}))</script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="fr-FR"><head><meta charset="utf-8"><title>Cloverleaf</title><meta name="viewport" content="minimum-scale=1,initial-scale=1"><meta name="description" content="Cloverleaf est une appli libre et de source ouverte qui remplace votre gestionnaire de mots de passe, sans garder vos mots de passe ailleurs."><meta name="robots" content="index, follow"><meta name="author" content="ChildishGiant"><meta name="keywords" content="password, password manager, password generator, security, open source, cloverleaf, perdola, cloverleaf app, cloverleaf.app, stateless, password storage, FOSS"><link rel="alternate" href="https://cloverleaf.app/" hreflang="en"><meta name="msvalidate.01" content="22AEF740B887329DA98B4F687396B7C1"><meta name="mobile-web-app-capable" content="yes"><meta property="og:description" content="Cloverleaf est une appli libre et de source ouverte qui remplace votre gestionnaire de mots de passe, sans garder vos mots de passe ailleurs."><meta property="og:title" content="Cloverleaf"><meta property="og:type" content="website"><meta property="og:url" content="https://cloverleaf.app"><meta property="og:image" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:secure_url" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:width" content="512"><meta property="og:image:height" content="512"><meta property="og:locale" content="en_GB"><meta name="twitter:card" content="summary"><meta name="twitter:creator" content="@ChildishGiant"><meta name="twitter:creator:id" content="871150969417084928"><meta name="twitter:title" content="Cloverleaf"><meta name="twitter:description" content="Cloverleaf est une appli libre et de source ouverte qui remplace votre gestionnaire de mots de passe, sans garder vos mots de passe ailleurs."><meta name="twitter:image" content="https://cloverleaf.app/android-chrome-512x512.png"><link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="manifest" href="manifest.json"><link rel="mask-icon" href="safari-pinned-tab.svg" color="#8c97ce"><link rel="shortcut icon" href="favicon.ico"><meta name="apple-mobile-web-app-title" content="Cloverleaf"><meta name="application-name" content="Cloverleaf"><meta name="msapplication-TileColor" content="#8c97ce"><meta name="theme-color" content="#ffffff"><script>console.clear()</script><link href="bundles/bundle-9c0046d9.css" rel="stylesheet" integrity="sha256-mpSHFamzS9THomDPnQmMwq7LWg9n34WtZfq97An10L8=" crossorigin="anonymous"><script src="bundles/bundle-66e5d323.js" integrity="sha256-5fSPtc1jJWMJKMOInQX3W8oOiJNZcfOwRuBBEPAazDQ=" crossorigin="anonymous"></script></head><body><ul id="slide-out" class="sidenav"><div class="row"><ul class="tabs" id="engineTabs"><li class="tab col s6 tooltipped" data-position="bottom" data-delay="500" data-tooltip="Considérablement moins sécurisé" tabindex="0"><a onclick='setMode("insecure")' href="#old" id="old"><i class="material-icons">warning</i> Mode patrimonial <i class="material-icons">warning</i></a></li><li class="tab col s6"><a onclick='setMode("new")' href="#new">Mode suggéré</a></li></ul></div><div id="options"><div class="input-field" id="theme-container"><select id="theme" onchange="changeTheme(this.value)" class="browser-default"></select> <label for="theme">Thème</label></div><div class="input-field" id="lang-container"><select id="lang" onchange="changeLang(this.selectedOptions[0].dataset.short)" class="browser-default"></select> <label for="lang">Langue</label></div><div class="input-field" id="session-container"><label for="session" class="tooltipped" data-position="right" data-tooltip="Enregistré localement sur votre appareil">Mémoriser mon mot de passe</label><div class="switch" id="session" onclick="sessionToggle()"><label>Non <input type="checkbox" id="session-toggle"> <span class="lever"></span> Oui</label></div></div><div class="input-field" id="length-pref-container"><label for="length-pref" class="active">Longueur du mot de passe par défaut</label> <input id="length-pref" type="number" onchange="lengthPref(this.value)" step="1" min="4" value="16" max="512"></div><div id="footer"><a class="btn waves-effect waves-light" onclick="installPromptEvent.prompt()" id="install">Installer comme application native <i class="material-icons" id="install-icon">add_to_home_screen</i> </a><i class="material-icons" id="close" onclick="side.close()">close</i></div></div></ul><div id="settings"><a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">settings</i></a></div><div id="box"><div id="back" role="main"><div class="input-field"><label for="app">Application</label> <input id="app" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" oninput="appInput(event)" onkeydown="appDown(event)" onkeyup="presetScroll()"><div id="logoContainer" class="input-group-addon suffix"><img id="logo" draggable="false"></div></div><div class="input-field"><label for="pass">Mot de passe principal</label> <input id="pass" type="password" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" onkeyup="passwordUp()"></div><div class="switch" onclick="passwordToggle()"><label>Afficher <input type="checkbox" id="passwordToggle" checked="checked"> <span class="lever" id="passTogglelever"></span> Masquer</label></div><div class="input-field"><label for="length">Longueur du mot de passe</label> <input id="length" type="number" step="1" min="4" value="16" max="512" oninput="fixLength(),generate()" onkeypress="return event.charCode>=48&&event.charCode<=57"></div><span class="hint">Plus c'est long, mieux c'est</span> <input id="result" type="password" placeholder="Pas de mot de passe :)" readonly="readonly"><div class="switch" id="resultSwitch" onclick="resultToggle()"><label>Afficher <input type="checkbox" id="resultToggle" checked="checked"> <span class="lever" id="resultTogglelever"></span> Masquer</label></div><button id="copy" class="waves-effect waves-light btn" onclick="copy()">Copier le mot de passe</button><div class="cf"><a href="faq" id="faq" title="Frequently Asked Questions - Cloverleaf">Aide et FAQ</a></div></div></div><a href="https://github.com/cloverleaf/web" class="github-corner" aria-label="Voir la source sur Github" title="Voir la source sur Github" tabindex="-1"><svg width="5em" height="5em" viewBox="0 0 250 250" aria-hidden="true" tabindex="0"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><noscript><div id="jsBanner"><a href="https://www.enable-javascript.com/?ref=Cloverleaf" target="_blank">Ce site nécessite js pour fonctionner.</a></div></noscript><script>const scriptTag=document.querySelector("script[src^=bundles\\/bundle-]"),cssTag=document.querySelector("link[href^=bundles\\/bundle-]"),inUse=scriptTag&&cssTag?[scriptTag.src,cssTag.href]:[];navigator.serviceWorker.controller?(console.log("Active service worker found, no need to register"),navigator.serviceWorker.controller.postMessage(inUse)):navigator.serviceWorker.register("sw.js",{scope:"./"}).then((function(e){console.log("Service worker has been registered for scope:"+e.scope)}))</script></body></html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 2eb6a8ea..6e9a3ec2 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en-GB"><head><meta charset="utf-8"><title>Cloverleaf</title><meta name="viewport" content="minimum-scale=1,initial-scale=1"><meta name="description" content="Cloverleaf is a free, open source app to replace your password manager without storing your passwords anywhere."><meta name="robots" content="index, follow"><meta name="author" content="ChildishGiant"><meta name="keywords" content="password, password manager, password generator, security, open source, cloverleaf, perdola, cloverleaf app, cloverleaf.app, stateless, password storage, FOSS"><link rel="alternate" href="https://cloverleaf.app/" hreflang="en"><meta name="msvalidate.01" content="22AEF740B887329DA98B4F687396B7C1"><meta name="mobile-web-app-capable" content="yes"><meta property="og:description" content="Cloverleaf is a free, open source app to replace your password manager without storing your passwords anywhere."><meta property="og:title" content="Cloverleaf"><meta property="og:type" content="website"><meta property="og:url" content="https://cloverleaf.app"><meta property="og:image" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:secure_url" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:width" content="512"><meta property="og:image:height" content="512"><meta property="og:locale" content="en_GB"><meta name="twitter:card" content="summary"><meta name="twitter:creator" content="@ChildishGiant"><meta name="twitter:creator:id" content="871150969417084928"><meta name="twitter:title" content="Cloverleaf"><meta name="twitter:description" content="Cloverleaf is a free, open source app to replace your password manager without storing your passwords anywhere."><meta name="twitter:image" content="https://cloverleaf.app/android-chrome-512x512.png"><link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="manifest" href="manifest.json"><link rel="mask-icon" href="safari-pinned-tab.svg" color="#8c97ce"><link rel="shortcut icon" href="favicon.ico"><meta name="apple-mobile-web-app-title" content="Cloverleaf"><meta name="application-name" content="Cloverleaf"><meta name="msapplication-TileColor" content="#8c97ce"><meta name="theme-color" content="#ffffff"><script>console.clear()</script><link href="bundles/bundle-5d20479b.css" rel="stylesheet" integrity="sha256-0Dzg+1CAFUoqK4/C3+uSKq9mgXcqRnVs2iNppVAkq3c=" crossorigin="anonymous"><script src="bundles/bundle-75afac69.js" integrity="sha256-5fSPtc1jJWMJKMOInQX3W8oOiJNZcfOwRuBBEPAazDQ=" crossorigin="anonymous"></script></head><body><ul id="slide-out" class="sidenav"><div class="row"><ul class="tabs" id="engineTabs"><li class="tab col s6 tooltipped" data-position="bottom" data-delay="500" data-tooltip="Significantly less secure" tabindex="0"><a onclick='setMode("insecure")' href="#old" id="old"><i class="material-icons">warning</i> Legacy mode <i class="material-icons">warning</i></a></li><li class="tab col s6"><a onclick='setMode("new")' href="#new">Suggested mode</a></li></ul></div><div id="options"><div class="input-field" id="theme-container"><select id="theme" onchange="changeTheme(this.value)" class="browser-default"></select> <label for="theme">Theme</label></div><div class="input-field" id="lang-container"><select id="lang" onchange="changeLang(this.selectedOptions[0].dataset.short)" class="browser-default"></select> <label for="lang">Language</label></div><div class="input-field" id="session-container"><label for="session" class="tooltipped" data-position="right" data-tooltip="Saved locally on your device">Remember my password</label><div class="switch" id="session" onclick="sessionToggle()"><label>Off <input type="checkbox" id="session-toggle"> <span class="lever"></span> On</label></div></div><div class="input-field" id="length-pref-container"><label for="length-pref" class="active">Default password length</label> <input id="length-pref" type="number" onchange="lengthPref(this.value)" step="1" min="4" value="16" max="512"></div><div id="footer"><a class="btn waves-effect waves-light" onclick="installPromptEvent.prompt()" id="install">Install as a native app <i class="material-icons" id="install-icon">add_to_home_screen</i> </a><i class="material-icons" id="close" onclick="side.close()">close</i></div></div></ul><div id="settings"><a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">settings</i></a></div><div id="box"><div id="back" role="main"><div class="input-field"><label for="app">Application</label> <input id="app" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" oninput="appInput(event)" onkeydown="appDown(event)" onkeyup="presetScroll()"><div id="logoContainer" class="input-group-addon suffix"><img id="logo" draggable="false"></div></div><div class="input-field"><label for="pass">Master password</label> <input id="pass" type="password" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" onkeyup="passwordUp()"></div><div class="switch" onclick="passwordToggle()"><label>Show <input type="checkbox" id="passwordToggle" checked="checked"> <span class="lever" id="passTogglelever"></span> Hide</label></div><div class="input-field"><label for="length">Length of password</label> <input id="length" type="number" step="1" min="4" value="16" max="512" oninput="fixLength(),generate()" onkeypress="return event.charCode>=48&&event.charCode<=57"></div><span class="hint">The longer, the better</span> <input id="result" type="password" placeholder="No password :)" readonly="readonly"><div class="switch" id="resultSwitch" onclick="resultToggle()"><label>Show <input type="checkbox" id="resultToggle" checked="checked"> <span class="lever" id="resultTogglelever"></span> Hide</label></div><button id="copy" class="waves-effect waves-light btn" onclick="copy()">Copy password</button><div class="cf"><a href="faq" id="faq" title="Frequently Asked Questions - Cloverleaf">Help and FAQs</a></div></div></div><a href="https://github.com/cloverleaf/web" class="github-corner" aria-label="View source on Github" title="View source on Github" tabindex="-1"><svg width="5em" height="5em" viewBox="0 0 250 250" aria-hidden="true" tabindex="0"><defs><mask id="octomask"><path fill="white" d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path fill="black" d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="black" class="octo-body"></path></mask></defs><rect class="filler" width="100%" height="100%" mask="url(#octomask)"></rect></svg></a><noscript><div id="jsBanner"><a href="https://www.enable-javascript.com/?ref=Cloverleaf" target="_blank">This website requires js to work.</a></div></noscript><script>const scriptTag=document.querySelector("script[src^=bundles\\/bundle-]"),cssTag=document.querySelector("link[href^=bundles\\/bundle-]"),inUse=scriptTag&&cssTag?[scriptTag.src,cssTag.href]:[];navigator.serviceWorker.controller?(console.log("Active service worker found, no need to register"),navigator.serviceWorker.controller.postMessage(inUse)):navigator.serviceWorker.register("sw.js",{scope:"./"}).then((function(e){console.log("Service worker has been registered for scope:"+e.scope)}))</script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="en-GB"><head><meta charset="utf-8"><title>Cloverleaf</title><meta name="viewport" content="minimum-scale=1,initial-scale=1"><meta name="description" content="Cloverleaf is a free, open source app to replace your password manager without storing your passwords anywhere."><meta name="robots" content="index, follow"><meta name="author" content="ChildishGiant"><meta name="keywords" content="password, password manager, password generator, security, open source, cloverleaf, perdola, cloverleaf app, cloverleaf.app, stateless, password storage, FOSS"><link rel="alternate" href="https://cloverleaf.app/" hreflang="en"><meta name="msvalidate.01" content="22AEF740B887329DA98B4F687396B7C1"><meta name="mobile-web-app-capable" content="yes"><meta property="og:description" content="Cloverleaf is a free, open source app to replace your password manager without storing your passwords anywhere."><meta property="og:title" content="Cloverleaf"><meta property="og:type" content="website"><meta property="og:url" content="https://cloverleaf.app"><meta property="og:image" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:secure_url" content="https://cloverleaf.app/android-chrome-512x512.png"><meta property="og:image:width" content="512"><meta property="og:image:height" content="512"><meta property="og:locale" content="en_GB"><meta name="twitter:card" content="summary"><meta name="twitter:creator" content="@ChildishGiant"><meta name="twitter:creator:id" content="871150969417084928"><meta name="twitter:title" content="Cloverleaf"><meta name="twitter:description" content="Cloverleaf is a free, open source app to replace your password manager without storing your passwords anywhere."><meta name="twitter:image" content="https://cloverleaf.app/android-chrome-512x512.png"><link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="manifest" href="manifest.json"><link rel="mask-icon" href="safari-pinned-tab.svg" color="#8c97ce"><link rel="shortcut icon" href="favicon.ico"><meta name="apple-mobile-web-app-title" content="Cloverleaf"><meta name="application-name" content="Cloverleaf"><meta name="msapplication-TileColor" content="#8c97ce"><meta name="theme-color" content="#ffffff"><script>console.clear()</script><link href="bundles/bundle-9c0046d9.css" rel="stylesheet" integrity="sha256-mpSHFamzS9THomDPnQmMwq7LWg9n34WtZfq97An10L8=" crossorigin="anonymous"><script src="bundles/bundle-66e5d323.js" integrity="sha256-5fSPtc1jJWMJKMOInQX3W8oOiJNZcfOwRuBBEPAazDQ=" crossorigin="anonymous"></script></head><body><ul id="slide-out" class="sidenav"><div class="row"><ul class="tabs" id="engineTabs"><li class="tab col s6 tooltipped" data-position="bottom" data-delay="500" data-tooltip="Significantly less secure" tabindex="0"><a onclick='setMode("insecure")' href="#old" id="old"><i class="material-icons">warning</i> Legacy mode <i class="material-icons">warning</i></a></li><li class="tab col s6"><a onclick='setMode("new")' href="#new">Suggested mode</a></li></ul></div><div id="options"><div class="input-field" id="theme-container"><select id="theme" onchange="changeTheme(this.value)" class="browser-default"></select> <label for="theme">Theme</label></div><div class="input-field" id="lang-container"><select id="lang" onchange="changeLang(this.selectedOptions[0].dataset.short)" class="browser-default"></select> <label for="lang">Language</label></div><div class="input-field" id="session-container"><label for="session" class="tooltipped" data-position="right" data-tooltip="Saved locally on your device">Remember my password</label><div class="switch" id="session" onclick="sessionToggle()"><label>Off <input type="checkbox" id="session-toggle"> <span class="lever"></span> On</label></div></div><div class="input-field" id="length-pref-container"><label for="length-pref" class="active">Default password length</label> <input id="length-pref" type="number" onchange="lengthPref(this.value)" step="1" min="4" value="16" max="512"></div><div id="footer"><a class="btn waves-effect waves-light" onclick="installPromptEvent.prompt()" id="install">Install as a native app <i class="material-icons" id="install-icon">add_to_home_screen</i> </a><i class="material-icons" id="close" onclick="side.close()">close</i></div></div></ul><div id="settings"><a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">settings</i></a></div><div id="box"><div id="back" role="main"><div class="input-field"><label for="app">Application</label> <input id="app" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" oninput="appInput(event)" onkeydown="appDown(event)" onkeyup="presetScroll()"><div id="logoContainer" class="input-group-addon suffix"><img id="logo" draggable="false"></div></div><div class="input-field"><label for="pass">Master password</label> <input id="pass" type="password" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" onkeyup="passwordUp()"></div><div class="switch" onclick="passwordToggle()"><label>Show <input type="checkbox" id="passwordToggle" checked="checked"> <span class="lever" id="passTogglelever"></span> Hide</label></div><div class="input-field"><label for="length">Length of password</label> <input id="length" type="number" step="1" min="4" value="16" max="512" oninput="fixLength(),generate()" onkeypress="return event.charCode>=48&&event.charCode<=57"></div><span class="hint">The longer, the better</span> <input id="result" type="password" placeholder="No password :)" readonly="readonly"><div class="switch" id="resultSwitch" onclick="resultToggle()"><label>Show <input type="checkbox" id="resultToggle" checked="checked"> <span class="lever" id="resultTogglelever"></span> Hide</label></div><button id="copy" class="waves-effect waves-light btn" onclick="copy()">Copy password</button><div class="cf"><a href="faq" id="faq" title="Frequently Asked Questions - Cloverleaf">Help and FAQs</a></div></div></div><a href="https://github.com/cloverleaf/web" class="github-corner" aria-label="View source on Github" title="View source on Github" tabindex="-1"><svg width="5em" height="5em" viewBox="0 0 250 250" aria-hidden="true" tabindex="0"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><noscript><div id="jsBanner"><a href="https://www.enable-javascript.com/?ref=Cloverleaf" target="_blank">This website requires js to work.</a></div></noscript><script>const scriptTag=document.querySelector("script[src^=bundles\\/bundle-]"),cssTag=document.querySelector("link[href^=bundles\\/bundle-]"),inUse=scriptTag&&cssTag?[scriptTag.src,cssTag.href]:[];navigator.serviceWorker.controller?(console.log("Active service worker found, no need to register"),navigator.serviceWorker.controller.postMessage(inUse)):navigator.serviceWorker.register("sw.js",{scope:"./"}).then((function(e){console.log("Service worker has been registered for scope:"+e.scope)}))</script></body></html>
\ No newline at end of file
diff --git a/package.json b/package.json
index f81b28d6..d9522cce 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "main": "jssource.js",
   "scripts": {
     "build": "cross-env NODE_ENV=production node --no-deprecation config/webpack/config.js",
-    "start": "cross-env NODE_ENV=dev webpack-dev-server --inline --watch --config config/webpack/config.development.js",
+    "start": "cross-env NODE_ENV=dev webpack-dev-server --inline --watch --config config/webpack/config.development.js --host 192.168.1.87",
     "server-test": "npx http-server",
     "pytest": "cd unit_tests && py -3 -m pytest -s",
     "pytest-first": "cd unit_tests && py -3 -m pytest -s -x"
diff --git a/src/src.ejs b/src/src.ejs
index 9ccf6820..cc35fa4a 100644
--- a/src/src.ejs
+++ b/src/src.ejs
@@ -177,14 +177,9 @@
 
     <a href="https://github.com/cloverleaf/web" class="github-corner" aria-label="<%= viewSource %>" title="<%= viewSource %>" tabindex="-1">
       <svg width="5em" height="5em" viewBox="0 0 250 250"  aria-hidden="true" tabindex="0">
-        <defs>
-          <mask id="octomask">
-          <path fill="white" d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
-          <path fill="black" d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" style="transform-origin: 130px 106px;" class="octo-arm"></path>
-          <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="black" class="octo-body"></path>
-          </mask>
-        </defs>
-        <rect class="filler" width="100%" height="100%" mask="url(#octomask)"></rect>
+        <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
+        <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
+        <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body">
       </svg>
     </a>
 
diff --git a/src/style.scss b/src/style.scss
index 3612774f..c0605277 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -545,7 +545,8 @@ label:focus {
 .github-corner {
   fill: $accentColor;
   fill: var(--accentColor);
-  color:#fff;
+  color: $backgroundColor;
+  color: var(--backgroundColor);
   position: absolute;
   top: 0;
   border: 0;
@@ -713,32 +714,26 @@ ul.tabs li.tab a i.material-icons {
   line-height: 4rem;
 }
 
-/* Media Queries */
-@media (max-width: 500px) {
-  .github-corner:hover .octo-arm {
-    animation: none;
-  }
+/* If we're on a small/mobile device */
+@media only all and (max-width:40em) {
 
-  .github-corner .octo-arm {
-    animation: octocat-wave 560ms ease-in-out;
+  body {
+    background-color: var(--internalColor);
   }
-}
 
-/* If we're on a small/mobile device */
-@media only all and (max-width:40em) {
   #back {
     /* Ditch loads of padding */
     margin: 0;
     box-shadow: none;
 
-    height: 100Vh;
-    max-height: 100Vh;
+    min-height: 100%;
     border-radius: 0;
   }
 
   #box {
     width: 100VW;
     max-width: 100VW;
+    min-height: 100%;
   }
 
   /* Install icon */
@@ -768,6 +763,10 @@ ul.tabs li.tab a i.material-icons {
     line-height: 15vw;
   }
 
+  .github-corner {
+    color: $internalColor;
+    color: var(--internalColor);
+  }
 }
 
 /* If it won't fit vertically */
@@ -823,7 +822,7 @@ ul.tabs li.tab a i.material-icons {
   padding: 10px;
   padding-top: 0;
   display: grid;
-  height: calc(100vh - 68px);
+  height: calc(100% - 8px);
   grid-template-rows: repeat(12, 1fr);
   // grid-template-rows: repeat(auto-fill, minmax(70px, 1fr))
   // grid-auto-rows: repeat(min-content, 60px) ;