#app{font-family:Avenir,Helvetica,sans-serif;color:#2c3e50;margin:0;padding:0}*,html{scroll-behavior:smooth}:root{--base-color:#d0ddd0;--base-lighter-color:#e0eee0;--highlight-darker-color:#045847;--placeholder-color:gray;--off-white-color:#dcdcdc;--footer-color:#282828}.landing_container{display:flex;flex-direction:column;width:100%}header{height:110px;display:flex;justify-content:space-between;align-items:center;padding:20px 50px;margin:0;background-color:var(--base-color)}.logo{font-family:Comic Sans MS,Comic Neue,EMcomic,Geneva,Verdana,sans-serif;font-size:28px;font-weight:700;color:var(--black-color);text-decoration:none}.logo div{background:url(/img/logo.5bc58ab6.png);width:162px;height:80px;background-position:50%;background-size:cover;filter:hue-rotate(100deg) brightness(.5) contrast(1.2)}nav ul{list-style:none;display:flex;gap:40px;padding:0}nav ul li{display:flex;align-items:center;position:relative}nav ul li a{text-decoration:none;color:var(--black-color);font-size:18px;position:relative;padding:5px 0}.nav_items:after{content:"";position:absolute;width:0;height:2px;left:0;bottom:0;background-color:var(--highlight-color);transition:width .3s ease}.nav_items:hover:after{width:100%}.sign-in{background-color:var(--highlight-color);color:var(--white-color);font-size:16px;border:none;padding:10px 30px;border-radius:15px;cursor:pointer;transition:background-color .3s ease}.sign-in:hover{background-color:var(--highlight-darker-color)}.home_container{display:flex;justify-content:center;height:600px;padding-top:20px;background-color:var(--base-color)}.preview-box{width:650px;height:520px;background-color:var(--placeholder-color);border-radius:20px;margin-right:5%;box-shadow:0 3px 8px rgba(0,0,0,.24);background:url(/img/Comparison.20adf186.png);background-position:50%;background-size:cover}.description{height:520px;max-width:400px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.description h1{font-size:26px;color:var(--black-color);line-height:48px}.description h1 span{font-weight:700;font-size:28px;font-family:Comic Sans MS,Comic Neue,EMcomic,Geneva,Verdana,sans-serif}.description p{margin:40px 0;color:var(--black-color);line-height:36px;font-size:18px}.try-now{background-color:var(--highlight-color);color:var(--white-color);font-size:18px;border:none;padding:20px 30px;border-radius:15px 15px 115px 115px;cursor:pointer;width:80%;transition:background-color .3s ease;text-decoration:none}.try-now:hover{background-color:var(--highlight-darker-color)}.why_us{background-color:var(--base-lighter-color);padding:60px 20px;text-align:center}.why_us h2{font-size:32px;color:var(--highlight-color);margin-bottom:50px}.cards{gap:2%}.card,.cards{display:flex;justify-content:center}.card{background-color:var(--highlight-color);color:var(--white-color);padding:50px 45px 50px 45px;border-radius:20px;max-width:320px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,.24);transition:transform .3s ease;flex-direction:column;align-items:center}.card:first-child{margin-top:50px}.card:nth-child(2){margin-top:0}.card:nth-child(3){margin-top:100px}.card:hover{transform:translateY(-10px)}.icon{width:40%;height:auto}.card h3,.icon{margin-bottom:25px}.card h3{font-size:22px}.card p{font-size:17px;line-height:32px;color:var(--off-white-color)}.wallpapers_container{background-color:var(--base-color);padding:60px 20px;text-align:center}.wallpapers_container h2{font-size:28px;color:var(--highlight-color);margin-bottom:40px}.wallpapers_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 20px;justify-items:center}.wallpaper{background-color:var(--placeholder-color);width:100%;border-radius:15px}.wallpaper:nth-child(2n){margin-top:20px}.contact{background-color:var(--base-lighter-color);padding:60px 20px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,.24)}.contact h2{font-size:28px;color:var(--highlight-color);margin-bottom:20px;font-weight:900}.contact_form{display:flex;flex-direction:column;align-items:stretch;max-width:900px;margin:0 auto;padding:40px 40px;border-radius:40px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25),inset 0 4px 4px 0 rgba(0,0,0,.25);border:2px solid var(--highlight-color)}.contact_form label{color:var(--highlight-color);margin:10px 0 5px;text-align:left}.contact_form input,.contact_form label,.contact_form textarea{font-weight:500;font-family:Arial,Helvetica,sans-serif;font-size:16px}.contact_form input,.contact_form textarea{padding:10px;border:2px solid var(--highlight-color);border-radius:10px;background-color:transparent;margin-bottom:20px}.contact_form textarea{resize:none}.contact_form input:focus,.contact_form textarea:focus{outline:none;border-color:var(--highlight-color)}.contact_form button{width:50%;padding:10px 20px;font-size:16px;background-color:var(--highlight-color);color:var(--white-color);border:2px solid var(--highlight-color);border-radius:10px;cursor:pointer;transition:background-color .3s ease;margin-right:50%;transform:translateX(50%)}.contact_form button:hover{background-color:var(--highlight-darker-color);color:var(--white-color)}.footer{background-color:var(--footer-color);display:flex;justify-content:center;align-items:center;text-align:center;padding:0 10px;height:110px;width:100%;font-size:18px;color:var(--white-color)}@media (width <= 1200px){.preview-box{width:500px}.card{width:30%}}@media (width <= 1000px){.preview-box{width:450px}.description{max-width:300px}.description p{margin:20px 0}}@media (width <= 850px){.home_container{flex-direction:column;height:auto;justify-content:left;align-items:center}.preview-box{width:650px;margin-right:0}.description{max-width:650px;height:auto;margin:40px 0 60px 0}.description h1{max-width:400px}.description p{margin:30px 0}.try-now{width:90%}.why_us h2{margin-bottom:40px}.cards{flex-direction:column;justify-content:center;align-items:center;width:100%;gap:20px}.card{max-width:none;width:100%;flex-direction:row;gap:40px}.card:first-child,.card:nth-child(2),.card:nth-child(3){margin-top:0}.card:hover{transform:translateX(10px)}.icon{width:80px!important;margin-bottom:0}.card_text{text-align:left}.card h3{margin-bottom:5px}.wallpapers_grid{grid-template-columns:repeat(2,1fr)}.wallpaper:nth-child(n+11){display:none}}@media (width <= 700px){.preview-box{width:90%}.description{max-width:90%}.nav_items{display:none}.card h3{margin-bottom:15px}.contact_form{padding:30px 30px}}@media (width <= 450px){.preview-box{height:400px}.sign-in{display:none}.card{padding:40px 25px}.icon{width:60px!important}.card h3{margin-bottom:0}.card p{display:none}.wallpapers_grid{grid-template-columns:1fr;gap:10px}.wallpaper{margin:0!important}.wallpaper:nth-child(n+7){display:none}.contact_form{border:none;box-shadow:none;margin:0;padding:0 20px}}


