.mrbonda-slug-generator-wrapper{padding:15px 0}.mrbonda-slug-generator-container{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;background-color:#f0f3f5;padding:25px;margin:20px auto;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05);max-width:700px}.mrbonda-sg-title{text-align:center;color:#2c3e50;margin-top:0;margin-bottom:30px;font-size:26px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.1)}.mrbonda-sg-tile{background-color:#fff;border:1px solid #d1d9e0;border-radius:6px;padding:20px;margin-bottom:25px;box-shadow:3px 3px 7px rgba(0,0,0,.08),-3px -3px 7px rgba(255,255,255,.5)}.mrbonda-sg-tile:last-child{margin-bottom:0}.mrbonda-sg-tile label,.mrbonda-sg-tile h3{display:block;margin-bottom:10px;font-weight:600;color:#34495e;font-size:.95em;text-transform:uppercase;letter-spacing:.5px}.mrbonda-sg-options h3{margin-bottom:15px;font-size:1.1em;border-bottom:1px solid #e0e4e8;padding-bottom:8px}#mrbonda-sg-input-text,#mrbonda-sg-output-slug,.mrbonda-sg-option-group input[type=text],.mrbonda-sg-option-group input[type=number]{width:100%;padding:12px 15px;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;font-size:1em;background-color:#f8f9fa;color:#495057;box-shadow:inset 1px 1px 3px rgba(0,0,0,.06)}#mrbonda-sg-input-text:focus,#mrbonda-sg-output-slug:focus,.mrbonda-sg-option-group input[type=text]:focus,.mrbonda-sg-option-group input[type=number]:focus{border-color:#007bff;box-shadow:inset 1px 1px 3px rgba(0,0,0,.06),0 0 0 .2rem rgba(0,123,255,.25);outline:none}#mrbonda-sg-input-text{resize:vertical;min-height:80px}#mrbonda-sg-output-slug{background-color:#e9ecef;cursor:default}.mrbonda-sg-output-wrapper{display:flex;align-items:center}.mrbonda-sg-output-wrapper input[type=text]{flex-grow:1;margin-right:10px}.mrbonda-sg-option-group{margin-bottom:15px;display:flex;align-items:center;flex-wrap:wrap}.mrbonda-sg-option-group label:not(.checkbox-label){flex-basis:220px;margin-bottom:0;font-weight:400;text-transform:none;font-size:.9em;color:#555;padding-right:10px}.mrbonda-sg-option-group input[type=text],.mrbonda-sg-option-group input[type=number]{flex-grow:1;max-width:120px}.mrbonda-sg-option-group input[id=mrbonda-sg-prefix],.mrbonda-sg-option-group input[id=mrbonda-sg-suffix]{max-width:180px}.mrbonda-sg-option-group.checkbox-group{align-items:center;width:100%}.mrbonda-sg-option-group.checkbox-group input[type=checkbox]{margin-right:8px;width:auto;width:18px;vertical-align:middle;height:18px;accent-color:#007bff}.mrbonda-sg-option-group.checkbox-group label{flex-basis:auto;font-weight:400;color:#555;font-size:.9em;text-transform:none}.mrbonda-sg-button{background-color:#007bff;color:white;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:.95em;font-weight:500;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.1)}.mrbonda-sg-button:hover{background-color:#0069d9;box-shadow:0 3px 6px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.15)}.mrbonda-sg-button:active{background-color:#005cbf;box-shadow:inset 0 1px 3px rgba(0,0,0,.2);transform:translateY(1px)}.mrbonda-sg-button-secondary{background-color:#6c757d}.mrbonda-sg-button-secondary:hover{background-color:#5a6268}.mrbonda-sg-button-secondary:active{background-color:#545b62}.mrbonda-sg-actions{text-align:right;margin-top:10px}.mrbonda-sg-char-count{font-size:.8em;color:#6c757d;margin-top:8px;text-align:right}@media (max-width:600px){.mrbonda-slug-generator-container{padding:15px;margin:10px}.mrbonda-sg-title{font-size:22px;margin-bottom:20px}.mrbonda-sg-tile{padding:15px}.mrbonda-sg-option-group{flex-direction:column;align-items:flex-start}.mrbonda-sg-option-group label:not(.checkbox-label){flex-basis:auto;margin-bottom:5px;width:100%}.mrbonda-sg-option-group input[type=text],.mrbonda-sg-option-group input[type=number]{max-width:100%;width:100%}.mrbonda-sg-option-group.checkbox-group{flex-direction:row;align-items:center}.mrbonda-sg-output-wrapper{flex-direction:column}.mrbonda-sg-output-wrapper input[type=text]{margin-right:0;margin-bottom:10px}.mrbonda-sg-output-wrapper button{width:100%}.mrbonda-sg-actions{text-align:center}.mrbonda-sg-actions .mrbonda-sg-button{width:100%;margin-top:10px}.mrbonda-sg-actions .mrbonda-sg-button+.mrbonda-sg-button{margin-left:0}}.mrbonda-sg-watermark{text-align:center;margin-top:20px;padding:10px;font-size:.85em;color:#777;font-style:italic;opacity:.7}@media (max-width:600px){.mrbonda-sg-watermark{margin-top:15px;font-size:.8em}}