.create-ad-field-wrap{text-align:center;flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.create-ad-field-wrap .input{width:100%;max-width:20rem;min-height:2.75rem;font-family:var(--font-ploni), system-ui, sans-serif;box-sizing:border-box;background-color:#f3f3f3;border:2px solid #0000;border-radius:12px;outline:none;padding-inline:.9rem;font-size:1rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.create-ad-field-wrap .input:hover,.create-ad-field-wrap .input:focus{background-color:#fff;border:2px solid #4a9dec;box-shadow:0 0 0 6px #4a9dec2e}.create-ad-step-button{color:#fff;background:#18181b;border:1px solid #18181b;border-radius:12px;width:100%;max-width:20rem;min-height:44px;padding:.65rem 1rem;font-weight:600;transition:all .2s}.create-ad-step-button:hover:not(:disabled){background:#27272a}.create-ad-step-button:disabled{opacity:.45;cursor:not-allowed}.create-ad-step-button--secondary{color:#27272a;background:#fff;border-color:#d4d4d8}.create-ad-step-button--secondary:hover:not(:disabled){background:#f4f4f5}.create-ad-step-cta{cursor:pointer;box-sizing:border-box;min-height:44px;font-family:var(--font-ploni), system-ui, sans-serif;background:0 0;border:none;justify-content:center;align-items:center;margin-inline:auto;padding:12px 18px;transition:all .2s;display:inline-flex;position:relative}.create-ad-step-cta:before{content:"";z-index:0;border-radius:50px;width:45px;height:45px;transition:all .3s;display:block;position:absolute;top:50%;translate:0 -50%}.create-ad-step-cta--forward:before{inset-inline-start:0}.create-ad-step-cta--back:before{inset-inline-end:0}.create-ad-step-cta:hover:not(:disabled):before{width:100%}.create-ad-step-cta:active:not(:disabled){transform:scale(.95)}.create-ad-step-cta:disabled{opacity:.42;cursor:not-allowed}.create-ad-step-cta .cta-label{z-index:1;letter-spacing:.05em;font-size:1rem;font-weight:700;position:relative}.create-ad-step-cta .cta-icon{z-index:1;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex-shrink:0;margin-inline-start:10px;transition:transform .3s;position:relative}.create-ad-step-cta--forward[data-dir=ltr] .cta-icon{transform:translate(-5px)}.create-ad-step-cta--forward[data-dir=ltr]:hover:not(:disabled) .cta-icon{transform:translate(0)}.create-ad-step-cta--forward[data-dir=rtl] .cta-icon{transform:translate(5px)scaleX(-1)}.create-ad-step-cta--forward[data-dir=rtl]:hover:not(:disabled) .cta-icon{transform:translate(0)scaleX(-1)}.create-ad-step-cta--back[data-dir=ltr] .cta-icon{transform:translate(5px)scaleX(-1)}.create-ad-step-cta--back[data-dir=ltr]:hover:not(:disabled) .cta-icon{transform:translate(0)scaleX(-1)}.create-ad-step-cta--back[data-dir=rtl] .cta-icon{transform:translate(-5px)}.create-ad-step-cta--back[data-dir=rtl]:hover:not(:disabled) .cta-icon{transform:translate(0)}.create-ad-step-cta--forward:before{background:#b1dae7}.create-ad-step-cta--forward:hover:not(:disabled):before{background:#8ec9db}.create-ad-step-cta--forward .cta-label{color:#234567}.create-ad-step-cta--forward .cta-icon{stroke:#234567}.create-ad-step-cta--back:before{background:#e9d5ff}.create-ad-step-cta--back:hover:not(:disabled):before{background:#ddd6fe}.create-ad-step-cta--back .cta-label{color:#5b21b6}.create-ad-step-cta--back .cta-icon{stroke:#5b21b6}
.ad-photo-uploader-wrap .file-upload-form{justify-content:center;align-items:center;width:100%;display:flex}.ad-photo-uploader-wrap .file-upload-label input,.ad-photo-uploader-wrap .file-input{display:none}.ad-photo-uploader-wrap .file-upload-label svg{fill:#525252;height:50px;margin-bottom:20px}.ad-photo-uploader-wrap .file-upload-label{cursor:pointer;background-color:#ddd;border:2px dashed #525252;border-radius:20px;width:100%;padding:24px 22px;box-shadow:0 0 120px -70px #000000b7}.ad-photo-uploader-wrap .file-upload-design{flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.ad-photo-uploader-wrap .browse-button{color:#fff;background-color:#525252;border-radius:10px;padding:5px 15px;transition:all .3s}.ad-photo-uploader-wrap .browse-button:hover{background-color:#0e0e0e}.ad-photo-uploader-wrap .container{flex-direction:column;gap:16px;width:100%;padding:0;display:flex}.ad-photo-uploader-wrap .drop-area{background-color:#1a1a1a;border:2px dashed #444;border-radius:12px;flex-direction:column;justify-content:center;min-height:200px;padding:16px;display:flex;position:relative;overflow:hidden}.ad-photo-uploader-wrap .file-section{flex-direction:column;gap:12px;width:100%;display:flex}.ad-photo-uploader-wrap .file-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.ad-photo-uploader-wrap .file-title{color:#ccc;font-size:14px;font-weight:500}.ad-photo-uploader-wrap .add-button{color:#ccc;cursor:pointer;background-color:#0000;border:1px solid #555;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:inline-flex}.ad-photo-uploader-wrap .add-button:disabled{opacity:.45;cursor:not-allowed}.ad-photo-uploader-wrap .add-button:hover:not(:disabled){background-color:#2a2a2a}.ad-photo-uploader-wrap .icon{opacity:.8;width:18px;height:18px}.ad-photo-uploader-wrap .file-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;display:grid}.ad-photo-uploader-wrap .file-box{background-color:#2a2a2a;border-radius:8px;width:100px;height:100px;position:relative}.ad-photo-uploader-wrap .preview-box{object-fit:cover;border-radius:inherit;background-color:#444;width:100%;height:100%}.ad-photo-uploader-wrap .remove-button{color:#000;cursor:pointer;background-color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:-8px;right:-8px}.ad-photo-uploader-wrap .remove-button .icon{opacity:1;width:14px;height:14px}.ad-photo-uploader-wrap .move-controls{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:4px;left:4px}.ad-photo-uploader-wrap .move-button{color:#111;cursor:pointer;background:#ffffffeb;border:none;border-radius:6px;width:22px;height:22px;font-size:12px;line-height:1}.ad-photo-uploader-wrap .move-button:disabled{opacity:.45;cursor:not-allowed}