#dropArea .mobile-hide { }@media (max-width: 600px) {#dropArea .mobile-hide { display: none !important; }#dropArea .mobile-show { display: block !important; }#dropArea span.mobile-show, #dropArea a.mobile-show { display: inline-block !important; }}#dropArea .upload-methods-heading, #dropArea #upload-guide, #dropArea .action-bar, #dropArea ul.submit-images > li {background: rgba(18, 20, 23, .78);-webkit-backdrop-filter: blur(14px) saturate(140%);backdrop-filter: blur(14px) saturate(140%);border: 1px solid rgba(255, 255, 255, .07);}#dropArea a.btn, #dropArea a.button, #dropArea span.btn { display: inline-block; padding: .375rem .75rem; font-size: .9rem; border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); color: var(--bs-body-color); text-decoration: none; background: var(--bs-secondary-bg); cursor: pointer; }#dropArea a.btn.green, #dropArea span.btn.green { background: var(--bs-success); border-color: var(--bs-success); color: var(--bs-white); }#dropArea a.btn.blue, #dropArea a.btn.fb-blue, #dropArea a.button.c1 { background: var(--bs-primary); border-color: var(--bs-primary); color: var(--bs-white); }#dropArea a.btn.gray { background: var(--bs-secondary); border-color: var(--bs-secondary); color: var(--bs-white); }#dropArea a.btn:hover, #dropArea a.button:hover, #dropArea span.btn:hover { filter: brightness(1.1); }#dropArea a.btn:focus-visible, #dropArea a.button:focus-visible, #dropArea span.btn:focus-visible { outline: 2px solid var(--bs-primary); outline-offset: 2px; }#dropArea a.button.c3, #dropArea span.btn.c3 { background: var(--bs-success); border-color: var(--bs-success); color: var(--bs-white); font-weight: 600; }#dropArea a.button.block { display: block; text-align: center; }#dropArea ul.submit-images a.button.canvas-purchase { margin-bottom: .65rem; }#dropArea a.button.cta { font-size: 1.1rem; padding: .6rem 1.25rem; }#dropArea a.button.cta small.credits { display: block; font-size: .75rem; font-weight: normal; }#dropArea .warning-message { color: var(--bs-danger); }#dropArea .upload-methods-heading { display: flex; flex-wrap: wrap; gap: .75rem 1rem; align-items: center; margin-bottom: 1rem; border-radius: var(--bs-border-radius); padding: .5rem .85rem; }#dropArea .upload-methods-heading h3 { font-size: 1rem; margin: 0; }#dropArea .upload-methods-heading h4 { order: 9; margin-left: auto; margin-bottom: 0; font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--bs-secondary-color); }#dropArea .upload-methods-heading h4 .creditCount { font-family: Oswald, sans-serif; font-size: 1.1rem; letter-spacing: 0; color: var(--bs-body-color); margin-left: .3rem; vertical-align: -1px; }#dropArea ul.upload-methods-selection { list-style: none; display: flex; gap: .5rem; margin: 0; padding: 0; }#dropArea ul.upload-methods { list-style: none; margin: 0; padding: 0; }#dropArea #uploader { border: 2px dashed rgba(255, 255, 255, .18); border-radius: .75rem; background: rgba(18, 20, 23, .6); padding: 3rem 1rem; text-align: center; margin-bottom: 1.25rem; transition: border-color .2s ease; }#dropArea #uploader:hover { border-color: rgba(255, 255, 255, .35); }#dropArea #uploader-message p, #dropArea #or-uploader-message p { margin: 0 0 .5rem; color: var(--bs-secondary-color); }#dropArea .action-bar { border-radius: var(--bs-border-radius); padding: .5rem .75rem; margin-bottom: 1rem; }#dropArea .action-bar fieldset { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }#dropArea .action-bar select, #dropArea .action-bar input[type=button] { display: inline-block; width: auto; background: var(--bs-body-bg); color: var(--bs-body-color); border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius-sm); padding: .25rem .5rem; }#dropArea .action-bar #TOGGLE_CHECK_ALL { margin-left: auto; float: none !important; }#dropArea ul.submit-images { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1rem; }#dropArea ul.submit-images > li { border-radius: .65rem; padding: .75rem; }#dropArea ul.submit-images > li.errors { border: 2px dashed var(--bs-danger); }#dropArea ul.submit-images .img-wrap { width: 100%; margin-bottom: .5rem; }#dropArea ul.submit-images .img-wrap img { max-width: 100%; height: auto; border-radius: var(--bs-border-radius-sm); }#dropArea ul.submit-images p.up-img-title { overflow-x: hidden; }#dropArea ul.submit-images select, #dropArea ul.submit-images input[type=text], #dropArea ul.submit-images textarea, #dropArea ul.submit-images input[type=number] {display: block; width: 100%; margin-bottom: .5rem; background: var(--bs-body-bg); color: var(--bs-body-color);border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius-sm); padding: .375rem .5rem; font-size: .9rem;}#dropArea ul.submit-images label { display: block; margin-bottom: .25rem; font-size: .9rem; }#dropArea ul.submit-images label input[type=checkbox], #dropArea ul.submit-images label input[type=radio] { margin-right: .35rem; }#dropArea ul.submit-images .label-title { font-size: .85rem; color: var(--bs-secondary-color); }#dropArea ul.submit-images h3.section-head, #dropArea ul.submit-images .section-subhead {font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em;color: var(--bs-secondary-color); margin: .65rem 0 .3rem;}#dropArea ul.submit-images h3.section-head .sub, #dropArea ul.submit-images .section-subhead .sub {text-transform: none; letter-spacing: normal; font-weight: 400; font-size: .75rem; margin-left: .35rem;}#dropArea ul.submit-images .model-count { font-size: .8rem; margin-bottom: .5rem; }#dropArea ul.submit-images .model-count input[type=number] {display: inline-block; width: 3.25rem; margin: 0 .2rem; padding: .15rem .3rem; text-align: center;}#dropArea ul.submit-images .release-info { list-style: none; margin: 0; padding: 0; }#dropArea ul.submit-images .ac-delete { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; border-top: 1px solid var(--bs-border-color); padding-top: .5rem; margin-top: .5rem; }#dropArea ul.submit-images .ac-delete label { margin: 0; }#dropArea ul.submit-images .ac-delete .deleteImage { margin-left: auto; color: var(--bs-danger); float: none !important; }#dropArea ul.submit-images label.error { color: var(--bs-danger); font-size: .8rem; }#dropArea ul.submit-images .form-message { color: var(--bs-secondary-color); font-size: .75rem; }#dropArea ul.submit-images .tagit { background: var(--bs-body-bg); border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius-sm); padding: .25rem; margin-bottom: .5rem; list-style: none; }#dropArea ul.submit-images .tagit li.tagit-choice { display: inline-block; background: var(--bs-secondary-bg); border-radius: var(--bs-border-radius-sm); padding: .15rem 1.4rem .15rem .5rem; margin: .1rem; position: relative; }#dropArea ul.submit-images .tagit li.tagit-new { display: inline-block; }#dropArea ul.submit-images .tagit input { border: 0; margin: 0; padding: .1rem; width: auto; display: inline-block; background: transparent; color: var(--bs-body-color); }#dropArea ul.submit-images .tagit a.tagit-close { position: absolute; right: .4rem; top: 50%; transform: translateY(-50%); line-height: 1; text-decoration: none; color: var(--bs-secondary-color); cursor: pointer; }#dropArea ul.submit-images .tagit a.tagit-close:hover { color: var(--bs-body-color); }#dropArea ul.submit-images .tagit .ui-icon { display: none; }#dropArea input.tagit-hidden-field { display: none !important; }#dropArea .cta-main { margin: 1rem 0; }#dropArea .cta-main p { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin: 0; }#dropArea .cta-main span.fade { opacity: 1; transition: none; color: var(--bs-secondary-color); }#dropArea .cta-main .left-5 { margin-left: 5px; }#dropArea .error-msg { border: 1px dotted var(--bs-border-color); border-radius: var(--bs-border-radius); background: var(--bs-tertiary-bg); padding: .6rem .85rem; margin: .75rem 0; }#dropArea .error-msg ul { list-style: none; margin: 0; padding: 0; font-size: .8rem; color: var(--bs-secondary-color); }#dropArea .error-msg ul li + li { margin-top: .35rem; }#dropArea small.credits span.count { font-weight: 700; }[data-bs-theme="light"] #dropArea .upload-methods-heading,[data-bs-theme="light"] #dropArea #upload-guide,[data-bs-theme="light"] #dropArea .action-bar,[data-bs-theme="light"] #dropArea ul.submit-images > li {background: var(--bs-body-bg);border-color: var(--bs-border-color);}[data-bs-theme="light"] #dropArea #uploader {background: var(--bs-body-bg);border-color: var(--bs-border-color);}[data-bs-theme="light"] #dropArea #uploader:hover { border-color: var(--bs-secondary-color); }#dropArea ul.cloud-images { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 1rem; }#dropArea .facebook-albums-nav ul { list-style: none; margin: 0 0 1rem; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }