@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);@font-face{font-family:junicode;src:url(/ui/assets/fonts/Junicode.ttf) format("truetype")}@font-face{font-family:western;src:url(/ui/assets/fonts/WesternBangBang-Regular.woff) format("opentype")}@font-face{font-family:sketch;src:url(/ui/assets/fonts/SketchPencilDemoItalic.ttf) format("truetype")}@font-face{font-family:arington;src:url(/ui/assets/fonts/Arington_Demo.ttf) format("truetype")}@font-face{font-family:Crock;src:url(/fonts/crock.ttf) format("truetype")}*{margin:0;padding:0;outline:0;appearance:none;border:0;text-decoration:none;list-style:none;box-sizing:border-box}@keyframes loader{0%{transform:translate(-50%,-50%) rotate(0) scale(.95)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.05)}100%{transform:translate(-50%,-50%) rotate(360deg) scale(.95)}}body{font-family:Crock;transition:.5s ease-in-out;font-weight:400;font-size:1vh;color:#fff;overflow:hidden;user-select:none;background-color:rgb(10 10 10)}.loader{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#000}.loading-circle{position:absolute;width:10%;height:15%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:30px;background:url(/images/page/banner.png) center/contain no-repeat;animation:1s linear infinite loader}.loading-value{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);font-size:1.5vh;font-weight:600;letter-spacing:1px}.upload-cont{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.title1{position:absolute;top:5%;font-size:2.5vh}.title2{position:absolute;top:9%;font-size:4vh}.backgorund-effect{position:absolute;width:100%;height:100%;filter:drop-shadow(0 0 .35rem rgb(0, 0, 0));background:url(/ui/assets/bg.png) center/100% 105% no-repeat}.drag-cont{position:absolute;display:flex;align-items:center;justify-content:center;width:40%;height:55%;top:5%;left:0;filter:drop-shadow(0 0 .35rem rgb(15, 15, 15));border-radius:10px;z-index:1}.drag-text{position:absolute;display:flex;align-items:center;justify-content:center;width:40%;height:25%;top:50%;background-color:rgba(40,40,40,.5);filter:drop-shadow(0 0 .35rem rgb(15, 15, 15));border-radius:10px;font-size:1.5vh;border:dashed gray;transition:.5s}.or-title{position:absolute;display:flex;align-items:center;justify-content:center;width:10%;height:2%;top:52%;left:15%;background-color:rgba(40,40,40,.5);filter:drop-shadow(0 0 .35rem rgb(15, 15, 15));border-radius:10px}.line1{position:absolute;width:30%;height:1%;left:5%;background-color:#d3d2d2}.line2{position:absolute;width:30%;height:1%;right:5%;background-color:#d3d2d2}#imgUpload{position:absolute;top:0;left:0;display:none}.drag-text:hover{border:dashed #fff;background-color:rgba(172,168,168,.5)}#dragicon{position:relative;font-size:2vh;left:3%;top:0}#logo-banner{position:absolute;top:0;left:11%;width:14%}.chose-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:8%;height:4%;top:50%;left:16%;border-radius:10px;background-color:#000;z-index:1;font-size:1.2vh;font-weight:600;transition:.5s}.chose-btn:hover{transform:scale(1.1);background-color:#b9b9b9;color:#000}.chose-btn:active{transition:none;transform:scale(1);background-color:#b9b9b9;color:#000}#choseicon{position:relative;margin-right:5px;font-size:1.5vh;left:0;top:0}.preview-cont{position:absolute;display:flex;align-items:center;justify-content:center;width:550px;height:700px;border-radius:50px;top:30%}#preview-img{position:absolute;width:104%;height:102%;opacity:1;filter:drop-shadow(0 0 .25rem rgb(0, 0, 0));background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:32px}.preview-desc{position:absolute;top:23%;font-size:2vh}.notify-cont{position:absolute;display:flex;align-items:center;justify-content:center;width:30%;height:10%;bottom:13%;border-radius:32px;font-size:1.5vh;color:#fff}.notify{white-space:nowrap}#erroricon{position:absolute;top:10%;margin-left:10px;font-size:2.5vh;color:#c40000}#copyimg{position:absolute;font-size:4.5vh;color:#fff;filter:drop-shadow(0 0 .25rem rgb(0, 0, 0));top:1%;right:0;z-index:1;cursor:pointer;transition:.5s}#copyimg:hover{color:#000;transform:scale(1.05);filter:drop-shadow(0 0 .25rem rgb(255, 255, 255))}#copyimg:active{transform:scale(1);transition:none}.preview-last-cont{position:absolute;display:flex;flex-wrap:wrap;align-content:flex-start;user-select:none;text-decoration:none;overflow:auto;overflow-x:hidden;width:38%;height:89%;right:0;border-radius:32px;z-index:2;top:6%}.other-title{position:absolute;right:15%;top:95%;font-size:2.5vh}#otherphoto{position:relative;user-select:none;text-decoration:none;width:18%;height:18%;top:0;left:5%;margin:10px 19px;border-radius:32px;z-index:3;transition:.5s}#otherphoto:hover{cursor:pointer;transform:scale(1.1)}#otherphoto:active{cursor:pointer;transition:none;transform:scale(1.05)}.preview-last-cont::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#000}.preview-last-cont::-webkit-scrollbar{width:.7vh;background-color:#d4b795}.preview-last-cont::-webkit-scrollbar-thumb{background-color:#a1a1a1;border:1px solid #3632328a}.website-upload-val{position:absolute;display:flex;align-items:center;justify-content:center;width:15%;height:9%;top:84%;filter:drop-shadow(0 0 .35rem rgb(88, 86, 86));background:url(/ui/assets/.png) center/100% 105% no-repeat}.upload-val{position:absolute;font-size:3.5vh;font-weight:600;color:#fff;top:5%}.upload-val-label{position:absolute;font-size:2.5vh;font-weight:600;color:#fff;top:60%}@media (max-width:1920px){.notify-cont{width:30%;height:10%;bottom:5%;font-size:1.5vh}.preview-cont{width:450px;height:550px}#otherphoto{width:20%;height:29%;top:0;left:0;margin:10px 14px;border-radius:25px}.chose-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:9%;height:5%;top:61%;left:15.5%;border-radius:10px;background-color:#000;z-index:1;font-size:1.3vh;font-weight:600;transition:.5s}.loading-value{top:59%}}@media (min-width:5120px){.notify-cont{width:30%;height:10%;bottom:5%;font-size:1.5vh}.preview-cont{width:450px;height:550px}#logo-banner{top:0;left:15%;width:11%}#otherphoto{width:14%;height:18%;top:0;left:5%;margin:10px 14px;border-radius:25px}.drag-cont{top:13%}.chose-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:9%;height:5%;top:61%;left:15.5%;border-radius:10px;background-color:#000;z-index:1;font-size:1.3vh;font-weight:600;transition:.5s}.loading-value{top:59%}}