@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/034d78ad42e9620c-s.woff2) format("woff2");unicode-range:u+0900-097f,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(/_next/static/media/fe0777f1195381cb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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(/_next/static/media/eafabf029ad39a43-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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(/_next/static/media/db911767852bc875-s.woff2) format("woff2");unicode-range:u+0900-097f,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(/_next/static/media/f10b8e9d91f3edcb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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(/_next/static/media/8888a3826f4a3af4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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(/_next/static/media/29e7bbdce9332268-s.woff2) format("woff2");unicode-range:u+0900-097f,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(/_next/static/media/c3bc380753a8436c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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(/_next/static/media/0484562807a97172-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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(/_next/static/media/29a4aea02fdee119-s.woff2) format("woff2");unicode-range:u+0900-097f,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(/_next/static/media/a1386beebedccca4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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(/_next/static/media/b957ea75a84b6ea7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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%}.__className_6bee3b{font-family:Poppins,Poppins Fallback;font-style:normal}*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box}.container{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100vh;background-color:#EFF6FF;background-image:radial-gradient(at 15% 25%,#BFDBFE 0,transparent 50%),radial-gradient(at 85% 75%,#BAE6FD 0,transparent 50%),radial-gradient(at 50% 10%,#E0F2FE 0,transparent 40%),radial-gradient(at 70% 40%,#DDD6FE 0,transparent 35%);gap:32px;.title-container{position:relative;.page-title{font-weight:600;text-align:center;font-size:32px;span{color:#60A5FA}}.arrow-detail{position:absolute;right:-90px;height:130px;top:10px;transform:rotate(-10deg)}}.qr-code-container{background-color:#F8FAFC;padding:12px;border-radius:12px;display:flex;gap:12px;width:700px;box-shadow:0 4px 30px rgba(0,0,0,.1);.qr-code,.qr-code-customization{background-color:#FFFFFF;padding:18px;border-radius:12px;width:50%}.qr-code{display:flex;flex-direction:column;gap:10px;.link-input{display:flex;flex-direction:column;gap:2px;label{font-weight:600;font-size:14px}input{padding:10px;border-radius:8px;border:1px solid #e2e8f0;&:focus{outline:1px solid #60A5FA}}}.qr-code-preview{display:flex;flex-direction:column;align-items:center;gap:12px}}.qr-code-customization{display:flex;flex-direction:column;justify-content:space-between;.customization-container{display:flex;flex-direction:column;gap:4px;.input-container{display:flex;flex-direction:column;gap:14px;.input-box{display:flex;flex-direction:column;gap:2px;label{font-weight:400;font-size:14px}.input-file{opacity:0;position:absolute;z-index:2;height:60px;cursor:pointer}.input-file-button{position:relative;z-index:1;background-color:#60A5FA;border-radius:8px;border:none;padding:8px 12px;color:#FFFFFF;display:flex;gap:4px;align-items:center;justify-content:center;cursor:pointer;font-size:14px;width:-moz-fit-content;width:fit-content}#logoSize{background-color:#F8FAFC;border:1px solid #e2e8f0;padding:8px 12px;border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(/_next/static/media/chevron-down.99ca55e8.svg);background-repeat:no-repeat;background-position:right 12px center;background-size:18px;&:focus{outline:1px solid #60A5FA}}}}.input-container.colors{flex-direction:row;gap:32px;.input-color{border:none;background-color:transparent;height:30px;width:100%;cursor:pointer}}}.download-button{background-color:#60A5FA;color:#ffffff;padding:12px 24px;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:background-color .2s;&:hover{background-color:#3B82F6}}}}}@media screen and (max-width:768px){.container{padding:32px 5%;gap:16px;.title-container{.arrow-detail{display:none}}.qr-code-container{flex-direction:column;width:100%;.qr-code{width:100%}.qr-code-customization{width:100%;gap:12px}}}}