.swop-image-upload{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;padding:12px;border:1px dashed #CFC4B2;border-radius:12px;background:#FFFCF6;transition:border-color .18s,background .18s,box-shadow .18s}
.swop-image-upload.is-dragover{border-color:var(--swop-gold-action,#C39F49);background:#FFF6DB;box-shadow:0 0 0 3px rgba(195,159,73,.13)}
.swop-image-upload__input{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.swop-image-upload__button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 13px;border:1px solid #C9AE6C;border-radius:10px;background:#F7EACA;color:#4E3B16;font:inherit;font-size:.82rem;font-weight:750;cursor:pointer;justify-self:start}
.swop-image-upload__button:hover,.swop-image-upload__button:focus-visible{background:#EEDCAC;outline:2px solid rgba(195,159,73,.25);outline-offset:2px}
.swop-image-upload__details{display:grid;gap:3px;min-width:0}
.swop-image-upload__filename{overflow:hidden;color:#5F584E;font-size:.76rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.swop-image-upload__filename:empty{display:none}
.swop-image-upload__drop{color:#807568;font-size:.7rem}
.swop-image-upload__preview{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;margin-top:2px}
.swop-image-upload__preview[hidden]{display:none}
.swop-image-upload__preview img{display:block;width:92px;height:92px;border:1px solid #DDD3C2;border-radius:10px;background:#fff;object-fit:cover}
.swop-image-upload__remove{min-height:36px;padding:7px 10px;border:1px solid #D8D1C6;border-radius:9px;background:#fff;color:#665E54;font:inherit;font-size:.74rem;font-weight:700;cursor:pointer}
.footer-brand>a{display:inline-flex;text-decoration:none}.footer-brand .brand-wordmark--footer{font-size:1.82rem}.footer-brand .brand-wordmark--footer+.logo-img{display:none}
@media (hover:none),(pointer:coarse){.swop-image-upload__drop{display:none}}
@media (max-width:560px){.swop-image-upload{grid-template-columns:1fr;padding:10px}.swop-image-upload__button{width:100%}.swop-image-upload__preview{grid-column:1}}