@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);.content .download-btn,.wrapper .upload-box{cursor:pointer;box-shadow:0 5px 0 #020203,inset 0 2px 3px #3d3d45}.row .column label,.sizes .column input,.upload-box p{font-size:1.06rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;color:#fff}body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#101010}.wrapper{width:450px;height:288px;padding:30px;background:#18181b;box-shadow:inset 0 -5px 0 #020203,inset 0 2px 3px #3d3d45;border-radius:9px;transition:height .2s;border:1px solid #3d3d45}.wrapper.active{height:557px}.wrapper .upload-box{height:225px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:5px;border:1px solid #3d3d45}.wrapper.active .upload-box{border:none}.content .checkboxes,.upload-box p{margin-top:20px}.wrapper.active .upload-box p{display:none}.wrapper.active .upload-box img{width:100%;height:100%;object-fit:cover;border-radius:5px}.wrapper .content{opacity:0;margin-top:28px;pointer-events:none}.wrapper.active .content{opacity:1;pointer-events:auto;transition:opacity .5s 50ms}.sizes .column input{color:#000;box-shadow:0 5px 0 #020203,0 -2px 3px #3d3d45;width:100%;height:49px;outline:0;margin-top:7px;padding:0 15px;border-radius:4px;border:1px solid #222}.content .row{display:flex;justify-content:space-between}.content .row .column{width:calc(100% / 2 - 15px)}.sizes .column input:focus{padding:0 14px;border:1px solid #222}.checkboxes .column{display:flex;align-items:center}.checkboxes .column input{width:17px;height:17px;margin-right:9px;accent-color:#222}.content .download-btn{width:100%;color:#fff;outline:0;border:1px solid #3d3d45;font-size:1.06rem;border-radius:5px;padding:15px 0;margin:30px 0 10px;background:#222;text-transform:uppercase}