:root{--color-text-1: hsl(0, %, 5%);--color-text-2: hsl(0, 0%, 45%);--color-bg-1: hsl(0, 0%, 100%);--color-bg-2: hsl(0, 0%, 95%);--color-bg-3: hsl(0, 0%, 80%);--color-border: hsl(0, 0%, 70%);--color-primary-light: hsl(207, 90%, 95%);--color-primary: hsl(207, 90%, 54%);--color-primary-dark: hsl(207, 90%, 20%);--color-primary-glas: hsla(207, 90%, 54%, .1);--color-error-light: hsl(349, 100%, 95%);--color-error: hsl(349, 100%, 35%);--color-error-dark: hsl(349, 100%, 20%);--color-success-light: hsl(122, 39%, 95%);--color-success: hsl(122, 39%, 49%);--color-success-dark: hsl(0, 0%, 12%);--color-warning-light: hsl(36, 100%, 95%);--color-warning: hsl(36, 100%, 50%);--color-warning-dark: hsl(36, 100%, 20%);--color-info-light: hsl(207, 90%, 95%);--color-info: hsl(207, 90%, 54%);--color-info-dark: hsl(207, 90%, 20%);--border-radius: 6px}body.dark{--color-text-1: hsl(0, 0%, 95%);--color-text-2: hsl(0, 0%, 55%);--color-bg-1: hsl(240, 10%, 10%);--color-bg-2: hsl(240, 10%, 25%);--color-bg-3: hsl(240, 10%, 40%);--color-border: hsl(0, 0%, 30%);--color-primary: hsl(207, 90%, 54%);--color-error: hsl(349, 100%, 35%);--color-success: hsl(122, 39%, 49%);--color-warning: hsl(36, 100%, 50%);--color-info: hsl(207, 90%, 54%)}*{box-sizing:border-box;margin:0;padding:0;transition-property:background-color,display,transform;transition-duration:.3s;transition-timing-function:ease}html,body{font-family:monospace,sans-serif;color:var(--color-text-1);background-color:var(--color-bg-1);height:100%;overflow:scroll}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.25em}p{font-size:1em;line-height:1.5}.color-info{color:var(--color-info)}.color-success{color:var(--color-success)}.color-warning{color:var(--color-warning)}.color-error{color:var(--color-error)}.color-primary{color:var(--color-primary)}.border{border:1px solid var(--color-border)}.cursor-pointer{cursor:pointer}.rounded{border-radius:var(--border-radius)}.rounded-sm{border-radius:calc(var(--border-radius) / 2)}.rounded-lg{border-radius:calc(var(--border-radius) * 2)}.rounded-full{border-radius:9999px!important}.w-100{width:100%}.h-100{height:100%}.text-center{text-align:center}.text-justify{text-align:justify}.text-right{text-align:right}.text-left{text-align:left}.display-flex{display:flex}.display-grid{display:grid}.display-block{display:block}.display-inline{display:inline}.display-inline-block{display:inline-block}.display-none{display:none}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.container{max-width:980px;margin:0 auto;padding:20px}.container-fluid{width:100%;padding:0 20px}.container-sm{max-width:576px;margin:0 auto;padding:20px}.container-md{max-width:768px;margin:0 auto;padding:20px}.container-lg{max-width:992px;margin:0 auto;padding:20px}.container-xl{max-width:1200px;margin:0 auto;padding:20px}.container-xxl{max-width:1400px;margin:0 auto;padding:20px}.mug-checkbox{display:inline-flex;align-items:center}.mug-checkbox input[type=checkbox]{display:none}.mug-checkbox label{cursor:pointer;color:var(--color-text-1);font-size:1em;border:1px solid var(--color-border);padding:.5em 1em;border-radius:999px;background-color:var(--color-bg-2)}.mug-checkbox label:hover{color:var(--color-primary);background-color:var(--color-primary-glas)}.mug-checkbox label:hover{color:var(--color-primary)}.mug-checkbox input[type=checkbox]:checked+label{color:#fff;background-color:var(--color-primary);border:1px solid var(--color-primary)}.mug-checkbox input[type=checkbox]:disabled{background-color:var(--color-bg-3);border-color:var(--color-border);cursor:not-allowed}.mug-checkbox input[type=checkbox]:disabled+label{opacity:.4;cursor:not-allowed}.mug-checkbox input[type=checkbox]:disabled+label:hover{color:var(--color-text-2)}.mug-checkbox input[type=checkbox]:disabled+label:focus{outline:none;color:var(--color-text-2)}.mug-checkbox input[type=checkbox]:disabled+label:active{color:var(--color-text-2)}.mug-checkbox input[type=checkbox]:disabled+label:active:hover{color:var(--color-text-2)}.mug-checkbox input[type=checkbox]:disabled+label:active:focus{outline:none;color:var(--color-text-2)}.mug-input{appearance:none;-webkit-appearance:none;padding:1em;color:var(--color-text-1);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg-2);font-size:1em;border:none}.mug-input:focus{border-color:var(--color-primary);outline:none;border:1px solid var(--color-primary)}.mug-textarea{appearance:none;-webkit-appearance:none;color:var(--color-text-1);padding:1em;min-height:10em;border:none;background-color:var(--color-bg-2);border-radius:var(--border-radius);font-size:1em;resize:vertical}.mug-textarea:focus{border-color:var(--color-primary);outline:none;border:1px solid var(--color-primary)}.mug-button{background-color:var(--color-primary);color:var(--color-bg-1);border:none;padding:.5em 1em;border-radius:var(--border-radius);font-size:1em;cursor:pointer}.mug-button:hover{background-color:var(--color-primary-dark)}.mug-button:disabled{opacity:.5}.mug-link{color:var(--color-primary);text-decoration:none}