.img-radio-input{display:none}.img-radio-input:checked+.img-radio-img{background-color:var(--secondary)!important}.img-radio{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.5rem;flex-direction:row;flex:1;align-items:center;gap:.8rem;margin:.3rem 0;display:flex}.img-radio:hover>.img-radio-img{background-color:var(--accent)}.img-radio-img{border-radius:.25rem;padding:.4rem;display:flex}
.range{border-radius:.25rem;flex-direction:row;align-items:center;gap:.5rem;width:100%;display:flex}.range-input-container{border:1px solid var(--secondary);border-radius:.5rem;flex-direction:row;align-items:center;width:100%;margin:0;padding:.25rem;display:inline-flex;position:relative}.range-input{appearance:none;background-color:var(--bg-accent);border-radius:.25rem;width:100%;height:1rem;margin:0}.range-input::-moz-range-thumb{appearance:none;background-color:var(--primary);cursor:pointer;border:none;border-radius:0 .25rem .25rem 0;width:1rem;height:100%}.range-input::-webkit-slider-thumb{appearance:none;cursor:pointer;background-color:var(--primary);border:none;border-radius:0 .25rem .25rem 0;width:1rem;height:1rem}.range-background{background-color:var(--primary);pointer-events:none;opacity:.75;border-radius:.25rem 0 0 .25rem;height:1rem;position:absolute}.range-label{white-space:nowrap;margin:.5rem}.range-value{max-width:2rem;height:1.5rem;color:var(--tertiary);text-align:center;flex-direction:row;justify-content:center;align-items:center;width:4rem;padding:0;font-size:.75rem;display:flex}.range-reset{cursor:pointer;color:var(--tertiary);background:0 0;flex-direction:row;align-items:center;padding:.5rem;display:flex}.range-reset:hover{color:var(--text)}.range-reset svg{width:1rem;height:1rem}
#slug-input{margin-bottom:1rem}#slug-input-container{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.slug{text-transform:lowercase;width:100%}.slug-input-right{flex-direction:column;gap:1rem;width:100%;display:flex}.slug-button{border-radius:.5rem;justify-content:center;align-items:center;width:48px;height:48px;display:flex}#slug-input-label{flex-direction:row;justify-content:space-between;display:flex}#slug-input-right-container{flex-direction:row;gap:1rem;display:flex}#folder-icon-preview-container{border:1px solid var(--secondary);background-color:var(--accent);border-radius:.5rem;width:48px;height:48px;padding:1rem}.dark #folder-icon-preview{filter:invert()}@keyframes invalid{0%{opacity:1;transform:translate(0)}25%{transform:translate(-.5rem)}50%{opacity:0;transform:translate(.5rem)}75%{transform:translate(-.5rem)}to{opacity:1;transform:translate(0)}}
#emoji-picker{box-sizing:border-box;border:1px solid var(--secondary);background-color:var(--bg-accent);border-radius:.5rem;flex-direction:column;display:flex}#emoji-search{border-bottom:1px;border-color:var(--secondary);color:var(--text);font-family:var(--body-font);background:0 0;border-style:none none solid;border-radius:.5rem .5rem 0 0;padding:1rem}#emoji-search::placeholder{color:var(--tertiary)}#emoji-search:focus{border-color:var(--primary);background-color:var(--accent);outline:none}#emoji-current{border-top:1px;border-color:var(--secondary);border-style:solid none none;flex-direction:row;align-items:center;gap:.5rem;padding:1rem;display:flex}#emoji-list{border-radius:.5rem;flex-flow:wrap;justify-content:center;align-items:flex-start;min-height:3rem;max-height:15rem;padding:.5rem;display:flex;overflow:hidden auto}#emoji-no-results{color:var(--secondary);grid-column:1/-1;justify-content:center;align-items:center;display:flex}.emoji{cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.25rem;font-size:1.5rem;display:inline-flex}.emoji.selected{background-color:var(--primary)}
.checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.25rem;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem;display:flex}.checkbox:hover{background-color:var(--accent)}.checkbox-label{cursor:pointer}.checkbox-input{display:none}.checkbox-fake-input{border:1px solid var(--secondary);cursor:pointer;background-color:#fff0;border-radius:.25rem;justify-content:center;align-items:center;width:1rem;height:1rem;margin-right:.5rem;transition:background-color 50ms ease-in-out,border-color 50ms ease-in-out;display:inline-flex;position:relative}.checkbox-fake-input-inner{color:#fff0;width:.5rem;height:.5rem;transition:all .1s ease-in-out;display:inline-block}.checkbox-input:checked+.checkbox-fake-input .checkbox-fake-input-inner{color:var(--bg);width:1rem;height:1rem}.checkbox-input:checked+.checkbox-fake-input{background-color:var(--primary);border-color:var(--primary)}
