.ai-transfer{display:grid;gap:2rem;grid-template-columns:1fr;margin-top:2rem}.desktop .ai-transfer{grid-template-columns:340px 1fr;margin-top:0}.ai-transfer__generate-option{gap:1rem}.ai-transfer__upload-wrapper{position:relative}.ai-transfer__upload-image,.ai-transfer__change-image{position:relative;display:flex;justify-content:center;align-items:center;height:168px;width:100%;border:1px dashed var(--border-color);border-radius:var(--border-radius-medium);font-weight:500;cursor:pointer}.ai-transfer__upload-image:hover,.ai-transfer__change-image:hover{background-color:#eef8f3}.ai-transfer__upload-image{flex-direction:column}.ai-transfer__upload-image img{width:40px}.ai-transfer__upload-image--required{border:1px dashed var(--color-secondary)}.desktop .ai-transfer__change-image:hover .change-image{display:block;z-index:1000;width:100%;height:168px;top:-1px;border-radius:var(--border-radius-medium);display:flex;justify-content:center;align-items:center;background:rgba(43,43,43,.3);backdrop-filter:blur(10px);cursor:default}.ai-transfer .change-image{display:none}.ai-transfer__styles{display:flex;flex-wrap:nowrap;width:calc(100vw - 28px);gap:1rem;overflow-x:auto}.mobile .ai-transfer__styles{-ms-overflow-style:none;scrollbar-width:none}.mobile .ai-transfer__styles::-webkit-scrollbar{display:none}.desktop .ai-transfer__styles{width:340px;height:305px;flex-wrap:wrap}.desktop .ai-transfer__styles::-webkit-scrollbar-track{background-color:var(--background-color)}.desktop .ai-transfer__styles::-webkit-scrollbar{width:5px}.desktop .ai-transfer__styles::-webkit-scrollbar-thumb{background-color:#b4b4b4;border-radius:1rem}.ai-transfer__thumbnail{cursor:pointer;position:relative;border-radius:var(--border-radius-medium);border:1px solid #fff;width:100px}.ai-transfer__thumbnail img{border-radius:var(--border-radius-medium);width:100px;height:100px;object-fit:cover;transform:scale(1);transition:transform .5s ease}.ai-transfer__thumbnail--active{border:1px solid var(--color-primary)}.ai-transfer__thumbnail--active img{transform:scale(.95)}.ai-transfer__thumbnail-name{position:absolute;display:flex;justify-content:space-around;align-items:center;width:100%;height:35px;bottom:0;background:rgba(43,43,43,.3);backdrop-filter:blur(10px);font-size:12px;font-weight:400;color:#fff;border-radius:0 0 var(--border-radius-medium) var(--border-radius-medium);z-index:var(--base-z-index)}.ai-transfer__image-wrapper{display:grid;align-items:center;justify-content:center}.ai-transfer__image-generated{position:relative}.ai-transfer__image-generated img{max-width:600px;max-height:600px;width:100%;height:100%;object-fit:contain}.ai-transfer__image-generated .download-icon{position:absolute;top:8px;right:8px;height:36px;width:36px;display:flex;align-items:center;border-radius:4px;justify-content:center;background:rgba(43,43,43,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.ai-transfer__image-generated .download-icon:hover{background:rgba(17,17,17,.5)}.ai-transfer .file-upload__image{width:335px;height:168px;object-fit:contain;position:absolute;z-index:1000}.ai-transfer .remove-image-icon{position:absolute;top:4px;right:4px;width:20px;z-index:2000}.ai-transfer .change-image-button{height:40px;padding:0 1rem;background:#fff;color:#414141;border-radius:4px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.ai-transfer .change-image-button:hover{color:#000}.ai-transfer .error-message{color:var(--color-secondary)}.ai-transfer .required-image-message{color:var(--color-secondary);position:absolute}.ai-transfer .sib-file-select-input{opacity:0}
