.user-guide-image-upload{display:grid;grid-template-columns:80px 1fr;grid-gap:20px;align-items:center;width:-moz-fit-content;width:fit-content;margin:auto}@media(max-width:650px){.user-guide-image-upload{grid-template-columns:60px 1fr}}@media(max-width:550px){.user-guide-image-upload{grid-template-columns:1fr;row-gap:20px;justify-items:center;width:100%}}.user-guide-image-upload__uploader{position:relative;width:80px;height:80px;border:1px solid #000;font-size:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.4s cubic-bezier(.4,0,.2,1);border-radius:6px;background-color:#fff}@media(max-width:650px){.user-guide-image-upload__uploader{width:60px;height:60px}}.user-guide-image-upload__uploader:hover{background-color:#000}.user-guide-image-upload__uploader:hover .md-icon{color:#fff!important}.user-guide-image-upload__uploader input{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;cursor:pointer}.user-guide-image-upload__uploader label{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center}.user-guide-image-upload__uploader label .md-icon{color:#000!important;font-size:30px!important}.user-guide-image-upload__images{overflow-x:scroll;overflow-y:hidden;height:200px;width:100%;white-space:nowrap;text-align:left}@media(max-width:650px){.user-guide-image-upload__images{height:150px}}.user-guide-image-upload__images-wrapper{position:relative;overflow:hidden;height:200px;width:calc(50vw - 140px);margin-right:-50vw}@media(max-width:650px){.user-guide-image-upload__images-wrapper{width:100%;margin-right:0;height:150px}}.user-guide-image-upload__images-wrapper--multi-image:after{content:"";position:absolute;top:0;right:0;width:40px;height:100%;background:linear-gradient(90deg,transparent,#fff)}.user-guide-image-upload__image{width:200px;height:200px;position:relative;border:1px solid #000;border-radius:6px;overflow:hidden;display:inline-block;margin-right:20px}@media(max-width:650px){.user-guide-image-upload__image{width:150px;height:150px}}.user-guide-image-upload__image img{width:100%;height:100%!important;-o-object-fit:cover;object-fit:cover}.user-guide-image-upload__image__remove{position:absolute;top:5px;right:5px;cursor:pointer;transition:.4s cubic-bezier(.4,0,.2,1)}.user-guide-image-upload__image__remove .md-icon{color:#fff!important;font-size:30px!important;filter:drop-shadow(0 0 .5rem #000)}.user-guide-image-upload__image__remove:hover{transform:scale(1.2)}.user-guide-image-upload__demo-image{position:relative;width:200px;height:200px;border:1px solid #000;border-radius:6px;overflow:hidden;cursor:pointer}@media(max-width:650px){.user-guide-image-upload__demo-image{width:150px;height:150px}}@media(max-width:550px){.user-guide-image-upload__demo-image{width:100%;height:auto}.user-guide-image-upload__demo-image:after{display:block;content:"";padding-bottom:100%}}.user-guide-image-upload__demo-image img{width:100%;height:100%!important;-o-object-fit:cover;object-fit:cover}@media(max-width:550px){.user-guide-image-upload__demo-image img{position:absolute;top:0;left:0}}.user-guide-image-upload__demo-images{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:20px;grid-area:images}.user-guide-image-upload__demo-images-wrapper{display:grid;-moz-column-gap:20px;column-gap:20px;grid-template-areas:"divider title title" "divider images images" "divider images images"}@media(max-width:650px){.user-guide-image-upload__demo-images-wrapper{padding-right:20px}}@media(max-width:550px){.user-guide-image-upload__demo-images-wrapper{-moz-column-gap:10px;column-gap:10px;grid-template-areas:"divider divider" "title title" "images images" "images images";padding-right:0;width:100%}}.user-guide-image-upload__title{font-size:18px;margin:0 0 10px;text-align:center;grid-area:title}.user-guide-image-upload__divider{grid-area:divider;display:flex;align-items:center;justify-content:center;font-size:20px;padding:0 40px;font-weight:700}@media(max-width:650px){.user-guide-image-upload__divider{padding:0 20px}}@media(max-width:550px){.user-guide-image-upload__divider{margin:20px auto}}.user-guide-fifth-step{text-align:center}.user-guide-fifth-step__image-title{margin:10px 0 40px;font-size:25px;font-weight:700;text-align:center;color:#000}@media(max-width:550px){.user-guide-fifth-step__image-title{font-size:20px}}.user-guide-fifth-step .user-guide__input{margin-bottom:40px}