@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@600&display=swap');*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Picsart-Fonts',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;font-weight:400}#change-bg{margin:0 auto;display:flex;flex-direction:column}#change-bg header{text-align:center}.heading{margin-top:64px;font-weight:500;font-size:60px;line-height:72px}.main__container{width:100%;margin-top:40px;display:flex;justify-content:center;gap:24px}.main__content{background-color:#f7f7f7;position:relative;padding:24px;display:flex;border-radius:24px;width:100%;justify-content:space-around}.main__edit-params{display:flex;flex-direction:column;gap:28px;width:40%;min-width:232px;max-width:372px}.main__result-img{display:flex;flex-direction:column;gap:10px;width:60%}.subtitle{font-weight:700;font-size:20px;line-height:28px;white-space:nowrap}.color_div,.patt_div{color:gray !important;display:flex;flex-direction:column;gap:12px 8px}.clr__head,.patt__head{font-style:normal;font-weight:600;font-size:14px;line-height:20px}#color_btns{width:212px;height:36px;display:flex;flex-direction:row;align-items:flex-start;gap:8px}.color_btn{padding:10px;cursor:pointer;background:var(--color) !important;border-radius:12px;width:36px;height:36px;border:1px solid #ededed !important;outline:none !important}.btn-0{--color:#fff}.btn-1{--color:#000}.btn-2{--color:#8f31aa}.btn-3{--color:#f67e0c}.btn-4{--color:#110cf6}.active_btn{border:2px solid #c209c1 !important}#patterns{max-width:fit-content;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.patt_btn{background-image:var(--url) !important;width:72px;height:72px;border-radius:4px !important;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;background-size:contain;box-sizing:border-box}#patt_img{width:auto;height:50px;display:block;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.patt_btn_0{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-0.png)}.patt_btn_1{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-1.png)}.patt_btn_2{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-2.png)}.patt_btn_3{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-3.png)}.patt_btn_4{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-4.png)}.patt_btn_5{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-5.png)}.patt_btn_6{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-6.png)}.patt_btn_7{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-7.png)}.patt_btn_8{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-8.png)}.patt_img_0{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-0.png)}.patt_img_1{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-1.png)}.patt_img_2{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-2.png)}.patt_img_3{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-3.png)}.patt_img_4{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-4.png)}.patt_img_5{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-5.png)}.patt_img_6{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-6.png)}.patt_img_7{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-7.png)}.patt_img_8{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/patterns/bg-8.png)}.patt_img_1_blur{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/blur/1.png)}.patt_img_2_blur{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/blur/2.png)}.patt_img_3_blur{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/blur/3.png)}.patt_img_4_blur{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/blur/4.png)}.patt_img_5_blur{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/blur/5.png)}.patt_img_6_blur{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/blur/6.png)}.patt_img_7_blur{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/blur/7.png)}.patt_img_8_blur{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/blur/8.png)}.active_patt_btn{border:2px solid #c209c1 !important;border-radius:6px !important}#upload_background-image{visibility:hidden;cursor:pointer;position:absolute;z-index:-1}.upload_txt{font-size:medium !important;font-size:16px !important}#upload-bck__img{display:none}.upload-btn_div{margin-top:auto}.hr{width:232px;position:absolute;top:484px;height:1px;background-color:#ededed !important;border-width:0}.bck-img_label{color:#c209c1 !important;display:flex;justify-content:center;align-items:center;padding:12px 16px 12px 0;gap:8px;font-weight:600;font-size:16px;line-height:24px;cursor:pointer}.loader{position:absolute;border-top:4px solid #c209c1 !important;border-bottom:4px solid #c209c1 !important;border-right:4px solid #c209c1 !important;border-left:4px solid transparent !important;border-radius:50%;width:39px;height:39px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.blur_btn{height:24px;display:flex;align-items:center;gap:8px}.blur_btn p{font-style:normal;font-weight:600;font-size:14px;margin:auto 0;color:#999 !important}.switch{position:relative;display:inline-block;width:40px;height:24px}.switch p{padding-left:70px;color:grey !important}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc !important;-webkit-transition:.4s;transition:.4s;height:24px}.slider:before{position:absolute;content:'';height:20px;width:20px;left:2px;bottom:2px;background-color:#fff !important;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#c209c1 !important}input:checked+.slider:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}input:disabled+.slider{cursor:not-allowed}.result-img__div{display:flex;justify-content:center;align-items:center;width:100%}#res-image{width:100%;height:100%;background:no-repeat;background-size:cover;border-radius:16px;display:flex;flex-direction:row;justify-content:center;align-items:center;box-sizing:border-box;background-position:center}.bg__data{background-color:var(--color) !important;background-image:var(--url) !important}#rend_img{width:100%;height:100%;border-radius:30px;object-fit:contain}.dragover{border:2px dashed #c209c1 !important}.main__req-code{background-color:#f7f7f7 !important;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:24px;padding:23px 24px}#req_code{height:470px;overflow:scroll;font-size:16px;line-height:24px;color:#000 !important}.requirements,.code_example,.code_example p,.code_example pre{font-family:'Source Code Pro',monospace;font-weight:600;font-size:16px;line-height:24px;margin:0}.tab{display:inline-block;margin-left:1em}.code_example{margin-top:20px}.code_buttons{display:flex;gap:33px}.c_btn{cursor:pointer;white-space:nowrap;padding:12px 16px;gap:8px;background:#fff !important;box-shadow:0px 1px 4px rgba(17,18,54,.16) !important;border-radius:32px;color:#5a00ee !important;font-style:normal;font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;text-align:center;border:0;outline:none !important}.c_btn:hover{background-color:#dacafb !important}.c_btn-i,.share_btn{display:none}.active_code_btn{background-color:#dacafb !important}#change-bg footer{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin:16px auto}.find{display:flex;align-items:center}.find a{white-space:nowrap;text-decoration:none !important;font-style:normal;font-weight:700;font-size:16px;margin-top:12px;margin-left:24px;line-height:24px;color:#c209c1 !important}.find a:hover{color:#ededed !important}.footer_btns{display:flex;flex-direction:row;gap:10px}.footer_btns button:hover{background:#ededed !important}.api-key_btn,.copy-code_btn{padding:12px 24px;color:#c209c1 !important;border-radius:72px;border:1px solid #cbcbcb !important;background-color:#fff !important;cursor:pointer;font-weight:600;font-size:16px;line-height:24px;outline:none !important}.copy-code_btn:hover,.api-key_btn:hover,.share_btn:hover{background-color:#f0f0f0 !important}.purple{color:#5a00ee !important}.pink{color:#c209c1 !important}#change-bg ::-webkit-scrollbar{width:3px !important;height:3px !important}#change-bg ::-webkit-scrollbar-thumb{background:#c209c1 !important;border-radius:10px}#change-bg ::-webkit-scrollbar-track{box-shadow:inset 0 0 grey !important;border-radius:10px}@media only screen and (max-width:600px){#change-bg{padding:0;display:flex;flex-direction:column}.heading{margin-top:24px;margin-bottom:17.38px;height:36px;font-weight:500;font-size:30px;line-height:36px}.main__container{margin:0;padding:0;justify-content:center;flex-direction:column;gap:24px}.result-img__div{display:flex;justify-content:center;align-items:center}.main__content{background-color:#fff;flex-direction:column-reverse;align-items:center;gap:24px}.main__req-code{padding:24px;border-radius:0;position:relative;display:flex;flex-direction:column}.main__result-img{width:100%;display:flex;flex-direction:column-reverse;justify-content:space-between;gap:10px}.bck-img_label{width:100%;background-color:#fff;height:48px;border:1px solid #cbcbcb !important;border-radius:72px;position:static}#res-image{margin:0}#patterns{width:100%;height:80px;overflow-x:scroll;overflow-y:hidden;grid-gap:8px;display:grid;grid-template-columns:repeat(9,1fr)}.patt_btn{object-fit:cover}.patt_img_0{--url:url(//picsart.io/wp-content/mu-plugins/demos/change-background/style/../img/transparent_small.png)}#patt_img{width:auto;height:50px;display:block}.hr{display:none}.main__edit-params{gap:16px;max-width:unset;width:100%}#req_code{width:100%;font-size:16px;line-height:24px}.code_buttons{overflow-x:scroll;overflow-y:hidden;padding:24px 0 0;width:100%;gap:12px}.copy-code_btn,.share_btn{width:40px;height:40px;display:flex;justify-content:center;align-items:center;line-height:0;padding:0;border-radius:24px;background-color:#f2f2f2 !important;border:none}.c_btn-i{display:block}.c_btn-txt{display:none}.code_example{width:100%}.footer_btns{align-self:flex-end}.api-key_btn:hover{background-color:#fff !important}.api-key_btn{white-space:nowrap;font-weight:600;font-size:16px;line-height:24px;width:124px;height:40px;border:2px solid #c209c1 !important;padding:0}.find a{margin:0}#change-bg ::-webkit-scrollbar{width:0 !important;height:0 !important}#change-bg footer{width:100%;margin:16px 0;align-self:flex-end;flex-direction:column-reverse;justify-content:center;gap:40px}.find{align-self:center}}@media (min-width:960px) and (max-width:1320px){#change-bg{padding:0}.heading{margin-top:64px;margin-bottom:40px;font-size:36px;line-height:48px}.main__content{padding:16px 16px 32px}.main__edit-params{gap:34px;min-width:232px}.subtitle{margin-top:14px;font-size:16px;line-height:24px}.color_div,.patt_div{gap:12px 4px}.clr__head,.patt__head{font-style:normal;font-weight:600;font-size:14px;line-height:20px}#color_btns{width:212px;height:32px;gap:4px}.color_btn{border-radius:4px;width:32px;height:32px}#patterns{gap:8px}.patt_btn{width:62px;height:62px}#patt_img{width:auto;height:36px}.hr{width:194px;top:440px}.bck-img_label{position:absolute;color:#c209c1 !important;left:24px;top:516px;gap:8px}.main__result-img{height:532px;gap:10px}.blur_btn{margin-top:12px}.blur_btn p{margin:0}#rend_img{border-radius:30px}.main__req-code{padding:16px 16px 15px}.code_buttons{display:flex;flex-wrap:wrap;gap:16px}.c_btn{width:130px;height:40px;justify-content:center}#change-bg footer{display:flex;justify-content:space-between;margin:16px 0 0 -40px}}@media (min-width:600px) and (max-width:960px){#change-bg{padding:0}.main__container{flex-direction:column}.heading{margin-bottom:40px;font-size:36px;line-height:48px}.main__edit-params{gap:34px}.subtitle{margin-top:0;font-size:16px;line-height:24px}.color_div,.patt_div{gap:12px 4px}#color_btns{width:212px;height:32px;gap:4px}.color_btn{border-radius:4px;width:32px;height:32px}#patterns{gap:8px}.patt_btn{width:62px;height:62px}#patt_img{width:auto;height:36px}.hr{width:194px;top:440px}.bck-img_label{position:absolute;color:#c209c1 !important;left:24px;top:516px;gap:8px}#color_btns{width:212px;height:32px;gap:4px}.color_btn{border-radius:4px;width:32px;height:32px}#patterns{gap:8px}.patt_btn{width:62px;height:62px}.result-img__div{display:flex;justify-content:center;align-items:center}.main__req-code{align-items:flex-start;padding:16px}#req_code{height:208px}.code_buttons{margin-top:24px;gap:16px;justify-content:flex-start}.c_btn{width:130px;height:40px;justify-content:center}#change-bg footer{margin:16px 0 0}}