:root{--gutter: 16px;--container-width: calc(100% - (var(--gutter) * 2));--header-top-height: 96px;--header-left-width: 280px}.bgremover{display:flex;flex-wrap:wrap;gap:32px;padding-bottom:8px}.bgremover>div{flex:0 0 100%;display:flex;flex-wrap:wrap}.bgremover>div h4{font-size:14px;font-family:Inter;font-style:normal;font-weight:600;line-height:150%;color:#000;width:100%;margin-bottom:24px}.bgremover>div .upload{position:relative;display:flex;flex-wrap:wrap;width:100%;padding:1rem;align-content:flex-start;gap:14px;cursor:pointer;min-height:400px}@media(min-width:1536px){.bgremover>div .upload{min-height:500px}}.bgremover>div .upload span{color:#000;font-size:16px;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:400;line-height:150%;color:#333;width:100%}.bgremover>div .upload span.or{color:#666}.bgremover>div .upload .ist-icon{color:#333}.bgremover>div .upload.is-dragover{outline:2px dashed #000;background:#0000000d}.bgremover>div .upload .upload-close{position:absolute;top:-20px;right:0;z-index:9;cursor:pointer}.bgremover>div.bgremover__items .upload{align-content:center;text-align:center;min-height:250px!important;border:2px dashed #808080}.bgremover>div.bgremover__result .upload{box-shadow:0 12px 40px #0000001f}.bgremover__header{width:100%;display:flex;justify-content:space-between;align-items:center;z-index:999}.bgremover__header .progress{font-size:14px;font-family:Inter;font-style:normal;font-weight:600;line-height:150%;color:#000}.bgremover__header .batch-actions{display:flex;gap:12px}.bgremover__header .batch-actions button[disabled]{opacity:.4;cursor:not-allowed}.bgremover__header .batch-actions .action{display:flex;flex-wrap:wrap;position:relative}.bgremover__header .batch-actions .action .btnist-white{border:2px solid #999999;height:52px}.bgremover__header .batch-actions .action .btnist-white:hover,.bgremover__header .batch-actions .action .btnist-white.active{background:#e6e6e6}.bgremover__header .batch-actions .action .action-wrapper{max-height:600px;min-height:300px;overflow-y:auto;background:#f2f2f2;z-index:999;padding:12px 16px;position:absolute;top:60px;left:0}.bgremover__header .batch-actions .action .action-wrapper.size,.bgremover__header .batch-actions .action .action-wrapper.background{min-width:360px;max-width:360px;width:360px}.bgremover__header .batch-actions .action .action-wrapper.shadow{min-width:200px;max-width:200px;width:200px}.bgremover__header .batch-actions .action .action-wrapper .labels{display:flex;flex-wrap:wrap;width:100%}.bgremover__header .batch-actions .action .action-wrapper ul{flex:1 1 auto;list-style-type:none}.bgremover__header .batch-actions .action .action-wrapper ul li{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:12px 6px;border-bottom:1px solid #B3B3B3;color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;cursor:pointer}.bgremover__header .batch-actions .action .action-wrapper ul li:hover,.bgremover__header .batch-actions .action .action-wrapper ul li.active{background:#fff}.bgremover__header .batch-actions .action .action-wrapper ul li span{color:#000;font-size:12px;font-family:Inter;font-style:normal;font-weight:400;line-height:150%;color:gray;margin-left:auto}.bgremover__header .batch-actions .action .action-wrapper ul li .fa-solid,.bgremover__header .batch-actions .action .action-wrapper ul li .fa-brands{font-size:18px;width:22px;height:22px;text-align:center;align-content:center}.bgremover__header .batch-actions .action .action-wrapper ul li.title{border-bottom:none;background:#f2f2f2!important;cursor:initial}.bgremover__header .batch-actions .action .action-wrapper ul li:last-of-type{margin-bottom:0}.bgremover__header .batch-actions .action .action-wrapper .custom-size{position:relative}.bgremover__header .batch-actions .action .action-wrapper .custom-size .js-custom-back{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:18px;color:#000;font-size:16px;font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:600;line-height:150%;cursor:pointer}.bgremover__header .batch-actions .action .action-wrapper .custom-size>div{display:flex;flex-wrap:wrap;gap:12px}.bgremover__header .batch-actions .action .action-wrapper .custom-size>div .size-inp{display:flex;flex-wrap:wrap;width:calc(50% - 6px);gap:8px}.bgremover__header .batch-actions .action .action-wrapper .custom-size>div .size-inp span{color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:600;line-height:150%;flex:1 1 100%}.bgremover__header .batch-actions .action .action-wrapper .custom-size>div .size-inp input{width:100%;padding:8px 12px;border:1px solid #000;border-radius:8px}.bgremover__header .batch-actions .action .action-wrapper .custom-size .btnist{width:100%;height:unset;padding:8px;margin-top:12px}.bgremover__header .batch-actions .action .action-wrapper .manual{display:flex;flex-wrap:wrap;margin-bottom:18px}.bgremover__header .batch-actions .action .action-wrapper .manual span{color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:600;line-height:150%;flex:1 1 100%}.bgremover__header .batch-actions .action .action-wrapper .manual textarea{width:100%;padding:8px 12px;border:1px solid #000;border-radius:8px;min-height:80px}.bgremover__header .batch-actions .action .action-wrapper .manual .btnist{width:100%;margin-top:8px;height:40px}.bgremover__header .batch-actions .action .action-wrapper .background-items{display:flex;flex-wrap:wrap;gap:8px}.bgremover__header .batch-actions .action .action-wrapper .background-items span{width:100%;color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:600;line-height:150%}.bgremover__header .batch-actions .action .action-wrapper .background-items div{width:calc(33.3333% - 5.3333px);position:relative;cursor:pointer}.bgremover__header .batch-actions .action .action-wrapper .background-items div img{width:100%;height:auto}.bgremover__header .batch-actions .action .action-wrapper .background-items div img.active{border:2px solid #000}.bgremover__header .batch-actions .action .action-wrapper .background-items div p{width:100%;text-align:center;color:#000;font-size:14px;font-family:Inter;font-style:normal;font-weight:600;line-height:150%;color:#4d4d4d;margin-top:8px}.bgremover__header .batch-actions .action .action-wrapper .background-items div p.remove-bg{height:calc(100% - 2rem);place-content:center;background:#fff;margin-top:0}.bgremover__header .batch-actions .action .action-wrapper .background-items div .fa-solid{position:absolute;top:5px;right:5px}.bgremover__header .batch-actions .action .toggle{width:100%}.upload-card{position:relative;width:160px;border:1px solid #808080;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;background:#fff}.upload-card.queued .thumb{opacity:.5}.upload-card .loader{position:absolute;bottom:5px;right:5px;width:20px!important;border:3px solid #000}.upload-card .success{position:absolute;bottom:5px;right:5px;font-size:16px!important;border-radius:999px;background:#16b364;color:#fff;padding:4px;height:24px;width:24px;text-align:center}.upload-card .error{position:absolute;bottom:5px;right:5px;font-size:16px!important;border-radius:999px;background:#f04438;color:#fff;padding:4px;height:24px;width:24px;text-align:center}.upload-card .thumb{width:100%;aspect-ratio:1/1}.upload-card .thumb img{width:100%;height:100%;object-fit:cover}.upload-card .js-remove-card{position:absolute;top:4px;right:4px;cursor:pointer;color:#333;font-size:14px}.js-background.active p.remove-bg{border:2px solid #000}
