.generate-certificate{position:relative;min-height:100vh;padding:13rem 1.5rem}@media (min-width:640px){.generate-certificate{padding-left:3rem;padding-right:3rem}}@media (min-width:768px){.generate-certificate{padding-left:4rem;padding-right:4rem}}@media (min-width:1024px){.generate-certificate{padding-left:5rem;padding-right:5rem}}@media (min-width:1280px){.generate-certificate{padding-left:7rem;padding-right:7rem}}@media (min-width:1536px){.generate-certificate{padding-left:10rem;padding-right:10rem}}.generate-certificate button{display:inline-block;width:100%;border-radius:9999px;border-width:1px;padding-top:.5rem;padding-bottom:.5rem;text-align:center;font-size:1rem;font-weight:500;--tw-bg-opacity:1;background-color:rgb(96 201 223/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(17 21 33/var(--tw-text-opacity,1))}.generate-certificate button:hover{opacity:.8}@media (min-width:640px){.generate-certificate button{width:13rem}}@media (min-width:768px){.generate-certificate button{width:16rem}}@media (min-width:1280px){.generate-certificate button{width:18rem;font-size:1.125rem}}.generate-certificate button.mini{margin-top:1rem;width:8rem;padding-top:.375rem;padding-bottom:.375rem;font-size:1rem}.generate-certificate .image-wrapper{position:absolute;left:0;top:0;z-index:-10;height:100%;width:100%}.generate-certificate .image-wrapper img{height:100%;width:100%;object-fit:cover}.generate-certificate .title{margin-left:auto;margin-right:auto;display:block;text-align:center;font-size:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(38 40 100/var(--tw-text-opacity,1))}@media (min-width:768px){.generate-certificate .title{width:500px}}@media (min-width:1024px){.generate-certificate .title{font-size:1.5rem}}.generate-certificate .inputs{margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem}@media (min-width:640px){.generate-certificate .inputs{flex-direction:row}}.generate-certificate .inputs input{height:41px;width:100%;padding-top:.5rem;padding-bottom:.5rem;font-size:1.125rem;--tw-text-opacity:1;color:rgb(17 21 33/var(--tw-text-opacity,1))}@media (min-width:640px){.generate-certificate .inputs input{width:24rem}}.generate-certificate .error{margin-left:auto;margin-right:auto;margin-top:8rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.generate-certificate .error svg{font-size:3rem}.generate-certificate .error p,.generate-certificate .error svg{--tw-text-opacity:1;color:rgb(38 40 100/var(--tw-text-opacity,1))}.generate-certificate .error p{font-size:1.25rem;font-weight:700}.generate-certificate .share-code{margin-top:5rem;display:flex;width:100%;flex-direction:column;gap:.75rem;border-radius:.75rem;padding:2.5rem 1.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}@media (min-width:640px){.generate-certificate .share-code{padding-left:2.5rem;padding-right:2.5rem}}.generate-certificate .share-code h3{font-size:1.5rem;font-weight:700;--tw-text-opacity:1;color:rgb(17 21 33/var(--tw-text-opacity,1))}.generate-certificate .share-code .subtitle{font-size:1rem;font-weight:600;--tw-text-opacity:1;color:rgb(17 21 33/var(--tw-text-opacity,1))}.generate-certificate .share-code .blocks{display:flex;flex-direction:column;gap:2.5rem}@media (min-width:1024px){.generate-certificate .share-code .blocks{flex-direction:row}}@media (min-width:1280px){.generate-certificate .share-code .blocks{gap:7rem}}.generate-certificate .share-code .blocks .label{margin-top:1.5rem;font-size:1rem;--tw-text-opacity:1;color:rgb(20 75 152/var(--tw-text-opacity,1))}.generate-certificate .share-code .blocks .code-block{padding:2rem 1.5rem;border-radius:calc(var(--radius) - 2px);border-width:1px;border-color:rgb(17 21 33/.3);font-size:1rem;color:rgb(17 21 33/.7)}.generate-certificate .share-code .blocks .btn-wrapper{display:flex;justify-content:flex-end}.generate-certificate .share-code .blocks .btn-wrapper .copy-button{display:flex;align-items:center;justify-content:center;gap:.5rem}.generate-certificate .share-code .blocks .btn-wrapper .copy-button.copied{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}