@import"https://fonts.googleapis.com/css2?family=Reddit+Sans:ital,wght@0,200..900;1,200..900&display=swap";*{font-family:Reddit Sans,sans-serif}.app{background:linear-gradient(106.85deg,#efe5ff -11.67%,#dcd3f6 23.38%,#fff 94.97%);overflow:auto;height:100vh}.canvasNavbar{height:70px}.wrapperContainer{height:calc(100vh - 70px);min-height:740px;display:flex;overflow-x:hidden}.wrapperDiv{height:100%;width:calc(100vw - 500px);display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:-50px;padding:10px}.wrapperImg{width:500px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.wrapperTitle{color:#130951;font-size:40px;font-weight:700;text-align:center}.wrapperDescription{font-size:18px;font-weight:500;text-align:center;color:#130951;margin-top:20px;max-width:500px;line-height:24px}.exploreBtn{border-radius:6px;height:40px;width:250px;background-color:#6930ca;color:#fff;margin-top:30px;border:none}.canvasPlayground{margin:20px 30px;display:flex;height:calc(100vh - 130px);min-height:740px}.canvasNotFound{display:none}@media only screen and (max-width: 766px){.canvasContainer{display:none}.canvasNotFound{display:block}.navbar-toggler{display:none}}.canvasDiv{background-color:#fff;margin-right:2px;border-radius:8px 0 0 8px;padding:16px;box-shadow:#63636333 0 2px 8px}.canvasInput{width:50%;border-radius:8px 0 0 8px;display:flex}.canvasOutput{position:relative;width:50%;border-radius:0 8px 8px 0}.canvasSection{width:110px}.canvasFields{width:calc(100% - 130px);border-width:16px 16px 0px 16px;border-style:solid;border-color:#f9f5ff;border-top-right-radius:8px}.canvasType{padding:10px;margin-bottom:6px;border-radius:8px 0 0 8px;cursor:pointer}.canvasFieldInputs{height:100%;border-width:1px 1px 0px 1px;border-style:solid;border-color:#a6a7b0;border-top-left-radius:8px;border-top-right-radius:8px;padding:14px;overflow:scroll}.canvasHeading{margin-bottom:10px;color:#2b2d42;font-size:16px;line-height:20px;font-weight:600}.canvasSubHeading{margin-bottom:8px;color:#2b2d42;font-size:14px;line-height:18px;font-weight:600}.canvasDescription{margin-bottom:8px;color:#6b6c7b;font-size:12px;line-height:16px;font-weight:600}.colorPicker{height:24px;width:24px;border:none;background:none;margin-right:10px}.colorPickerContainer{border:1px solid #a6a7b0;border-radius:8px;padding:8px;height:40px;min-width:110px;display:flex}.canvasLine{height:1px;background-color:#e6e5e8;margin-top:20px;margin-bottom:20px}.selectedCard{border:1px solid #6930CA!important;border-radius:8px}.imgDescription{color:#2b2d42;font-size:12px;line-height:16px;font-weight:600;margin-top:8px;text-align:center;margin-bottom:0}.cardSelection{display:flex;flex-direction:column;align-items:center}.d-flex{display:flex!important}.justify-center{justify-content:center}.align-center{align-items:center}.flex-column{flex-direction:column}.justify-content-between{justify-content:space-between}.mb-24{margin-bottom:24px}.mt-8{margin-top:8px}.mx-8{margin-right:8px;margin-left:8px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.ml-8{margin-left:8px}.mr-24{margin-right:24px}.inputField{padding:10px;width:100%;border:1px solid #a6a7b0;border-radius:8px;height:45px}.radioInput{color:#847f8d;font-size:14px;font-weight:500}.w-90{width:90%!important}.w-40{width:40%!important}.w-50{width:50%!important}.disabledDiv{cursor:not-allowed;background-color:#e6e5e7;opacity:.75!important}.iframeDiv{border:#121212;border-radius:40px;border-style:solid;border-width:16px 8px;background-size:cover;overflow:scroll;z-index:2;width:350px;height:700px;box-shadow:#ffffff1a 0 1px 1px inset,#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}@media only screen and (max-width: 880px){.radioContainer{flex-direction:column}.iframeDiv{width:310px}}.divCenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-logo{width:20px}.navHeading{margin-left:5px;color:#6930ca}.page-not-found-div{background-color:#fff;border-radius:8px;padding:16px;box-shadow:#63636333 0 2px 8px}.export-btn{background-color:#6930ca!important;color:#fff!important;width:150px;z-index:3}.copy-btn{font-size:14px}.export-btn:hover,.copy-btn,.copy-btn:hover{background-color:#6930ca!important;color:#fff!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#2b2d4299;z-index:3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.modal-content{position:relative!important;width:600px!important;max-width:90%!important;border-radius:10px!important;background-color:#fff!important;box-shadow:0 4px 8px #0000001a}.modal-header{padding:8px 16px!important;border-bottom:1px solid #deddde!important}.modal-footer{padding:16px!important}.close-btn{background:none;border:none;cursor:pointer;font-size:20px;color:#2b2d42}