@font-face{font-family:"circular std";src:local("circular std"),url(/classwalidosti/static/media/CircularStdFont.0cea81af.otf) format("otf")}.App{text-align:center}#header{height:200px}#header,#headerBG{width:100%}#welcomePage-wishTeacher{width:90%;text-align:center}#reliveYourClassroom{font-size:16px;font-weight:500;margin-bottom:5px}#missingYourClassroom{font-size:14px;color:#000;opacity:.6}#lets-payback{font-size:24px;color:#000;opacity:.87}#welcomePage-detail{width:100%;height:800px}#welcomePage-detail,#welcomePage-header{background-color:#fff;display:flex;flex-direction:column;align-items:center}#welcomePage-header{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:-24%;border-radius:10px;width:90%;padding-top:5%;padding-bottom:5%;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}#student-teachersCard{width:90%;margin-top:5%}#bringBack-memories{font-size:16px;margin:0;color:#000;opacity:.87;text-align:left}#choose-card{font-size:14px;color:#666;font-weight:500;text-align:left}.cards-image{border-radius:10px}.web-banner{position:relative}.web-banner-info{background:#fff;border:1px solid #f5f5f5;box-sizing:border-box;box-shadow:10px 40px 50px rgba(229,233,246,.4);border-radius:8px;padding:32px;width:70%;position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%)}.web-banner-heading{font-style:normal;font-weight:500;font-size:24px;line-height:150%;text-align:center;margin-bottom:8px;color:rgba(0,0,0,.87)}.web-banner-subheading{width:60%;font-style:normal;font-weight:450;font-size:16px;line-height:150%;margin:0 auto;color:rgba(0,0,0,.6)}.web-content{width:70%;margin:80px auto 0}.web-content-heading{font-style:normal;font-weight:500;font-size:24px;line-height:150%;color:rgba(0,0,0,.87);text-align:left}.web-content-subheading{font-style:normal;font-weight:450;font-size:20px;line-height:21px;color:#666;text-align:left;margin-top:8px;margin-bottom:40px}.web-content-images{margin-top:40px;margin-bottom:50px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-row-gap:32px;row-gap:32px}.web-content-categoryLabel{text-align:left;font-weight:700;font-size:18px}.web-content-images>img{border:.605px solid #ccc;box-sizing:border-box;border-radius:4.84px}.web-modal-left{display:flex;align-items:center;justify-content:center}.web-modal-inputlabel{font-weight:450;line-height:150%;margin-bottom:8px}.preview-modal-heading,.web-modal-inputlabel{font-style:normal;font-size:16px;color:rgba(0,0,0,.87)}.preview-modal-heading{font-weight:500;line-height:24px;text-align:center}.preview-modal-left{width:300px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.preview-modal-img{width:100%}#studentNameDisplay,#teacherNameDisplay{position:absolute}.preview-modal-subheading{font-style:normal;font-weight:450;font-size:14px;line-height:24px;color:#666;text-align:center}.preview-modal-right{display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-modal-button{display:flex;align-items:center;margin-top:25px;justify-content:flex-start;grid-gap:4%;gap:4%}.preview-modal-share{padding:12px 24px;width:150px;background:#08bd80;border-radius:4px;color:#fff;text-align:center}.preview-modal-download{padding:12px 24px;margin-left:16px;width:150px;border-radius:4px;background:#fff;border:1px solid #f2f2f2}.preview-modal-download,.preview-modal-social{display:flex;align-items:center;justify-content:center}.preview-modal-social{margin-top:16px}.social-icon{padding:12px;height:50px;background:#fff;border:1px solid #f2f2f2;border-radius:4px;box-sizing:border-box;margin-right:22px;cursor:pointer}.web-send-teacher{margin-top:10px;width:100%;display:flex;justify-content:center}#preview-modal-copyBlock,.preview-moadl-right{display:flex;flex-direction:column;align-items:center}#preview-modal-copyBlock{width:80%;border-radius:5px;border:1px solid #f2f2f2;padding:2%;margin-top:5%}#preview-modal-copyBtn{width:80%;height:30px;text-align:center;border-top:1px solid #f2f2f2;margin-top:5%;padding-top:2%}#preview-modal-copyImg{width:20%}#preview-modal-fbCTA{width:150px}#snackbar-web{visibility:hidden;min-width:150px;margin-left:-110px;background-color:rgba(51,51,51,.808);color:#fff;font-weight:700;text-align:center;border-radius:7px;padding:10px;position:fixed;z-index:1;left:58%;bottom:50px}.welcomepage-categoryLabel{font-weight:700;font-size:15px;margin-top:5%}#snackbar-web.show{visibility:visible;z-index:99999;-webkit-animation:fadein .3s,fadeout .3s 1.5s;animation:fadein .3s,fadeout .5s 2.5s}.imgText{color:#ff0;text-align:center}.preview-modal-img{position:relative}.web-studentName-display-m1{position:absolute;font-size:7px;text-transform:capitalize!important;top:79px;left:75px;width:58px}.web-studentName-display-m1-2{position:absolute;font-size:5px;text-transform:capitalize!important;top:60px;left:200px;width:48px}.web-teacherName-display-m1{top:76px;left:204px;width:50px}.web-friendName-display-m1,.web-teacherName-display-m1{position:absolute;font-size:6px;text-transform:capitalize!important}.web-friendName-display-m1{top:93px;left:200px;width:45px}.web-studentName-display-m2{color:#03bed6;position:absolute;font-size:6px;text-transform:capitalize!important;top:156px;left:15px;width:55px}.web-studentName-display-m2-2{top:58px;left:205px;display:none}.web-studentName-display-m2-2,.web-teacherName-display-m2{color:#03bed6;position:absolute;font-size:7px;text-transform:capitalize!important}.web-teacherName-display-m2{top:63px;left:24px;width:58px}.web-friendName-display-m2{color:#03bed6;position:absolute;font-size:7px;text-transform:capitalize!important;top:137px;left:228px;width:55px}.web-studentName-display-m3{top:136px;left:22px;width:65px}.web-studentName-display-m3,.web-studentName-display-m3-2{color:#ff0;position:absolute;font-size:7px;text-transform:capitalize!important}.web-studentName-display-m3-2{top:58px;left:205px;display:none}.web-teacherName-display-m3{font-size:7px;top:147px;left:22px}.web-friendName-display-m3,.web-teacherName-display-m3{color:#ff0;position:absolute;text-transform:capitalize!important;width:60px}.web-friendName-display-m3{font-size:8px;top:140px;left:214px}.web-studentName-display-m4{color:#043b7a;position:absolute;font-size:10px;font-weight:600;text-transform:capitalize!important;text-align:right;top:33px;right:190px;width:95px}.web-studentName-display-m4-2{font-size:7px;top:58px;left:205px}.web-studentName-display-m4-2,.web-teacherName-display-m4{color:#ff0;position:absolute;text-transform:capitalize!important;display:none}.web-teacherName-display-m4{font-size:10px;top:145px;right:230px}.web-friendName-display-m4{color:#043b7a;font-size:10px;text-align:left;top:33px;left:138px;width:95px}.web-friendName-display-m4,.web-studentName-display-m5{font-weight:600;position:absolute;text-transform:capitalize!important}.web-studentName-display-m5{color:#ca3103;font-size:12px;text-align:right;top:27px;right:166px;width:120px}.web-studentName-display-m5-2{position:absolute;font-size:7px;text-transform:capitalize!important;top:58px;left:205px;display:none}.web-teacherName-display-m5{color:#ff0;position:absolute;font-size:8px;text-transform:capitalize!important;top:70px;left:212px;width:70px}.web-friendName-display-m5{color:#ca3103;font-size:12px;text-align:left;top:27px;left:170px;width:120px}.web-friendName-display-m5,.web-studentName-display-m6{font-weight:600;position:absolute;text-transform:capitalize!important}.web-studentName-display-m6{color:#ff0;font-size:6px;text-align:right;top:108px;right:89px;width:60px}.web-studentName-display-m6-2{position:absolute;font-size:7px;text-transform:capitalize!important;top:58px;left:205px;display:none}.web-teacherName-display-m6{color:#ff0;position:absolute;font-size:6px;text-transform:capitalize!important;top:124px;left:173px;width:60px}.web-friendName-display-m6{color:#ca3103;font-size:14px;top:24px;right:88px;display:none}.web-friendName-display-m6,.web-studentName-display-m7{font-weight:600;position:absolute;text-transform:capitalize!important}.web-studentName-display-m7{color:#ff0;font-size:5px;top:86px;left:180px;width:40px}.web-studentName-display-m7-2{position:absolute;font-size:7px;text-transform:capitalize!important;top:58px;left:205px;display:none}.web-teacherName-display-m7{top:100px;left:175px;width:45px}.web-friendName-display-m7,.web-teacherName-display-m7{color:#ff0;position:absolute;font-size:5px;text-transform:capitalize!important}.web-friendName-display-m7{font-weight:600;top:69px;left:240px;width:50px}.web-studentName-display-m8{color:#ff4500;position:absolute;font-size:5.5px;font-weight:600;text-transform:capitalize!important;top:85px;left:123px;width:45px}.web-studentName-display-m8-2{position:absolute;font-size:7px;text-transform:capitalize!important;top:58px;left:205px;display:none}.web-teacherName-display-m8{font-size:12px;top:35.5px;left:50px;width:130px}.web-friendName-display-m8,.web-teacherName-display-m8{color:#ff4500;position:absolute;font-weight:600;text-transform:capitalize!important}.web-friendName-display-m8{font-size:7px;top:95px;left:110px;width:70px}.web-studentName-display-m9{color:#ff0;position:absolute;font-size:6px;font-weight:600;text-transform:capitalize!important;text-align:right;top:61px;right:125px;width:50px}.web-studentName-display-m9-2{position:absolute;font-size:7px;text-transform:capitalize!important;top:58px;left:205px;display:none}.web-teacherName-display-m9{top:70px;left:123px;width:80px}.web-friendName-display-m9,.web-teacherName-display-m9{color:#ff0;position:absolute;font-size:6px;font-weight:600;text-transform:capitalize!important}.web-friendName-display-m9{text-align:right;top:99px;right:20px;width:70px}.web-studentName-display-m10{color:#ff0;position:absolute;font-size:5px;font-weight:600;text-transform:capitalize!important;text-align:right;top:142px;right:255px;width:45.5px;max-height:9px}.web-studentName-display-m10-2{position:absolute;font-size:7px;text-transform:capitalize!important;top:58px;left:205px;display:none}.web-teacherName-display-m10{font-size:6px;top:151px;left:15px}.web-friendName-display-m10,.web-teacherName-display-m10{color:#ff0;position:absolute;text-transform:capitalize!important;width:70px}.web-friendName-display-m10{font-weight:600;font-size:7px;text-align:right;top:132px;right:16px}.web-studentName-display-m11{color:#ff0;position:absolute;font-size:6px;font-weight:600;text-transform:capitalize!important;top:141px;left:20px}.web-studentName-display-m11-2{position:absolute;font-size:7px;text-transform:capitalize!important;top:58px;left:205px;display:none}.web-teacherName-display-m11{font-size:6px;top:151px;left:25px}.web-friendName-display-m11,.web-teacherName-display-m11{color:#ff0;position:absolute;text-transform:capitalize!important}.web-friendName-display-m11{font-weight:600;font-size:7px;top:132px;left:230px}.web-studentName-display-f1{position:absolute;font-size:7px;text-transform:capitalize!important;top:79px;left:75px;width:58px}.web-studentName-display-f1-2{position:absolute;font-size:5px;text-transform:capitalize!important;top:60px;left:200px;width:48px}.web-teacherName-display-f1{top:76px;left:204px;width:50px}.web-friendName-display-f1,.web-teacherName-display-f1{position:absolute;font-size:6px;text-transform:capitalize!important}.web-friendName-display-f1{top:93px;left:200px;width:45px}.web-studentName-display-f2{color:#03bed6;position:absolute;font-size:6px;text-transform:capitalize!important;top:156px;left:15px;width:55px}.web-studentName-display-f2-2{top:58px;left:205px;display:none}.web-studentName-display-f2-2,.web-teacherName-display-f2{color:#03bed6;position:absolute;font-size:7px;text-transform:capitalize!important}.web-teacherName-display-f2{top:63px;left:24px;width:58px}.web-friendName-display-f2{color:#03bed6;position:absolute;font-size:7px;text-transform:capitalize!important;top:137px;left:228px;width:55px}.web-studentName-display-f3{top:136px;left:22px;width:65px}.web-studentName-display-f3,.web-studentName-display-f3-2{color:#ff0;position:absolute;font-size:7px;text-transform:capitalize!important}.web-studentName-display-f3-2{top:58px;left:205px;display:none}.web-teacherName-display-f3{font-size:7px;top:147px;left:22px}.web-friendName-display-f3,.web-teacherName-display-f3{color:#ff0;position:absolute;text-transform:capitalize!important;width:60px}.web-friendName-display-f3{font-size:8px;top:140px;left:214px}.web-studentName-display-f4{color:#043b7a;position:absolute;font-size:10px;font-weight:600;text-transform:capitalize!important;text-align:right;top:33px;right:190px;width:95px}.web-studentName-display-f4-2{font-size:7px;top:58px;left:205px}.web-studentName-display-f4-2,.web-teacherName-display-f4{color:#ff0;position:absolute;text-transform:capitalize!important;display:none}.web-teacherName-display-f4{font-size:10px;top:145px;right:230px}.web-friendName-display-f4{color:#043b7a;font-size:10px;text-align:left;top:33px;left:138px;width:95px}.web-friendName-display-f4,.web-studentName-display-f5{font-weight:600;position:absolute;text-transform:capitalize!important}.web-studentName-display-f5{color:#ca3103;font-size:12px;text-align:right;top:27px;right:166px;width:120px}.web-studentName-display-f5-2{position:absolute;font-size:7px;text-transform:capitalize!important;top:58px;left:205px;display:none}.web-teacherName-display-f5{color:#ff0;position:absolute;font-size:8px;text-transform:capitalize!important;top:70px;left:212px;width:70px}.web-friendName-display-f5{color:#ca3103;font-size:12px;text-align:left;top:27px;left:170px;width:120px}.web-friendName-display-f5,.web-studentName-display-f6{font-weight:600;position:absolute;text-transform:capitalize!important}.web-studentName-display-f6{color:#ff0;font-size:6px;text-align:right;top:108px;right:89px;width:60px}.web-studentName-display-f6-2{position:absolute;font-size:7px;text-transform:capitalize!important;top:58px;left:205px;display:none}.web-teacherName-display-f6{color:#ff0;position:absolute;font-size:6px;text-transform:capitalize!important;top:124px;left:173px;width:60px}.web-friendName-display-f6{color:#ca3103;font-size:14px;top:24px;right:88px;display:none}.web-friendName-display-f6,.web-studentName-display-f7{font-weight:600;position:absolute;text-transform:capitalize!important}.web-studentName-display-f7{color:#ff0;font-size:5px;top:86px;left:180px;width:40px}.web-studentName-display-f7-2{position:absolute;font-size:7px;text-transform:capitalize!important;top:58px;left:205px;display:none}.web-teacherName-display-f7{top:100px;left:175px;width:45px}.web-friendName-display-f7,.web-teacherName-display-f7{color:#ff0;position:absolute;font-size:5px;text-transform:capitalize!important}.web-friendName-display-f7{font-weight:600;top:69px;left:240px;width:50px}.web-studentName-display-f8{color:#ff4500;font-weight:600;top:85px;left:123px;width:45px}.web-studentName-display-f8,.web-studentName-display-f8-2{position:absolute;font-size:5.5px;text-transform:capitalize!important}.web-studentName-display-f8-2{top:58px;left:205px;display:none}.web-teacherName-display-f8{font-size:12px;top:35.5px;left:50px;width:130px}.web-friendName-display-f8,.web-teacherName-display-f8{color:#ff4500;position:absolute;font-weight:600;text-transform:capitalize!important}.web-friendName-display-f8{font-size:7px;top:95px;left:110px;width:70px}.web-studentName-display-f9{color:#ff0;position:absolute;font-size:6px;font-weight:600;text-transform:capitalize!important;text-align:right;top:61px;right:125px;width:50px}.web-studentName-display-f9-2{position:absolute;font-size:7px;text-transform:capitalize!important;top:58px;left:205px;display:none}.web-teacherName-display-f9{top:70px;left:123px;width:80px}.web-friendName-display-f9,.web-teacherName-display-f9{color:#ff0;position:absolute;font-size:6px;font-weight:600;text-transform:capitalize!important}.web-friendName-display-f9{text-align:right;top:99px;right:20px;width:70px}.web-studentName-display-f10{color:#ff0;position:absolute;font-size:5px;font-weight:600;text-transform:capitalize!important;text-align:right;top:142px;right:255px;width:45.5px;max-height:9px}.web-studentName-display-f10-2{position:absolute;font-size:7px;text-transform:capitalize!important;top:58px;left:205px;display:none}.web-teacherName-display-f10{font-size:6px;top:151px;left:15px}.web-friendName-display-f10,.web-teacherName-display-f10{color:#ff0;position:absolute;text-transform:capitalize!important;width:70px}.web-friendName-display-f10{font-weight:600;font-size:7px;text-align:right;top:132px;right:16px}.web-studentName-display-f11{color:#ff0;position:absolute;font-size:6px;font-weight:600;text-transform:capitalize!important;top:141px;left:20px}.web-studentName-display-f11-2{position:absolute;font-size:7px;text-transform:capitalize!important;top:58px;left:205px;display:none}.web-teacherName-display-f11{font-size:6px;top:151px;left:25px}.web-friendName-display-f11,.web-teacherName-display-f11{color:#ff0;position:absolute;text-transform:capitalize!important}.web-friendName-display-f11{font-weight:600;font-size:7px;top:132px;left:230px}#details-page{width:100%;align-items:center}#details-page,#enter-details{display:flex;flex-direction:column}#enter-details{align-items:flex-start;width:90%;margin-top:5%}#inputText{width:100%;text-align:left;margin-top:5%}#personalise-this-memory{text-align:left;font-weight:500;font-size:16px}#details-bottom-div{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5%;padding-top:5%;margin-bottom:5%;border-top:1px solid #e5e5e5}#details-submit-cta{background:#009ae0;border-radius:4px;height:45px;width:90%;border:none;color:#fff;font-weight:400}#details-submit-cta:disabled{background-color:grey}#output-page{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:50px}#wrapper{height:100vh;width:100vw;position:absolute;top:0;left:0}#navbar{top:0}#output-card-display{width:300px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.studentName-display-m1{top:23%;font-size:8px;left:26%;width:65px;text-align:center}.studentName-display-m1,.studentName-display-m1-2{position:absolute;text-transform:capitalize;color:#ff0}.studentName-display-m1-2{top:18%;font-size:6px;left:65%;width:50px}.teacherName-display-m1{top:23%;font-size:7px;left:66%;width:52px}.friendName-display-m1,.teacherName-display-m1{position:absolute;text-transform:capitalize;color:#ff0}.friendName-display-m1{top:28.5%;font-size:8px;left:58%;width:70px;text-align:right}.studentName-display-m2{position:absolute;top:49%;font-size:7px;text-transform:capitalize;color:#ff0;left:4%;width:52px}.studentName-display-m2-2{display:none}.teacherName-display-m2{top:18.5%;left:8%;width:52px}.friendName-display-m2,.teacherName-display-m2{position:absolute;font-size:7px;text-transform:capitalize;color:#ff0}.friendName-display-m2{top:43.5%;right:6%;width:58px;text-align:center}.studentName-display-m3{position:absolute;top:43%;font-size:7px;text-transform:capitalize;color:#ff0;left:7%;width:52px}.studentName-display-m3-2{display:none}.teacherName-display-m3{top:47.5%;left:7%;width:52px}.friendName-display-m3,.teacherName-display-m3{position:absolute;font-size:7px;text-transform:capitalize;color:#ff0}.friendName-display-m3{top:44.5%;right:9%;text-align:right;width:65px}.studentName-display-m4{position:absolute;top:10%;font-size:12px;text-transform:capitalize;color:#0a0a93;left:6%;font-style:italic;width:90px;text-align:right;font-weight:bolder}.studentName-display-m4-2,.teacherName-display-m4{display:none}.friendName-display-m4{top:10%;font-size:12px;color:#0a0a93;right:24%;text-align:left;width:90px;font-style:italic}.friendName-display-m4,.studentName-display-m5{position:absolute;text-transform:capitalize;font-weight:bolder}.studentName-display-m5{top:8%;font-size:14px;color:#960707;left:9%;width:105px;text-align:right}.studentName-display-m5-2{display:none}.teacherName-display-m5{position:absolute;top:22.5%;font-size:7px;text-transform:capitalize;color:#ff0;left:74%;width:52px}.friendName-display-m5{top:8%;font-size:14px;color:#960707;right:8%;text-align:left;width:105px}.friendName-display-m5,.studentName-display-m6{position:absolute;text-transform:capitalize;font-weight:bolder}.studentName-display-m6{top:33.5%;font-size:6px;color:#ff0;right:29%;width:48px}.friendName-display-m6,.studentName-display-m6-2{display:none}.teacherName-display-m6{top:38.5%;font-size:6px;right:23%;width:50px}.studentName-display-m7,.teacherName-display-m6{position:absolute;text-transform:capitalize;color:#ff0;font-weight:bolder}.studentName-display-m7{top:26%;font-size:5px;right:26%;width:44px}.studentName-display-m7-2{display:none}.friendName-display-m7{top:20.5%;right:5%}.friendName-display-m7,.teacherName-display-m7{position:absolute;font-size:5px;text-transform:capitalize;color:#ff0;width:44px;font-weight:bolder}.teacherName-display-m7{top:31%;right:26%}.studentName-display-m8{position:absolute;top:26.3%;font-size:5px;text-transform:capitalize;color:#f4a81d;left:39%;width:55px;font-weight:bolder}.studentName-display-m8-2{display:none}.friendName-display-m8{top:30%;font-size:7px;color:#f4a81d;left:38%;width:60px}.friendName-display-m8,.teacherName-display-m8{position:absolute;text-transform:capitalize;font-weight:bolder}.teacherName-display-m8{top:11.2%;font-size:12px;color:#df0c0c;left:24%;width:100px}.studentName-display-m9{position:absolute;top:18.3%;font-size:6px;text-transform:capitalize;color:#ffc760;left:42%;text-align:right;width:50px;font-weight:bolder}.studentName-display-m9-2{display:none}.friendName-display-m9{top:30%;color:#ffc760;right:7%;width:55px;text-align:right}.friendName-display-m9,.teacherName-display-m9{position:absolute;font-size:6px;text-transform:capitalize;font-weight:bolder}.teacherName-display-m9{top:21.5%;color:#fbbd08;left:48%;width:44px}.studentName-display-m10{position:absolute;top:48.3%;font-size:8px;text-transform:capitalize;color:#db2828;left:54%;width:40px;font-weight:bolder}.studentName-display-m10-2{display:none}.friendName-display-m10{top:7.5%;right:35%;width:40px}.friendName-display-m10,.teacherName-display-m10{position:absolute;font-size:12px;text-transform:capitalize;color:#db2828;font-weight:bolder}.teacherName-display-m10{top:17.5%;left:24%;overflow:hidden}.studentName-display-m11{position:absolute;top:44.3%;font-size:5px;text-transform:capitalize;color:#fbbd08;left:3%;width:37px;text-align:right;font-weight:bolder}.studentName-display-m11-2{display:none}.friendName-display-m11{top:41.5%;font-size:7px;right:7%;text-align:right;width:65px}.friendName-display-m11,.teacherName-display-m11{position:absolute;text-transform:capitalize;color:#fbbd08;font-weight:bolder}.teacherName-display-m11{top:47.5%;font-size:6px;left:8.5%;width:48px}.studentName-display-f1{top:23%;font-size:8px;left:26%;width:65px;text-align:center}.studentName-display-f1,.studentName-display-f1-2{position:absolute;text-transform:capitalize;color:#ff0}.studentName-display-f1-2{top:18%;font-size:6px;left:65%;width:50px}.teacherName-display-f1{top:23%;font-size:7px;left:66%;width:52px}.friendName-display-f1,.teacherName-display-f1{position:absolute;text-transform:capitalize;color:#ff0}.friendName-display-f1{top:28.5%;font-size:8px;left:58%;width:70px;text-align:right}.studentName-display-f2{position:absolute;top:49%;font-size:7px;text-transform:capitalize;color:#ff0;left:4%;width:52px}.studentName-display-f2-2{display:none}.teacherName-display-f2{top:18.5%;left:8%;width:52px}.friendName-display-f2,.teacherName-display-f2{position:absolute;font-size:7px;text-transform:capitalize;color:#ff0}.friendName-display-f2{top:43.5%;right:6%;width:58px;text-align:center}.studentName-display-f3{position:absolute;top:43%;font-size:7px;text-transform:capitalize;color:#ff0;left:7%;width:52px}.studentName-display-f3-2{display:none}.teacherName-display-f3{top:47.5%;left:7%;width:52px}.friendName-display-f3,.teacherName-display-f3{position:absolute;font-size:7px;text-transform:capitalize;color:#ff0}.friendName-display-f3{top:44.5%;right:9%;text-align:right;width:65px}.studentName-display-f4{position:absolute;top:10%;font-size:12px;text-transform:capitalize;color:#0a0a93;left:6%;font-style:italic;width:90px;text-align:right;font-weight:bolder}.studentName-display-f4-2,.teacherName-display-f4{display:none}.friendName-display-f4{top:10%;font-size:12px;color:#0a0a93;right:24%;text-align:left;width:90px;font-style:italic}.friendName-display-f4,.studentName-display-f5{position:absolute;text-transform:capitalize;font-weight:bolder}.studentName-display-f5{top:8%;font-size:14px;color:#960707;left:9%;width:105px;text-align:right}.studentName-display-f5-2{display:none}.teacherName-display-f5{position:absolute;top:22.5%;font-size:7px;text-transform:capitalize;color:#ff0;left:74%;width:52px}.friendName-display-f5{top:8%;font-size:14px;color:#960707;right:8%;text-align:left;width:105px}.friendName-display-f5,.studentName-display-f6{position:absolute;text-transform:capitalize;font-weight:bolder}.studentName-display-f6{top:33.5%;font-size:6px;color:#ff0;right:29%;width:48px}.friendName-display-f6,.studentName-display-f6-2{display:none}.teacherName-display-f6{top:38.5%;font-size:6px;right:23%;width:50px}.studentName-display-f7,.teacherName-display-f6{position:absolute;text-transform:capitalize;color:#ff0;font-weight:bolder}.studentName-display-f7{top:26%;font-size:5px;right:26%;width:44px}.studentName-display-f7-2{display:none}.friendName-display-f7{top:20.5%;right:5%}.friendName-display-f7,.teacherName-display-f7{position:absolute;font-size:5px;text-transform:capitalize;color:#ff0;width:44px;font-weight:bolder}.teacherName-display-f7{top:31%;right:26%}.studentName-display-f8{position:absolute;top:26.3%;font-size:5px;text-transform:capitalize;color:#f4a81d;left:39%;width:55px;font-weight:bolder}.studentName-display-f8-2{display:none}.friendName-display-f8{top:30%;font-size:7px;color:#f4a81d;left:38%;width:60px}.friendName-display-f8,.teacherName-display-f8{position:absolute;text-transform:capitalize;font-weight:bolder}.teacherName-display-f8{top:11.2%;font-size:12px;color:#df0c0c;left:24%;width:100px}.studentName-display-f9{position:absolute;top:18.3%;font-size:6px;text-transform:capitalize;color:#ffc760;left:42%;text-align:right;width:50px;font-weight:bolder}.studentName-display-f9-2{display:none}.friendName-display-f9{top:30%;color:#ffc760;right:7%;width:55px;text-align:right}.friendName-display-f9,.teacherName-display-f9{position:absolute;font-size:6px;text-transform:capitalize;font-weight:bolder}.teacherName-display-f9{top:21.5%;color:#fbbd08;left:48%;width:44px}.studentName-display-f10{position:absolute;top:48.3%;font-size:8px;text-transform:capitalize;color:#db2828;left:54%;width:40px;font-weight:bolder}.studentName-display-f10-2{display:none}.friendName-display-f10{top:7.5%;right:35%;width:40px}.friendName-display-f10,.teacherName-display-f10{position:absolute;font-size:12px;text-transform:capitalize;color:#db2828;font-weight:bolder}.teacherName-display-f10{top:17.5%;left:24%;overflow:hidden}.studentName-display-f11{position:absolute;top:44.3%;font-size:5px;text-transform:capitalize;color:#fbbd08;left:3%;width:37px;text-align:right;font-weight:bolder}.studentName-display-f11-2{display:none}.friendName-display-f11{top:41.5%;font-size:7px;right:7%;text-align:right;width:65px}.friendName-display-f11,.teacherName-display-f11{position:absolute;text-transform:capitalize;color:#fbbd08;font-weight:bolder}.teacherName-display-f11{top:47.5%;font-size:6px;left:8.5%;width:48px}#output-card-display img{width:100%;-webkit-filter:drop-shadow(0 4.20513px 8.41026px hsla(0,0%,40%,.12));filter:drop-shadow(0 4.20513px 8.41026px rgba(102,102,102,.12));border-radius:8px}#share-memory-block{width:90%;margin-top:5%;display:flex;flex-direction:column;align-items:center}#memory-ready{font-size:16px;font-weight:500;color:rgba(0,0,0,.8705882352941177);opacity:.87}#share-with-world{font-size:14px;font-weight:450;color:#666;margin-top:5%}#copyBlock{width:90%;border-radius:5px;border:1px solid #f2f2f2;padding:2%;margin-top:5%}#copyBtn{height:30px;border-top:1px solid #f2f2f2;margin-top:5%;padding-top:2%}#copyImage{width:20%}#output-cta-block{width:90%}#output-cta-block,#share-cta-block{display:flex;flex-direction:row;align-items:center;justify-content:center;grid-gap:10%;gap:10%}#share-cta-block{width:70%;margin-top:4%;margin-bottom:5%}#share-cta-block img{width:15%}#btmSheet-share-block{margin-top:5%;width:90%;display:flex;flex-direction:row;align-items:center;justify-content:center;grid-gap:9%;gap:9%}#btmSheet-share-block img{width:15%}#whatsapp-cta{width:80%;margin-top:10%;height:auto}#shareSocial-cta{width:40%;margin-top:5%;margin-bottom:5%}#output-share-block{width:90%;display:flex;flex-direction:row;align-items:center;justify-content:center;grid-gap:10%;gap:10%;margin-top:10%}#output-share-block img{width:15%}#output-drawer{position:fixed;width:100%;min-height:45vh;display:flex;flex-direction:column;bottom:0;left:0;z-index:1000;border-top-left-radius:30px;border-top-right-radius:30px;-webkit-animation-name:slideIn;animation-name:slideIn;background-color:#fff;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.btmSheet-wrapper{height:100vh;width:100vw;background-color:rgba(0,0,0,.6);position:fixed}@-webkit-keyframes slideIn{0%{bottom:-100vh}to{bottom:0}}@keyframes slideIn{0%{bottom:-100vh}to{bottom:0}}#sendYourTeacher{border-bottom:1px solid #f2f2f2;box-sizing:border-box;height:25px;font-weight:500;font-size:16px;text-align:left;margin:20px 0;padding:0 5%;display:flex;justify-content:space-between}#drawer-form{text-align:left;padding-left:5%;padding-top:5%}#drawer-inputText{font-weight:450;font-size:14px}#drawer-cta{margin-top:5%;width:80%;height:45px;color:#fff;border:none;background:#009ae0;border-radius:4px;position:absolute;bottom:10px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#snackbar{visibility:hidden;min-width:150px;margin-left:-110px;background-color:rgba(51,51,51,.808);color:#fff;font-weight:700;text-align:center;border-radius:7px;padding:10px;position:fixed;z-index:1;left:58%;bottom:50px}#snackbar.show{visibility:visible;-webkit-animation:fadein .3s,fadeout .3s 1.5s;animation:fadein .3s,fadeout .5s 2.5s}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:50px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:50px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:50px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:50px;opacity:1}to{bottom:0;opacity:0}}.teacher-name{color:#006eff}.web-navbar{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:#fff;border-bottom:1px solid #e5e5e5;display:flex;justify-content:flex-start;padding:0 130px}.web-memory-head{display:flex;justify-content:space-between;width:80%;margin:60px auto}.memory-left-heading{font-style:normal;font-weight:500;font-size:24px;line-height:150%;color:rgba(0,0,0,.87);text-align:left}.memory-left-subheading{margin-top:8px;font-style:normal;font-weight:450;font-size:20px;line-height:21px;color:#666;text-align:left}.web-memory-right{display:flex;align-items:center;align-self:flex-end;justify-content:center}.post-button{width:100%;background:#08bd80;border-radius:4px;margin-right:16px;color:#fff}.createnew-button,.post-button{padding:12px 24px;font-weight:500;font-size:14px;line-height:24px;cursor:pointer}.createnew-button{font-style:normal;color:#3a4751;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;border-radius:4px}.web-memory-mainImg{display:none}.web-memory-images{width:70%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:50px;-webkit-column-gap:50px;column-gap:50px;grid-row-gap:50px;row-gap:50px}.memory-image-card{display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;-webkit-filter:drop-shadow(0 13px 27px #dae2ed);filter:drop-shadow(0 13px 27px #dae2ed);background-color:#f7f7f7}.memoryImage{height:246px;width:246px}.addMemoryImage{height:128px;width:128px}.add-img{background-color:#fff}.add-img,.image-view-background{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.image-view-background{position:fixed;top:0;left:0;flex-direction:column;background-color:rgba(0,0,0,.37)}.img-head{color:#fff;display:flex;align-items:center;-webkit-transform:translate(130px);transform:translate(130px)}.img-img{border-radius:5px;overflow:hidden;box-sizing:border-box}.web-memory-bottombuttons{display:none}@media only screen and (max-width:700px){.web-navbar{padding:0 10px;width:100%}.web-memory-head{margin:0 0 0 5%}.memory-left-heading{font-weight:500;font-size:16px;line-height:24px}.memory-left-subheading{font-style:normal;font-weight:450;font-size:14px;line-height:21px}.web-memory-right{display:none}.web-memory-bottombuttons{display:block;position:fixed;width:100%;border-top:1px solid #e5e5e5;padding:15px 20px;bottom:0;left:0;background-color:#fff}.web-memory-mainImg{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:10px auto 15px;display:flex;justify-content:center;align-items:center;padding:10px;background-color:#f7f7f7}.web-memory-images{width:84%;grid-template-columns:1fr 1fr 1fr;grid-column-gap:20px;grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;grid-row-gap:20px;grid-row-gap:10px;row-gap:10px;height:99px}.addMemoryImage,.memoryImage{height:70px;width:70px}.memory-image-card{padding:5px}}@media only screen and (max-width:375px){#web-memory-mainImg-img{height:245px;width:245px}}#creativeUrl-page{align-items:center}#creativeUrl-page,#navbar{display:flex;flex-direction:column}#navbar{width:100%;height:40px;background-color:#fff;position:fixed;text-align:left;padding-left:5%;box-shadow:0 1px 4px #dae2ed;z-index:2000;justify-content:center}#navbar-clpLogo{width:30%}#creativeUrl-heading{margin-top:60px}#creativeUrl-heading,#creativeUrl-middle{color:rgba(0,0,0,.87);font-style:normal;font-weight:400;font-size:16px;width:90%}#creativeUrl-middle{margin-top:50px}#creativeUrl-bottom{padding-top:10%;padding-bottom:10%;position:fixed;bottom:0;left:0;border-top:1px solid #e5e5e5;flex-direction:column;width:100%;height:60px}#creativeUrl-bottom,#creativeUrl-cta-block{display:flex;align-items:center;justify-content:center}#creativeUrl-cta-block{flex-direction:row;width:90%;grid-gap:5%;gap:5%;margin-top:2%}#creativeurl-memory{width:90%}#creativeUrl-bottom img{width:40%}#card-display{width:300px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:50px}#card-display img{width:100%;border:2.10256px solid #f2f2f2;box-sizing:border-box;-webkit-filter:drop-shadow(0 4.20513px 8.41026px hsla(0,0%,40%,.12));filter:drop-shadow(0 4.20513px 8.41026px rgba(102,102,102,.12));border-radius:8px}#teacher-modal-head{font-weight:bolder;font-size:16px;color:#000}#teacher-modal-content{font-weight:lighter;font-size:14px;color:#000;display:flex;align-items:center;justify-content:center;height:80px;margin-top:3%;width:80%;text-align:center}#teacher-modal-button{color:#fff;background-color:#009ae0;border:none;border-radius:3px;width:50%;height:40px}#tutor-bottom-block{width:100%;height:40px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(196,193,193,.925);padding-top:8%;padding-bottom:8%;position:fixed;bottom:0;left:0}#tutor-bottom-btn{color:#fff;background-color:#009ae0;border:none;border-radius:3px;width:80%;height:40px}#teacher-modal-1{display:flex}#teacher-modal-1,#teacher-modal-2{padding:5%;flex-direction:column;align-items:center;height:200px}#teacher-modal-2{display:none}
/*# sourceMappingURL=main.24b3c0bf.chunk.css.map */