@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41e95f694c5c4549-s.0r1jrq7neqdsq.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6c55a692938ebbbc-s.0g6rbszwfgn9y.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a218039a3287bcfd-s.p.17-1enzs_j91b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bdc7e24a509eb931-s.0apt5mko2.qn3.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0da9c7f357bd9d4d-s.0ek5sshv8wk3m.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8e6fa89aa22d24ec-s.p.0uvzar8hswo3p.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0a7740363b4d4863-s.1110aazvokzp..woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5f9d24ebef5d5292-s.0esuu2f5si~v8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e2334d715941921e-s.p.12skym0rqknxy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b53057dbf91a7acf-s.0carvq6u72s58.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/798ea22d9983e047-s.106do9xzbuago.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47fe1b7cd6e6ed85-s.p.0~mcdl10zdfb3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_679b12f0-module__C6ubPG__className{font-family:Poppins,Poppins Fallback;font-style:normal}
*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.container{background:linear-gradient(#dbeafe,#add0ff);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.container .title-container{position:relative}.container .title-container .page-title{text-align:center;font-size:32px;font-weight:600}.container .title-container .page-title span{color:#4f46e5}.container .title-container .arrow-detail{height:130px;position:absolute;top:10px;right:-90px;transform:rotate(-10deg)}.container .qr-code-container{background-color:#f8fafc;border-radius:12px;gap:12px;width:700px;padding:12px;display:flex;box-shadow:0 4px 30px #0000001a}.container .qr-code-container .qr-code,.container .qr-code-container .qr-code-customization{background-color:#fff;border-radius:12px;width:50%;padding:18px}.container .qr-code-container .qr-code{flex-direction:column;gap:10px;display:flex}.container .qr-code-container .qr-code .link-input{flex-direction:column;gap:2px;display:flex}.container .qr-code-container .qr-code .link-input label{font-size:14px;font-weight:600}.container .qr-code-container .qr-code .link-input input{border:1px solid #e2e8f0;border-radius:8px;padding:10px}.container .qr-code-container .qr-code .link-input input:focus{outline:1px solid #4f46e5}.container .qr-code-container .qr-code .qr-code-preview{flex-direction:column;align-items:center;gap:12px;display:flex}.container .qr-code-container .qr-code-customization{flex-direction:column;justify-content:space-between;display:flex}.container .qr-code-container .qr-code-customization .customization-container{flex-direction:column;gap:4px;display:flex}.container .qr-code-container .qr-code-customization .customization-container .input-container{flex-direction:column;gap:14px;display:flex}.container .qr-code-container .qr-code-customization .customization-container .input-container .input-box{flex-direction:column;gap:2px;display:flex}.container .qr-code-container .qr-code-customization .customization-container .input-container .input-box label{font-size:14px;font-weight:400}.container .qr-code-container .qr-code-customization .customization-container .input-container .input-box .input-file{opacity:0;z-index:2;cursor:pointer;height:60px;position:absolute}.container .qr-code-container .qr-code-customization .customization-container .input-container .input-box .input-file-button{z-index:1;color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;justify-content:center;align-items:center;gap:4px;width:fit-content;padding:8px 12px;font-size:14px;display:flex;position:relative}.container .qr-code-container .qr-code-customization .customization-container .input-container .input-box #logoSize{appearance:none;background-color:#f8fafc;background-image:url(/chevron-down.svg);background-position:right 12px center;background-repeat:no-repeat;background-size:18px;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px}.container .qr-code-container .qr-code-customization .customization-container .input-container .input-box #logoSize:focus{outline:1px solid #4f46e5}.container .qr-code-container .qr-code-customization .customization-container .input-container.colors{flex-direction:row;gap:32px}.container .qr-code-container .qr-code-customization .customization-container .input-container.colors .input-color{cursor:pointer;background-color:#0000;border:none;width:100%;height:30px}.container .qr-code-container .qr-code-customization .download-button{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:background-color .2s}.container .qr-code-container .qr-code-customization .download-button:hover{background-color:#4338ca}@media screen and (max-width:768px){.container{gap:16px;padding:32px 5%}.container .title-container .arrow-detail{display:none}.container .qr-code-container{flex-direction:column;width:100%}.container .qr-code-container .qr-code{width:100%}.container .qr-code-container .qr-code-customization{gap:12px;width:100%}}