.pixelated,.gallery-thumbnail-editor:not(.non-pixel) .thumbnail-preview img{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}@keyframes errorshake{10%,90%{transform:translateX(-0.25em)}20%,80%{transform:translateX(0.25em)}30%,50%,70%{transform:translateX(-0.5em)}40%,60%{transform:translateX(0.5em)}100%{transform:translateX(0)}}.anim-errorshake{animation:errorshake 800ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.palette-picker-holder .palette-picker{position:relative;max-width:100%;margin:1em 0;background:#27232a;padding:.5em;border-radius:.25em}.palette-picker-holder .palette-picker .draggable-colors.deleting-last{display:inline-block;width:1em;height:2.5em;vertical-align:top}.palette-picker-holder .palette-picker input{border:none;cursor:default;text-align:center;color:#fff;font-size:1em;font-weight:bold;width:7em;padding:1em;cursor:grab;display:inline-block}.palette-picker-holder .palette-picker input.sortable-ghost{outline:solid .25em #4c4550;z-index:1}.palette-picker-holder .palette-picker input.darktext{color:#222}.palette-picker-holder .palette-picker .add-color{background:none;border:none;font-size:1.25em;cursor:pointer;line-height:1;padding:.75em .75em;vertical-align:bottom}.palette-picker-holder .palette-picker .add-color svg{vertical-align:bottom}.palette-picker-holder .palette-picker .add-color svg path{fill:#928a99}.palette-picker-holder .palette-picker .add-color:hover{background:#332f35}.palette-picker-holder .palette-picker .add-color:hover svg path{fill:#c1b8cb}.palette-picker-holder .palette-picker.disabled{cursor:not-allowed}.palette-picker-holder .palette-picker.disabled input{cursor:not-allowed;user-select:none}.palette-picker-holder .palette-picker.disabled .delete-color{display:none}.palette-picker-holder .delete-color{display:flex;position:absolute;bottom:0;right:0;padding:1em 1em .75em;background:#27232a;border-radius:.25em;font-weight:bold;color:#332f35;cursor:default;user-select:none;opacity:0;transition:bottom 200ms,opacity 200ms}.palette-picker-holder .delete-color svg{font-size:1.5em;margin-right:.5em}.palette-picker-holder .delete-color svg path{fill:#332f35}.palette-picker-holder .delete-color.visible{opacity:1;bottom:-3em}.palette-picker-holder .delete-color .delete-dropzone{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.palette-picker-holder .delete-color.current-target{color:#eee;background:#e3474a}.palette-picker-holder .delete-color.current-target svg path{fill:#eee}.palette-picker-holder .delete-color input{opacity:0;height:0;width:0;padding:0}.palette-picker-holder .popup.add-color .content{width:600px;text-align:left}.palette-picker-holder .popup.add-color .file-uploader-holder{font-size:.7em}.palette-picker-holder .popup.add-color .file-uploader-holder .error{bottom:.5em}.palette-picker-holder .popup.add-color .color-preview{display:flex;flex-wrap:wrap;margin:.5em 0}.palette-picker-holder .popup.add-color .color-preview div{width:1em;height:1em}.palette-picker-holder .clear-all{float:right;color:#a198a9;font-size:.8em}.palette-picker-holder .clear-all:hover{color:#eaeaea}.pixelated,.gallery-thumbnail-editor:not(.non-pixel) .thumbnail-preview img{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.file-uploader-holder{position:relative;transition:height 300ms;margin:2em 0;max-height:500px;opacity:1;transition:max-height 800ms,opacity 500ms,margin 500ms}.file-uploader-holder .dropzone{width:100%;border-radius:4px;background:linear-gradient(90deg, #524e53 50%, transparent 50%),linear-gradient(90deg, #524e53 50%, transparent 50%),linear-gradient(0deg, #524e53 50%, transparent 50%),linear-gradient(0deg, #524e53 50%, transparent 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:25px 4px,25px 4px,4px 25px,4px 25px;background-position:0px 0px,75px 100%,0px 75px,100% 0px;display:inline-block;text-align:center;padding:2em 0;position:relative;box-sizing:border-box;transition:opacity 300ms;user-select:none}.file-uploader-holder .dropzone.marching{animation:border-dance 4s infinite linear}@keyframes border-dance{0%{background-position:0px 0px,75px 100%,0px 75px,100% 0px}100%{background-position:75px 0px,0px 100%,0px 0px,100% 75px}}.file-uploader-holder .dropzone .error{width:100%;max-height:0em;opacity:0;margin-top:1em;text-align:center;transform:translateX(0);font-size:1rem;pointer-events:none;transition:max-height 200ms,opacity 200ms}.file-uploader-holder .dropzone .error a{pointer-events:auto}.file-uploader-holder .dropzone .error svg{width:1em;height:1em;top:.125em;position:relative;margin-right:.5em}.file-uploader-holder .dropzone .error svg path{fill:#665f6c}.file-uploader-holder .dropzone .error.visible{opacity:1;max-height:2em}.file-uploader-holder .dropzone ul{margin:0;padding:0;list-style-type:none}.file-uploader-holder .dropzone ul li{display:inline-block;margin:0 2em;vertical-align:top}.file-uploader-holder .dropzone ul li h2{margin:1em 0 1em}.file-uploader-holder .dropzone ul .choosefile button{display:inline-block;padding:13px;border:none;color:#b4abbd;text-decoration:none;border-radius:5px;background:#4c4550;cursor:pointer;font-size:1.1em;padding:.5em 1.5em;margin:.5em}.file-uploader-holder .dropzone ul .choosefile button:hover{background:#5a535e}.file-uploader-holder .dropzone ul .choosefile button svg{height:100%;width:1em;margin-right:.5em;vertical-align:sub}.file-uploader-holder .dropzone ul .choosefile input{display:none}.file-uploader-holder .dropzone ul .dragndrop .image{width:4em;height:4em}.file-uploader-holder .dropzone ul .dragndrop .image path{fill:#665f6c}.file-uploader-holder .dropzone ul .dragndrop .cursor{width:1.5em;height:1.5em;left:-1.5em;top:.5em;margin-right:-1.5em}.file-uploader-holder .dropzone ul .dragndrop .cursor path{fill:#a198a9}.file-uploader-holder .dropzone ul .dragndrop svg{position:relative}.file-uploader-holder .dropzone ul .paste{position:relative}.file-uploader-holder .dropzone ul .paste .key{display:inline-block;width:4em;border:solid 3px #665f6c;border-radius:5px;font-weight:bold;padding:1em .25em;box-sizing:border-box}.file-uploader-holder .dropzone ul .paste svg{width:1.5em;height:1.5em;position:relative;top:.5em}.file-uploader-holder .dropzone ul .paste svg path{fill:#665f6c}.file-uploader-holder .dropzone .activate-text{position:absolute;top:.75em;text-align:center;width:100%;color:#665f6c;visibility:hidden}.file-uploader-holder:not(.active) .dropzone:hover .activate-text{visibility:visible}.file-uploader-holder:not(.active) .dropzone:hover{cursor:pointer}.file-uploader-holder .loading-box{position:absolute;top:0;font-size:1.5em;font-weight:bold;text-align:center;text-transform:uppercase;background:url("https://cdn.lospec.com/static/images/loading.gif") no-repeat center bottom;min-height:9em;opacity:0;pointer-events:none;width:100%;transition:opacity 300ms}.file-uploader-holder.loading .dropzone>*{opacity:0;pointer-events:none}.file-uploader-holder.loading .loading-box{opacity:1}.file-uploader-holder .drop-indicator{display:none;transition:opacity 300ms;opacity:0;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(39,35,42,.9);z-index:10000}.file-uploader-holder .drop-indicator:after{position:fixed;top:0;right:0;bottom:0;left:0;content:"Drop file anywhere to upload...";pointer-events:none;font-size:3em;font-weight:bold;text-align:center;vertical-align:middle;line-height:100vh}.file-uploader-holder.small{font-size:.7em}.file-uploader-holder .accepted-filetypes{color:#665f6c;padding:.5em 0;text-align:center}.file-uploader-holder .firefox-warning{width:100%;max-height:0em;opacity:0;margin-top:1em;text-align:center;transform:translateX(0);pointer-events:none;transition:max-height 200ms,opacity 200ms}.file-uploader-holder .firefox-warning a{pointer-events:auto}.file-uploader-holder .firefox-warning svg{width:1em;height:1em;top:.125em;position:relative;margin-right:.5em}.file-uploader-holder .firefox-warning svg path{fill:#665f6c}.file-uploader-holder .firefox-warning.visible{opacity:1;max-height:3em}.file-uploader-holder .input-hider{max-height:500px;transition:max-height 800ms,opacity 500ms;overflow:hidden;opacity:1}.file-uploader-holder .input-hider.hidden{max-height:0px;opacity:0;overflow:hidden}.file-uploader-holder.hidden{max-height:0px;opacity:0;margin:0em;overflow:hidden}.file-uploader-holder.disabled{cursor:not-allowed;user-select:none}.file-uploader-holder.disabled .input-hider{max-height:0px;opacity:0;overflow:hidden}.file-uploader-holder.disabled .uploaded-files .uploaded-file .x,.file-uploader-holder.disabled .uploaded-files .uploaded-file:hover .x,.file-uploader-holder.disabled .uploaded-files .uploaded-file .info{display:none}.file-uploader-holder:not(.active) .dropzone ul .paste,.file-uploader-holder:not(.active) .dropzone ul .dragndrop{opacity:.5}.file-uploader-holder:not(.active) .dropzone ul .paste h2,.file-uploader-holder:not(.active) .dropzone ul .dragndrop h2{text-decoration:line-through;text-decoration-thickness:.2em}.file-uploader-holder .uploaded-files{font-size:1rem;display:flex;flex-wrap:wrap;margin:1em 0}.file-uploader-holder .uploaded-files .uploaded-file{width:128px;height:128px;background-position:center;background-color:#27232a;background-size:cover;border-radius:.5em;border:solid 4px #665f6c;box-shadow:inset 0 0px 0 1px rgba(0,0,0,.2);position:relative;overflow:hidden;margin-right:.75em;margin-bottom:.75em}.file-uploader-holder .uploaded-files .uploaded-file .x{display:none;position:absolute;top:0;right:0;padding:.25em .5em;background-color:#665f6c;border-bottom-left-radius:.5em}.file-uploader-holder .uploaded-files .uploaded-file .x:hover{background-color:#d9d4de}.file-uploader-holder .uploaded-files .uploaded-file .x:hover svg path{fill:#fff}.file-uploader-holder .uploaded-files .uploaded-file:hover .x{display:block}.file-uploader-holder .uploaded-files .uploaded-file .info{position:absolute;bottom:0;left:0;right:0;padding:.25em;text-align:right;text-shadow:-1px -1px 1px #000;background:rgba(0,0,0,.3);color:#fff;font-size:.8em}.file-uploader-holder .uploaded-files .uploaded-file:hover .info{background:#665f6c;text-shadow:none}.file-uploader-holder:not(.disabled) .uploaded-files .uploaded-file .x{cursor:pointer}.file-uploader-holder .uploaded-file.template{display:none}@media(pointer: coarse){.file-uploader-holder .dropzone ul .dragndrop,.file-uploader-holder .dropzone ul .paste{display:none}}.gallery-thumbnail-editor{margin-top:1em}.gallery-thumbnail-editor:not(.editable) .scale{display:none}.gallery-thumbnail-editor:not(.editable) .thumbnail-preview{display:flex;cursor:not-allowed}.gallery-thumbnail-editor:not(.editable) .thumbnail-preview img{display:none}.gallery-thumbnail-editor:not(.editable) .thumbnail-preview::before{content:"Select a display type and upload an image to pick a thumbnail.";margin:auto;padding:1em;font-style:italic;text-align:center;font-weight:bold;color:#453e48}.gallery-thumbnail-editor.disable-scaling .scale{display:none}.gallery-thumbnail-editor .columns{display:flex;align-items:flex-start}.gallery-thumbnail-editor .thumbnail-preview{width:256px;height:256px;border:solid 1em #27232a;position:relative;overflow:hidden;margin-right:1em;cursor:all-scroll;background-color:#1e1c1f}.gallery-thumbnail-editor .thumbnail-preview img{position:absolute}.gallery-thumbnail-editor .scale{display:flex;flex-direction:column;justify-content:flex-start}.gallery-thumbnail-editor .scale h3{margin-top:0 !important}.gallery-thumbnail-editor .scale .scale-amount{font-size:1.25em;width:2.5rem;height:2rem;padding:1rem;text-align:center}.gallery-thumbnail-editor .scale .increase-scale,.gallery-thumbnail-editor .scale .decrease-scale{padding:1em;border-radius:.25em;margin:.5em 0}.gallery-thumbnail-editor .scale .increase-scale svg,.gallery-thumbnail-editor .scale .decrease-scale svg{width:1.25em;height:1.25em;margin-right:0}h1.parent-below{margin-bottom:0}.parent-line{margin-bottom:1.5em}#submission-form{max-width:600px}#submission-form h3{position:relative;margin-top:2em}#submission-form h3::before{content:"";width:0%;border-bottom:solid .25em #e3474a;bottom:-0.5em;position:absolute;left:0}#submission-form h3.highlighted::before{width:100%;padding-right:2em;left:-2em;transition:width 1000ms}#submission-form h3.highlighted::after{content:"";position:absolute;left:-2em;bottom:-1.75em;width:0;height:.25em;border-left:1em solid rgba(0,0,0,0);border-right:1em solid rgba(0,0,0,0);border-top:1em solid #e3474a}#submission-form input[type=text]{flex:1 1 80%}.form-footer{border-top:solid #27232a .25em;padding-top:1em;margin-top:3em}#submit .spinner{display:none}#submit .spinner circle{stroke:#b4abbd}#submit.loading .spinner{display:inline-block}#submit.loading svg{display:none}.form-error{display:inline-block;opacity:0;padding-left:1em;user-select:none}.form-error svg{top:.125em;margin-right:.5em;position:relative}.form-error svg path{fill:#665f6c}.form-error.visible{opacity:1;animation:errorshake 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.not-logged-in{background:#4c4550;padding:1em;font-size:1.1em;text-align:center}.not-logged-in svg path{fill:#b4abbd}ol.rules{counter-reset:list;list-style:none;position:relative;padding-left:2em;margin-bottom:3em;margin-right:3em}ol.rules h3{margin:2em 0 0 0;position:relative}ol.rules h3::before{font-size:2rem;font-weight:bold;color:#a198a9;counter-increment:list;content:counter(list);width:1em;position:absolute;left:-2em;top:-0.125em;padding:0 .5em;text-align:right}ol.rules p{margin:0}
/*# sourceMappingURL=../../maps/submit/css/submission-form.css.map */