/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}:root{--main-color:#e0eee0;--sidebar-color:#d0ddd0;--highlight-color:#12664f;--black-color:#000;--white-color:#fff;--green-color:#007800;--red-color:#dc0000;--base-font-size:calc(12px + 0.5vw);--header-height:calc(10% + 1vw);--main-layout-height:1800px;--sidebar-width:25%;--main-area-width:75%;--upload-box-height:600px;--upload-box-width:65%;--normal-header-height:7%}*{box-sizing:border-box;font-family:Avenir,Helvetica;margin:0;padding:0}.bg-green{background-color:var(--highlight-color)!important}.btn{background-color:var(--black-color);color:var(--white-color);font-size:16px;border:none;width:auto;height:auto;padding:10px 30px;border-radius:15px;margin:0;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;display:flex;justify-content:center;align-items:center}.apply-button{background-color:var(--highlight-color)!important;font-size:16px!important;margin:15px 0!important;padding:10px 10%!important}.btn_2{font-size:var(--base-font-size);padding:calc(.5em + .2vw) calc(1.5em + .5vw);background-color:var(--black-color);color:var(--white-color);border:none;width:auto;height:auto;border-radius:15px;margin:0;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;display:flex;justify-content:center;align-items:center}.main_layout{background-color:var(--main-color);min-height:var(--main-layout-height);height:100vh;width:100vw;border:1px solid var(--black-color);display:flex;overflow:hidden;scrollbar-width:none}.main_layout::-webkit-scrollbar{display:none}.measurements_container{display:flex;width:100%;background-color:transparent;justify-content:center;align-items:center;gap:10px;margin-top:15px}.measurements_input{padding:10px;width:15%;max-width:100px;font-size:14px;border:2px solid var(--highlight-color)}.measurements_input,.measurements_input_2{box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:10px;background:transparent;outline:none}.measurements_input_2{padding:calc(.5em + .2vw) calc(1.5em + .5vw);border:2px solid var(--highlight-color);font-size:1rem;width:40%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.main_area{width:var(--main-area-width);height:95%;transition:all .3s;scrollbar-width:none}.main_area::webkit-scrollbar{display:none}.main_area_2{width:var(--main-area-width);height:100%;transition:all .3s;scrollbar-width:none}.main_area_2::webkit-scrollbar{display:none}.main_area_expanded{width:100%;transition:all .3s}.main_title{height:var(--normal-header-height);background-color:var(--main-color)}.main_title,.main_title_2{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.main_title_2{height:var(--header-height)}.main_logo{all:unset;cursor:pointer}.main_logo:visited{all:unset}.main_logo div{background:url(/img/logo.5bc58ab6.png);width:162px;height:80px;background-position:50%;background-size:cover;filter:hue-rotate(100deg) brightness(.5) contrast(1.2)}.main_title span{font-size:28px}.main_title span,.main_title_2 span{font-family:Comic Sans MS,Comic Neue,EMcomic,Geneva,Verdana,sans-serif;font-weight:700}.main_title_2 span{font-size:calc(var(--base-font-size)*1.75)}.navbar{display:flex;width:100%;justify-content:right;align-items:center;gap:0}.main_title svg,.main_title_2 svg{color:var(--black-color);margin-left:20px;cursor:pointer}.main_work_area{width:100%;height:calc(100% - var(--normal-header-height))}.main_work_area_2{height:calc(100% - var(--header-height));width:100%}.step1{font-size:18px;margin:0 0 2% 0;padding:10px 4% 0 4%}.step1,.step1_2{color:var(--black-color);line-height:32px}.step1_2{font-size:var(--base-font-size);padding:calc(1em + .5vw) 4%;margin:0}.step1 span,.step2{font-weight:700;color:var(--black-color);font-size:20px}.step1_2 span,.step2_2{font-size:calc(var(--base-font-size)*1.25);font-weight:700;color:var(--black-color)}.step2{padding:2% 4% 10px 4%;line-height:32px}.step2_2{padding:calc(1em + .5vw) 4%;line-height:1.5em}.custom_word{font-size:24px!important;color:var(--highlight-color)!important}.upload_box,.upload_box_2{position:relative;width:var(--upload-box-width);height:var(--upload-box-height);display:flex;align-items:center;justify-content:center;border-radius:20px;box-shadow:0 3px 8px rgba(0,0,0,.24);margin-left:50%;transform:translate(-50%);overflow:hidden;border:2px solid var(--highlight-color)}.upload_box_2{margin-bottom:calc(1em + 1vw)}.loading_overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:var(--white-color);font-size:20px;z-index:10}.uploaded_image{max-width:95%;max-height:calc(100% - 35.5px);-o-object-fit:fill;object-fit:fill}.button_operation_container{position:absolute;height:auto;bottom:10px;background-color:transparent;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:0 10px}.upload_btn_small{font-size:14px;padding:8px 20px}.upload_btn_small,.upload_btn_small_2{background-color:var(--black-color);color:var(--white-color);border-radius:10px;box-shadow:var(--main-color) 0 0 2px;cursor:pointer}.upload_btn_small_2{font-size:calc(var(--base-font-size)*.875);padding:calc(.5em + .5vw) calc(1em + .5vw)}.sidebar{background-color:var(--sidebar-color);width:var(--sidebar-width);height:100%;transition:all .3s}.sidebar_collapsed{width:0;overflow:hidden;transition:all .3s}.sidebar_header{height:var(--normal-header-height)}.sidebar_header,.sidebar_header_2{width:100%;display:flex;justify-content:space-between;align-items:center}.sidebar_header_2{height:var(--header-height)}.sidebar_header p{font-size:20px}.sidebar_header p,.sidebar_header_2 p{margin-left:7%;padding:0 2% 7px 2%;border-bottom:2px solid green}.sidebar_header_2 p{font-size:calc(var(--base-font-size)*1.25)}.sign-out-btn{margin-right:4%}.all_wallpapers{height:calc(100% - var(--normal-header-height));width:100%;display:flex;flex-direction:column;align-items:center;overflow-y:scroll;flex-shrink:0;scrollbar-width:none}.all_wallpapers::-webkit-scrollbar{display:none}.all_wallpapers_2{height:calc(100% - var(--header-height));width:100%;display:flex;flex-direction:column;align-items:center;overflow-y:scroll;flex-shrink:0;scrollbar-width:none}.all_wallpapers_2::-webkit-scrollbar{display:none}.wallpaper{width:75%;border:1px solid var(--black-color);border-radius:10px;flex-shrink:0;margin-bottom:20px;box-shadow:0 3px 8px rgba(0,0,0,.24);aspect-ratio:2/3;background-size:contain;cursor:pointer;transition:all .5s ease-in-out}.wallpaper.selected_wallpaper{border:4px solid var(--highlight-color);transition:all .5s ease-in-out}@media (width <= 1340px){:root{--main-layout-height:1850px}.upload_box{margin-bottom:20px}}@media (width <= 850px){:root{--main-layout-height:2000px;--upload-box-height:33%}.navbar svg{display:none}.main_layout{flex-direction:column}.main_area{width:100%}.step1{margin-top:0;padding-top:0}.step2{margin-bottom:10px;padding-bottom:0}.sidebar,.sidebar_collapsed{width:100%;height:350px;transition:width .3s;background-color:var(--sidebar-color);padding:10px;display:flex;flex-direction:column;justify-content:center;gap:10px;padding-top:20px}.sidebar_header{text-align:center;font-size:20px;font-weight:700;margin-bottom:10px}.all_wallpapers{height:auto;display:flex;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;white-space:nowrap;padding:5px;flex-direction:row;gap:5px}.all_wallpapers::-webkit-scrollbar{display:none}.wallpaper,.wallpaper_upload_box{width:140px;height:210px;background-color:transparent;margin-right:10px;flex-shrink:0}}@media (width <= 600px){:root{--main-layout-height:2000px;--upload-box-height:33%}.step1,.step2{margin:10px 0 20px 0}}@media (width <= 550px){:root{--main-layout-height:1950px;--upload-box-height:31%}.step1,.step2{margin:10px 0 20px 0}}@media (width <= 500px){:root{--main-layout-height:2050px;--upload-box-height:31%}.step1,.step2{margin:10px 0 20px 0}}@media (width <= 400px){:root{--main-layout-height:1950px;--upload-box-height:29%}.step1,.step2{margin:10px 0 20px 0}}@media (width <= 350px){:root{--main-layout-height:2000px;--upload-box-height:28%}.step1,.step2{margin:10px 0 20px 0}}