.image-converter .container:has(.optin-widht){--cv-ink:#14161c;--cv-soft:#5b6270;--cv-line:#e3e6ed;--cv-canvas:#f7f8fb;--cv-accent:#4b48d6;--cv-accent-ink:#3a37b8;--cv-accent-bg:#eeeefc;--cv-danger:#c0392f;border:1px solid var(--cv-line);box-sizing:border-box;background:#fff;border-radius:20px;max-width:760px;margin:40px auto;padding:32px;box-shadow:0 1px 2px #14161c0d,0 12px 32px -18px #14161c47}.image-converter .container:has(.optin-widht) *,.image-converter .container:has(.optin-widht) :before{box-sizing:border-box}.image-converter .optin-widht,.image-converter .bg-widht,.image-converter .forflex,.image-converter .file-list{--cv-ink:#14161c;--cv-soft:#5b6270;--cv-line:#e3e6ed;--cv-canvas:#f7f8fb;--cv-accent:#4b48d6;--cv-accent-ink:#3a37b8;--cv-accent-bg:#eeeefc;--cv-danger:#c0392f;box-sizing:border-box}.image-converter .optin-widht{gap:56px;margin-bottom:28px;display:flex}.image-converter .optin-widht>div{flex:1 1 0;min-width:0;position:relative}.image-converter .optin-widht>div+div:before{content:"";background:var(--cv-soft);opacity:.55;width:20px;height:20px;position:absolute;bottom:15px;left:-38px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13.3 5.3a1 1 0 0 1 1.4 0l6 6a1 1 0 0 1 0 1.4l-6 6a1 1 0 0 1-1.4-1.4l4.29-4.3H4a1 1 0 1 1 0-2h13.59l-4.3-4.3a1 1 0 0 1 0-1.4Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13.3 5.3a1 1 0 0 1 1.4 0l6 6a1 1 0 0 1 0 1.4l-6 6a1 1 0 0 1-1.4-1.4l4.29-4.3H4a1 1 0 1 1 0-2h13.59l-4.3-4.3a1 1 0 0 1 0-1.4Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.image-converter .optin-widht p.Convert-form{letter-spacing:.08em;text-transform:uppercase;color:var(--cv-soft);margin:0 0 8px;font-size:12px;font-weight:600;line-height:1.4}.image-converter .choosepng select,.image-converter .convert-options select{-webkit-appearance:none;appearance:none;width:100%;max-width:none;height:50px;color:var(--cv-ink);border:1px solid var(--cv-line);cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%235b6270' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:18px;border-radius:10px;margin:0;padding:0 40px 0 16px;font-size:15px;font-weight:600;line-height:1.2;transition:border-color .15s;display:block}.image-converter .choosepng select:hover,.image-converter .convert-options select:hover{border-color:#c9cede}.image-converter .choosepng select:focus-visible,.image-converter .convert-options select:focus-visible{outline:2px solid var(--cv-accent);outline-offset:2px}.image-converter .bg-widht{text-align:center;background:var(--cv-canvas);border:1.5px dashed #c7cddd;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px 24px;transition:border-color .18s,background-color .18s;display:flex}.image-converter .bg-widht:hover,.image-converter .bg-widht.dragover{border-color:var(--cv-accent);background:var(--cv-accent-bg)}.image-converter .bg-widht .file-input-container{margin:0}.image-converter .bg-widht label.file-input{color:#fff;background:var(--cv-accent);cursor:pointer;border-radius:10px;align-items:center;gap:10px;height:48px;padding:0 24px;font-size:15px;font-weight:600;line-height:1;transition:background-color .15s,transform .12s;display:inline-flex}.image-converter .bg-widht label.file-input:hover{background:var(--cv-accent-ink)}.image-converter .bg-widht label.file-input:active{transform:translateY(1px)}.image-converter .bg-widht .majesticons--image-plus-line{background:currentColor;flex:none;width:20px;height:20px;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M14 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-9M3 16l4.5-4.5a2 2 0 0 1 2.8 0L15 16m-2 5 3.5-3.5a2 2 0 0 1 2.8 0L21 19M18 3v6m3-3h-6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M14 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-9M3 16l4.5-4.5a2 2 0 0 1 2.8 0L15 16m-2 5 3.5-3.5a2 2 0 0 1 2.8 0L21 19M18 3v6m3-3h-6'/%3E%3C/svg%3E") 50%/contain no-repeat}.image-converter .bg-widht .color-change p{color:var(--cv-soft);margin:0;font-size:14px;line-height:1.5}.image-converter .forflex{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.image-converter .forflex .clear-button,.image-converter .forflex .convert-button{cursor:pointer;text-transform:none;border:1px solid #0000;border-radius:10px;height:46px;padding:0 26px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;transition:background-color .15s,border-color .15s,color .15s,transform .12s}.image-converter .forflex .clear-button:active,.image-converter .forflex .convert-button:active{transform:translateY(1px)}.image-converter .forflex .clear-button{color:var(--cv-soft);border-color:var(--cv-line);background:#fff}.image-converter .forflex .clear-button:hover{color:var(--cv-danger);background:#fdf5f4;border-color:#f0c8c4}.image-converter .forflex .convert-button{color:#fff;background:var(--cv-accent);min-width:150px}.image-converter .forflex .convert-button:hover{background:var(--cv-accent-ink)}.image-converter .forflex .clear-button:disabled,.image-converter .forflex .convert-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.image-converter .forflex .clear-button:focus-visible,.image-converter .forflex .convert-button:focus-visible{outline:2px solid var(--cv-accent);outline-offset:2px}.image-converter .file-list{flex-direction:column;gap:10px;display:flex}.image-converter .file-list>:first-child{margin-top:28px;padding-top:12px}.image-converter .file-list>*{color:var(--cv-ink);background:var(--cv-canvas);border:1px solid var(--cv-line);word-break:break-word;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;font-size:14px;display:flex}.image-converter .file-list img{object-fit:cover;border-radius:6px;flex:none;width:40px;height:40px}.image-converter .file-list a{color:var(--cv-accent);flex:none;font-weight:600;text-decoration:none}.image-converter .file-list a:hover{text-decoration:underline}@media (width<=600px){.image-converter .container:has(.optin-widht){border-radius:16px;margin:20px 16px;padding:22px}.image-converter .optin-widht{flex-direction:column;gap:40px}.image-converter .optin-widht>div+div:before{top:-30px;bottom:auto;left:50%;transform:translate(-50%)rotate(90deg)}.image-converter .bg-widht{padding:36px 16px}.image-converter .forflex{flex-direction:column-reverse}.image-converter .forflex>div,.image-converter .forflex .clear-button,.image-converter .forflex .convert-button{width:100%}}@media (prefers-reduced-motion:reduce){.image-converter .choosepng select,.image-converter .convert-options select,.image-converter .bg-widht,.image-converter .bg-widht label.file-input,.image-converter .forflex .clear-button,.image-converter .forflex .convert-button{transition:none}}.image-converter .cv-status:empty{display:none}.image-converter .cv-status{color:var(--cv-danger,#c0392f);margin:16px 0 0;font-size:14px;line-height:1.5}