:root{--color-primary: #128C7E;--color-text: #123929;--color-light: #48D366;--color-danger: #C62828;--font: Play, system-ui, sans-serif;--fw-normal: 400;--fw-bold: 700}html{background-color:var(--color-primary);font-family:var(--font);font-weight:var(--fw-normal)}code{font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}body{margin:0;padding:0}h1,h2,h3,h4,h5,b,strong{font-weight:var(--fw-bold)}select:where(.astro-DJQV4X6K){border:1px solid var(--color-text);border-radius:.5rem;color:var(--color-text);font-family:var(--font);font-size:1rem;padding:.4rem;width:100%}select:where(.astro-DJQV4X6K):focus{border:1px solid var(--color-light);outline:none}input:where(.astro-L2GNTPCT),button:where(.astro-L2GNTPCT),textarea:where(.astro-L2GNTPCT){appearance:none;border:none;border-radius:.5rem;font-family:var(--font);font-size:1rem}input:where(.astro-L2GNTPCT):focus,button:where(.astro-L2GNTPCT):focus,textarea:where(.astro-L2GNTPCT):focus{outline:none}.input-hidden:where(.astro-L2GNTPCT){display:none}main:where(.astro-L2GNTPCT){display:grid;min-height:100vh;place-content:center center}.generator:where(.astro-L2GNTPCT){background-color:#fff;border-radius:.5rem;box-shadow:0 0 7px var(--color-text);display:block;margin:2rem 0;width:640px}.generator__container:where(.astro-L2GNTPCT){padding:2rem}.generator__title:where(.astro-L2GNTPCT){font-size:1.5rem;margin-top:0}.generator__instructions:where(.astro-L2GNTPCT){margin:1rem 0}.generator__form:where(.astro-L2GNTPCT){display:flex;flex-wrap:wrap;margin:1.5rem 0 0}.generator__form:where(.astro-L2GNTPCT) .form__group:where(.astro-L2GNTPCT){display:grid;gap:1rem;grid-template-columns:1fr 1fr;flex:0 0 100%}.form__input:where(.astro-L2GNTPCT){appearance:none;border:1px solid var(--color-text);padding:.4rem}.form__textarea:where(.astro-L2GNTPCT){border:1px solid var(--color-text);flex:0 0 94%;padding:1rem;margin:1rem 0}.form__input:where(.astro-L2GNTPCT):focus,.form__textarea:where(.astro-L2GNTPCT):focus{border:1px solid var(--color-light)}.form__errors:where(.astro-L2GNTPCT){background-color:var(--color-danger);border-radius:.5rem .5rem 0 0;color:#fff;max-height:0;transition:all .2s ease-in-out;width:100%}.form__errors:where(.astro-L2GNTPCT) p:where(.astro-L2GNTPCT){opacity:0;margin:0;padding:1rem}.form__errors:where(.astro-L2GNTPCT).show{max-height:100px}.form__errors:where(.astro-L2GNTPCT).show p:where(.astro-L2GNTPCT){opacity:1}.form__button:where(.astro-L2GNTPCT){background-color:var(--color-light);color:#fff;cursor:pointer;padding:.7rem 1rem;transition:all .2s ease-in-out}.form__button:where(.astro-L2GNTPCT):hover{background-color:var(--color-primary)}.generator__result:where(.astro-L2GNTPCT){margin:0;max-height:0}.generator__result:where(.astro-L2GNTPCT) :where(.astro-L2GNTPCT){opacity:0;height:0;margin:0}.generator__result:where(.astro-L2GNTPCT).show{margin-top:2rem;transition:all .2s ease-in-out;max-height:500px}.generator__result:where(.astro-L2GNTPCT).show :where(.astro-L2GNTPCT){opacity:1;height:fit-content;transition:all .2s ease-in-out}.generator__result-title:where(.astro-L2GNTPCT){margin-bottom:.5rem}.generator__link:where(.astro-L2GNTPCT){align-items:center;background-color:var(--color-primary);border-radius:.5rem;color:#fff;display:flex;gap:.5rem;justify-content:space-between;margin:0;padding:1rem;word-break:break-all}.generator__link:where(.astro-L2GNTPCT) input:where(.astro-L2GNTPCT){background-color:var(--color-primary);color:#fff;height:fit-content;resize:none;width:100%}.button-copy:where(.astro-L2GNTPCT){background-color:#fff;border:1px solid var(--color-primary);border-radius:.5rem;color:var(--color-text);cursor:pointer;flex:0 0 90px;padding:.3rem .5rem;transition:all .2s ease-in-out;width:fit-content}.button-copy:where(.astro-L2GNTPCT):hover{background-color:var(--color-primary);border:1px solid #fff;color:#fff}.generator__button-group:where(.astro-L2GNTPCT){margin-top:2rem}.generator__button-group:where(.astro-L2GNTPCT) p:where(.astro-L2GNTPCT){margin:0 0 1rem}.generator__button:where(.astro-L2GNTPCT){border:2px;color:var(--color-text)}.generator__button:where(.astro-L2GNTPCT) .form__group:where(.astro-L2GNTPCT){position:relative}.generator__button:where(.astro-L2GNTPCT) .form__group:where(.astro-L2GNTPCT) .button-copy:where(.astro-L2GNTPCT){position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.generator__btn-code:where(.astro-L2GNTPCT){background-color:var(--color-primary);border-radius:.5rem;color:#fff;display:block;margin:0 0 1rem;padding:.5rem 2%;resize:none;height:100px!important;text-align:left;width:96%}.generator__copy:where(.astro-L2GNTPCT){color:#fff;font-size:.9rem;padding-bottom:1rem;text-align:center}.generator__link:where(.astro-L2GNTPCT) a\a0:where(.astro-L2GNTPCT){color:#fff;text-decoration:none}@media (max-width: 767px){main:where(.astro-L2GNTPCT){place-content:flex-start center}.generator:where(.astro-L2GNTPCT){margin:1rem auto;width:94%}.generator__form:where(.astro-L2GNTPCT) .form__group:where(.astro-L2GNTPCT){grid-template-columns:50% 50%}}