.metaTagsGenerator{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:32px;background-color:var(--background);min-height:100vh;width:60vw;min-width:60vw;max-width:60vw;margin:64px auto}@media screen and (max-width:425px){.metaTagsGenerator{width:80vw;min-width:80vw;max-width:80vw;gap:16px}}.metaTagsGenerator .inputContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%}@media screen and (max-width:768px){.metaTagsGenerator .inputContainer{margin-top:88px}}@media screen and (max-width:425px){.metaTagsGenerator .inputContainer{margin-top:72px;gap:4px}}.metaTagsGenerator .inputContainer h1{font-size:3rem;font-weight:700;margin-bottom:24px;text-align:center;line-height:3.5rem}@media screen and (max-width:425px){.metaTagsGenerator .inputContainer h1{margin-bottom:8px}}.metaTagsGenerator .inputContainer h1 span{background:linear-gradient(201deg,#f660a8 -14.35%,#6919ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.metaTagsGenerator .inputContainer p{font-size:1rem;font-weight:400;margin-bottom:16px;text-align:left;line-height:1.25}@media screen and (max-width:768px){.metaTagsGenerator .inputContainer p{text-align:center}}.metaTagsGenerator .inputContainer p span{font-weight:700}.metaTagsGenerator .inputContainer .inputGroup{width:100%}.metaTagsGenerator .inputContainer .inputGroup label{font-size:1rem;font-weight:700}.metaTagsGenerator .inputContainer .inputGroup .inputWrapper{position:relative;display:flex;align-items:center}.metaTagsGenerator .inputContainer .inputGroup .inputWrapper .counter{position:absolute;right:10px;font-size:12px;opacity:.8;color:#0dc926}.metaTagsGenerator .inputContainer .inputGroup .inputWrapper .counter.red{color:red}.metaTagsGenerator .inputContainer .inputGroup input,.metaTagsGenerator .inputContainer .inputGroup textarea{font-family:Inter,sans-serif;width:100%;padding:10px 16px;font-size:1.1rem;border-radius:8px;border:2px solid #ccc;transition:border .2s ease-in-out;background-color:var(--white)}.metaTagsGenerator .inputContainer .inputGroup input[type=color],.metaTagsGenerator .inputContainer .inputGroup textarea[type=color]{height:40px;padding:4px 16px}.metaTagsGenerator .inputContainer .inputGroup input:focus,.metaTagsGenerator .inputContainer .inputGroup textarea:focus{outline:none;border:2px solid #6919ec}.metaTagsGenerator .inputContainer .inputGroup input::placeholder,.metaTagsGenerator .inputContainer .inputGroup textarea::placeholder{color:#ccc;font-weight:500}.metaTagsGenerator .inputContainer .inputGroup textarea{resize:vertical}.metaTagsGenerator pre{background-color:var(--white);padding:16px;border-radius:8px;white-space:pre-wrap;word-wrap:break-word;width:60vw;font-size:.9rem;line-height:1.4;overflow-x:auto}.metaTagsGenerator button{background-color:var(--color-palette-generator-main);color:#fff;padding:20px 16px;border-radius:8px;cursor:pointer;transition:.3s;width:100%;font-size:1.25rem;font-weight:600;text-align:center}.metaTagsGenerator button:hover{scale:1.025}