*,*:before,*:after{box-sizing:border-box;white-space:nowrap}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5;font-weight:400;height:100%;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--non-transparent-color: #000}body{margin:0;display:flex;place-items:center;min-height:100%}h1{line-height:1.1;margin:0 0 2rem}@media (prefers-color-scheme: dark){:root{color:#ffffffde;background-color:#242424;--non-transparent-color: #fff}#copy-btn:hover{background-color:#999!important}#copy-btn .check-icon,#copy-btn .clipboard-icon{filter:invert(1)}}#app{margin:0 auto;padding:1rem;text-align:center;width:100%}form,section{max-width:calc(600px - 2rem);margin:0 auto}.show-simple-options .simple-option,.show-advanced-options .advanced-option{display:flex;justify-content:space-between;flex-wrap:wrap}.show-simple-options .advanced-option,.show-advanced-options .simple-option{display:none}#result-container{position:relative;border:1px solid #aaa;border-radius:.5rem;overflow:hidden}#result{text-align:left;margin:0;padding:.5rem;overflow-x:auto;white-space:pre}#copy-btn{position:absolute;top:0;right:0;width:2.5rem;height:2.5rem;padding:.5rem;cursor:pointer;border:none;background:none;border-top-right-radius:.5rem;border-bottom-left-radius:.5rem}#copy-btn:hover{background-color:#eee}#copy-btn.success{background-color:#4ade80!important}#copy-btn .check-icon,#copy-btn.success .clipboard-icon{display:none}#copy-btn.success .check-icon{display:inline}.has-tip{position:relative}.has-tip .tip{position:absolute;bottom:-1.25rem;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:400;color:transparent;animation:transparent-color 1s infinite}@keyframes transparent-color{0%{color:transparent}50%{color:var(--non-transparent-color)}}.radio{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.radio-btn{padding:.25rem .5rem;border-radius:.5rem;line-height:1;text-decoration:none;cursor:pointer}.radio:checked+.radio-btn{background-color:#0b5ed7;color:#fff}.flex{display:flex}.generated-css-title{margin:1rem 0 0}