/*!
Theme Name: Bulk Remove Background
Theme URI: https://pixll.dev/
Author: Utsab Roy
Author URI: https://pixll.dev/
Description: AI Tool for removing background from images in bulk. With PWA support for offline usage.
Version: 1.0.0
*/@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:400;src:url(/fonts/dm-sans-v14-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:700;src:url(/fonts/dm-sans-v14-latin-900.woff2) format("woff2")}:root{--c1: #051923;--c2: #00A6FB;--c3: #0582CA;--c4: #A40E4C;--c5: #ffffff;--tc: #051923;--tc_h: #051923;--border_c: #051923;--bg1: #ffffff;--bg2: #E8EFF3;--bg3: #F7F4EA;--bg4: #051923;--bg5: #f0ede5;--box_shadow: 0 10px 15px rgba(0, 0, 0, .05);--input_box_shadow: inset 0 0 0 1px var(--c1);--max_width: 900px;--max_sidebar_width: 400px;--top_offset: 0px;--heading_font: "DM Sans", sans-serif;--sub_heading_font: "DM Sans", sans-serif;--body_font: "DM Sans", sans-serif;--body: 15px;--h1: 2.8rem;--h2: 2.6rem;--h3: 2rem;--h4: 1.8rem;--h5: 1rem;--caption: .83rem;--small: .69rem;--heading_lh: 1.1em;--body_lh: 1.4em;--menu_height: 64px;--padding: 10px 12px;--section_padding: 80px;--gap: 40px;--gap_min: 20px;--radius: .6em;--c_radius: 0;--ci_radius: 0;--bezier: cubic-bezier(.25, .8, .35, .9);--fvh: 100vh}@media (prefers-color-scheme: dark){:root{--c1: #f3f3f3;--c2: #00A6FB;--c3: #0582CA;--c4: #A40E4C;--c5: #f3f3f3;--tc: #e9e9e9;--tc_h: #ffffff;--border_c: #17455d;--bg1: #051923;--bg2: #0a2736;--bg3: #0a2736;--bg4: #03131b;--box_shadow: 0 10px 15px rgba(0, 0, 0, .05);--input_box_shadow: inset 0 0 0 1px var(--c1)}}@media only screen and (max-width: 1000px){:root{--section_padding: 70px}}@media only screen and (max-width: 768px){:root{--body: 15px;--h1: 2.4rem;--h2: 2.4rem;--h3: 1.6rem;--h4: 1.5rem;--gap: 40px;--gap_min: 25px;--section_padding: 60px}}.hidden{display:none!important}*{margin:0;padding:0}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:var(--body);font-weight:400;font-family:var(--body_font);scroll-behavior:smooth;scroll-padding-top:var(--section_padding)}.admin-bar{--top_offset: 32px}body{font-size:var(--body);background-color:var(--bg1);color:var(--tc);position:relative}section{position:relative;overflow-x:clip}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{color:var(--tc);font-family:var(--heading_font);line-height:var(--heading_lh);font-weight:600}:where(.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5)+*{margin-top:.8em}:where(.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5) b,:where(.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5) strong{color:var(--c4)}.h1,h1{font-size:var(--h1);text-wrap:balance}.h2,h2{font-size:var(--h2);text-wrap:balance}.h3,h3{font-size:var(--h3)}.has-large-font-size{font-size:var(--h3)!important}.h4,h4{font-size:var(--h4)}.h5,h5{font-size:var(--h5)}.pText,p{line-height:1.6em;color:var(--tc)}:where(.pText,p) b{color:var(--c3)}.txt-s{display:block;font-size:var(--caption);font-weight:400}.txt-xs{display:block;font-size:var(--small);font-weight:400}a{color:var(--tc);font-weight:600;text-decoration:none}a:focus,a:hover{color:var(--tc_h);text-decoration:underline}ol,ul{color:var(--tc);padding-left:1.2em}li{color:var(--tc);line-height:1.6em}svg,img{display:block}img{object-fit:cover}.srOnly{max-width:1px;max-height:1px;position:absolute;visibility:hidden;margin:0!important;padding:0!important}:where(input[type=submit],.btn){--_color: var(--bg1);--_bg: var(--c2);--_hover_color: var(--bg1);--_hover_bg: var(--tc);cursor:pointer;color:var(--_color)!important;background-color:var(--_bg)!important;border:solid 2px var(--_bg)!important;border-radius:var(--radius)!important;display:block;font-family:var(--heading_font)!important;font-size:1em!important;line-height:1.2em!important;font-weight:600!important;letter-spacing:.05em;text-decoration:none!important;text-align:center!important;text-shadow:none;padding:.6em 1.2em .5em!important;transition:all .2s ease;position:relative}:where(input[type=submit],.btn):hover,:where(input[type=submit],.btn):focus{transition:all .2s ease-out;color:var(--_hover_color)!important;background-color:var(--_hover_bg)!important;border-color:var(--_hover_bg)!important}.btn.t-2{--_color: var(--tc);--_bg: var(--bg3)}.btnGroup{display:flex;flex-direction:row;gap:.5em;align-items:center}.btnGroup .or{display:block;text-align:center;line-height:.8em;font-size:.8em;opacity:.8}.btnGroup .or:before{content:"-";display:block;transform:rotate(90deg)}.btnGroup .or:after{content:"-";display:block;transform:rotate(90deg);line-height:1em}.btn.noStyle,button.noStyle{border:none!important;background:none!important;padding:0 20px 0 0!important;font-size:1em;line-height:1em;cursor:pointer}.container{position:relative;display:grid;grid-template-columns:1fr;align-items:center}.container>*{grid-area:1/1;width:100%}.container .c_content,.boxed{width:clamp(300px,90vw,var(--max_width));margin:0 auto;z-index:1}.fullH{min-height:var(--fvh)}.container .c_background,.container .c_overlay{height:100%;background-repeat:no-repeat;overflow:clip;position:relative;background-size:cover;background-position:center}.container .c_overlay{opacity:.5}.section_margin{margin-top:var(--section_padding);margin-bottom:var(--section_padding)}.section_margin_top{margin-top:var(--section_padding)}.section_margin_bottom{margin-bottom:var(--section_padding)}.section_padd{padding-top:var(--section_padding);padding-bottom:var(--section_padding)}.section_padd_top{padding-top:var(--section_padding)}.section_padd_bottom{padding-bottom:var(--section_padding)}.col-2,.col-3,.col-4,.col-auto{display:grid!important;gap:var(--gap)}.relative{position:relative}.center:where(.col-2,.col-3,.col-4){align-items:center}.center{justify-content:center;text-align:center}.content.center{align-items:center;text-align:center}.col-auto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.col-flexauto{display:flex!important;flex-direction:row;flex-wrap:wrap;gap:var(--gap) var(--gap_min)!important;align-items:flex-start!important;justify-content:flex-start!important}.col-flexauto>div{flex:.5 1 350px;max-width:500px}:root{--col-2: repeat(2, 1fr);--col-3: repeat(3, 1fr);--col-4: repeat(4, 1fr)}.col-2{grid-template-columns:var(--col-2);gap:clamp(30px,6vw,80px)}.col-3{grid-template-columns:var(--col-3)}.col-4{grid-template-columns:var(--col-4)}@media only screen and (max-width: 1000px){:root{--col-2: repeat(2, 1fr);--col-3: repeat(2, 1fr);--col-4: repeat(2, 1fr)}}@media only screen and (max-width: 768px){:root{--col-2: 1fr;--col-3: 1fr;--col-4: 1fr}}.content{display:flex;flex-direction:column;gap:2px;align-items:flex-start}textarea,select,input[type=url],input[type=tel],input[type=text],input[type=email],input[type=number],input[type=select],input[type=password],input[type=textarea]{padding:.6em .8em .5em!important;line-height:1.2em;width:100%;border:solid 1px var(--bg2);background-color:var(--bg2);color:var(--tc);font-family:var(--body_font);font-size:15px;border-radius:var(--radius);outline:none!important}textarea:focus,input[type=url]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,input[type=select]:focus,input[type=password]:focus,input[type=textarea]:focus{border-color:var(--tc)}::placeholder{color:var(--tc);opacity:1}textarea{resize:none;height:calc(5em + 8px)}label{color:var(--tc)}fieldset label{font-size:.7rem}label{margin:5px 0}label input,label textarea{margin-top:5px}form.wpcf7-form input[type=submit]{padding:.6em 2em .5em!important}option{color:#000}form.wpcf7-form{display:flex;flex-direction:column;gap:var(--gap_min)}form.wpcf7-form .submit{position:relative}fieldset{padding:0;border:none}fieldset legend{padding:0;margin:0}#skip-nav{display:none}#skip-nav:focus{display:block;outline:none;position:absolute;top:10px;left:10px}.main-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--gap) 0}.main-header nav{display:flex;flex-direction:row;gap:1em;justify-content:flex-end;align-items:center}.hero.container{background-image:linear-gradient(to bottom,var(--bg1) 0%,var(--bg3) 100%);overflow:hidden}@media screen and (max-width: 768px){.hero.container{padding-top:var(--gap_min)}}.hero .c_content{align-items:center}body[data-one-image=false] .hero .c_content{align-items:flex-start}.hero #preview{position:relative;height:auto;width:100%;aspect-ratio:1;cursor:pointer;border:2px dashed var(--border_c);border-radius:var(--radius);transition:all .2s ease-out}.hero #preview[data-status]{border-style:solid}.hero #preview:hover{box-shadow:var(--box_shadow)}.hero #preview .dropzone{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:var(--c4);font-size:var(--h4);text-align:center;cursor:pointer}.hero #preview .dropzone input{position:absolute;top:0;visibility:hidden}.hero #preview img{height:100%;width:100%;object-fit:contain;position:absolute;border-radius:inherit;overflow:hidden;display:none}.hero #preview img#original{background-color:var(--bg1)}.hero #preview img#result{background-color:var(--bg1);background-size:20px 20px;background-position:0 0,10px 10px;background-image:linear-gradient(45deg,var(--bg2) 25%,transparent 25%,transparent 75%,var(--bg2) 75%,var(--bg2)),linear-gradient(45deg,var(--bg2) 25%,transparent 25%,transparent 75%,var(--bg2) 75%,var(--bg2))}.hero #preview[data-status=uploaded] #original,.hero #preview[data-status=ready] img{display:block}.hero .options,body[data-show-app=true] .hero .content{display:none}body[data-show-app=true] .hero .options{display:flex;flex-direction:column;gap:1em}#background-type{display:grid;gap:1em;grid-template-columns:repeat(auto-fit,minmax(10px,1fr))}#background-type label{aspect-ratio:1;position:relative;border-radius:10px;box-shadow:0 3px 10px #0000001a;cursor:pointer;transition:all .2s ease-out}#background-type label:has(input[type=radio]:checked){box-shadow:inset 0 0 0 2px var(--tc),0 6px 10px #0000001a}#background-type label.transparent{background-color:var(--bg1);background-size:20px 20px;background-position:0 0,10px 10px;background-image:linear-gradient(45deg,var(--bg2) 25%,transparent 25%,transparent 75%,var(--bg2) 75%,var(--bg2)),linear-gradient(45deg,var(--bg2) 25%,transparent 25%,transparent 75%,var(--bg2) 75%,var(--bg2))}#background-type label.white{background-color:#fff}#background-type label.black{background-color:#000}#background-type label.custom{background-color:var(--bg1);background-image:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}body[data-has-cstm-bg] #background-type label.custom{background-color:var(--custom-background);background-image:none}#background-type label.image{background-color:var(--bg5)}#background-type label.image img{height:60%;width:60%;object-fit:contain;margin:20% auto}#background-type label input{position:absolute;top:0;left:0;visibility:hidden}#background-type .bgWithOptions{position:relative}.image-list_container #image-list{display:flex;flex-direction:column;gap:1em;flex-wrap:wrap;justify-content:center}.image-list_container #image-list:not(:has(.list-item:nth-child(2))){display:none}.image-list_container .btn{font-size:.9em!important;padding:.2em .8em!important}.image-list_control{justify-content:space-between;margin-bottom:1em}#image-list .list-item{position:relative;width:100%;border-radius:10px;box-shadow:0 3px 10px #0000001a;transition:all .2s ease-out;display:grid;grid-template-columns:100px auto;gap:10px;background-color:var(--bg1)}#image-list .list-item:before{content:"";display:block;position:absolute;top:6px;left:6px;z-index:2;height:.8em;width:.8em;border-radius:50%;background-color:var(--c2)}#image-list .list-item[data-precessing=true]:before{background-color:transparent;border:.2em solid rgba(0,166,251,.3);border-left-color:var(--c2);animation:spin .8s linear infinite}#image-list .list-item[data-processed=true]:before{background-color:#1fb940}#image-list :where(.list-item[data-precessing=true],.list-item[data-processed=true]) .process{display:none}#image-list .list-item[data-processed=false] .download{display:none}#image-list .list-item .result{background-color:var(--bg1);background-size:20px 20px;background-position:0 0,10px 10px;background-image:linear-gradient(45deg,var(--bg2) 25%,transparent 25%,transparent 75%,var(--bg2) 75%,var(--bg2)),linear-gradient(45deg,var(--bg2) 25%,transparent 25%,transparent 75%,var(--bg2) 75%,var(--bg2))}#image-list .list-item[data-processed=false] .result{display:none}#image-list .list-item .li__image{position:relative;height:auto;width:100%;aspect-ratio:1;grid-row:1/3}#image-list .list-item .li__image img{position:absolute;height:100%;width:100%;object-fit:contain;top:0;left:0;border-radius:var(--radius) 0 0 var(--radius)}#image-list .list-item h3{font-size:1rem;text-overflow:ellipsis;white-space:nowrap;max-width:250px;width:100%;overflow:hidden;padding:10px 10px 0 0}#image-list .list-item .btnGroup{padding:0 10px 10px 0;flex-wrap:wrap;font-size:.9em;align-items:flex-end;justify-content:flex-start}.options .controls{flex-wrap:wrap}.options .controls .btn{flex:1 1 auto}body[data-one-image=true] .options .controls .download.all,body[data-one-image=true] .options .controls .apply-to-all,body[data-one-image=false] .options .controls .download.single{display:none}.howto .col-3{margin-top:var(--gap)}.step h4 span{display:block;width:max-content;padding:.5em 1em;margin-bottom:.8em;line-height:1em;border-radius:5px;font-size:var(--small);background-color:var(--bg2)}footer{background-color:var(--bg4);--tc: var(--C5);--tc_h: var(--c5);padding:var(--gap_min) 0}footer nav{display:flex;flex-direction:row;gap:1em}footer p{text-align:right}@media screen and (max-width: 768px){footer .col-2{gap:1em}footer nav{justify-content:center}footer p{text-align:center}}#loading{display:none;position:fixed;bottom:var(--gap_min);right:var(--gap_min);z-index:100;height:var(--h2);width:var(--h2);border-radius:50px;border:.4em solid rgba(0,166,251,.1);border-left-color:var(--c2);animation:spin .8s linear infinite}#dragging{z-index:99;position:fixed;inset:0;background-color:#051923cc;backdrop-filter:blur(5px);display:none;pointer-events:none}body[data-dragging=true] #dragging{display:block}#dragging span{color:var(--bg3);border:2px dashed var(--bg3);border-radius:10px;padding:1em;position:absolute;inset:20px;display:flex;align-items:center;justify-content:center}:where(body[data-status*=loading],body[data-status*=processing]) #loading{display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.output{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.output img{height:auto;width:100%;flex:1 1 200px;max-width:200px;object-fit:contain}.output img#result{max-width:500px;background-color:#000}