.mt-utm-url-generator{background:var(--mt--color--background--secondary);border-radius:16px;display:flex;flex-direction:column;flex-wrap:wrap;gap:32px;padding:56px 64px}@media screen and (max-width:1536px){.mt-utm-url-generator{gap:24px}}@media screen and (max-width:800px){.mt-utm-url-generator{padding:40px 32px}}@media only screen and (max-width:400px){.mt-utm-url-generator{padding:32px 16px}}.mt-utm-url-generator__title{color:#fff;font-size:28px;font-weight:600;letter-spacing:-.28px;line-height:1.35}@media screen and (max-width:800px){.mt-utm-url-generator__title{font-size:24px}}.mt-utm-url-generator__inputs{display:flex;flex-wrap:wrap;gap:32px 24px}@media screen and (max-width:1536px){.mt-utm-url-generator__inputs{gap:16px}}@media screen and (min-width:801px){.mt-utm-url-generator__inputs .mt-utm-url-generator__input:nth-child(2),.mt-utm-url-generator__inputs .mt-utm-url-generator__input:nth-child(3){width:calc(50% - 12px)}}@media screen and (min-width:801px)and (max-width:1536px){.mt-utm-url-generator__inputs .mt-utm-url-generator__input:nth-child(2),.mt-utm-url-generator__inputs .mt-utm-url-generator__input:nth-child(3){width:calc(50% - 8px)}}.mt-utm-url-generator__input{width:100%}.mt-utm-url-generator__input input[type=text]{background:rgba(255,216,190,.06);border-color:rgba(255,216,190,.2);color:var(--mt--color--white)}.mt-utm-url-generator__input input[type=text]:-moz-placeholder{color:var(--mt--color--text--tertiary)}.mt-utm-url-generator__input input[type=text]:-ms-input-placeholder{color:var(--mt--color--text--tertiary)}.mt-utm-url-generator__input input[type=text]::-moz-placeholder{color:var(--mt--color--text--tertiary)}.mt-utm-url-generator__input input[type=text]::-webkit-input-placeholder{color:var(--mt--color--text--tertiary)}.mt-utm-url-generator__input input[type=text]:focus{border-color:var(--mt--color--text--highlight)}.mt-utm-url-generator__input--invalid input[type=text],.mt-utm-url-generator__input--invalid input[type=text]:focus{border-color:red}.mt-utm-url-generator__input-label{color:#fff;display:block;font-size:14px;font-weight:600;letter-spacing:1.68px;line-height:1.68;margin-bottom:8px;text-transform:uppercase}@media screen and (max-width:1536px){.mt-utm-url-generator__input-label{font-size:12px;letter-spacing:1.2px}}.mt-utm-url-generator__input-error{color:#fff;display:block;font-size:14px;margin-top:8px}.mt-utm-url-generator__separator{background:var(--mt--color--text--highlight);height:1px;opacity:.3;width:100%}.mt-utm-url-generator__generated-url{align-items:flex-end;display:flex;gap:16px}@media screen and (max-width:800px){.mt-utm-url-generator__generated-url{align-items:flex-start;flex-direction:column}}.mt-utm-url-generator__copy-button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--mt--color--text--highlight);border:0;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;gap:12px;height:48px;justify-content:center;outline:0;position:relative;transition:opacity .2s;width:120px}@media screen and (max-width:800px){.mt-utm-url-generator__copy-button{width:100%}}.mt-utm-url-generator__copy-button:hover{opacity:.8}.mt-utm-url-generator__copy-button span{color:#fff;font-family:var(--mt--font--primary),sans-serif;font-size:15px;font-weight:600;transition:opacity .2s ease}.mt-utm-url-generator__copy-button--copied{gap:7.86px}.mt-utm-url-generator__copy-button--copied .mt-utm-url-generator__copy-button-copy-icon{opacity:0;transform:translateY(-4px);width:14px}.mt-utm-url-generator__copy-button--copied .mt-utm-url-generator__copy-button-checkmark-icon{opacity:1;transform:translateY(0)}.mt-utm-url-generator__copy-button-icons{display:flex;position:relative}.mt-utm-url-generator__copy-button-copy-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjMDAxMjFGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIwIDloLTlhMiAyIDAgMCAwLTIgMnY5YTIgMiAwIDAgMCAyIDJoOWEyIDIgMCAwIDAgMi0ydi05YTIgMiAwIDAgMC0yLTIiLz48cGF0aCBzdHJva2U9IiMwMDEyMUYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNNSAxNUg0YTIgMiAwIDAgMS0yLTJWNGEyIDIgMCAwIDEgMi0yaDlhMiAyIDAgMCAxIDIgMnYxIi8+PC9zdmc+);background-position:50%;background-repeat:no-repeat;background-size:24px;filter:invert(1);height:24px;transition:opacity .1s ease,transform .2s ease;width:24px}.mt-utm-url-generator__copy-button-checkmark-icon{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBkYXRhLW5hbWU9ImNoZWNrbWFyayI+PGcgZGF0YS1uYW1lPSJHcm91cCAxIj48cGF0aCBmaWxsPSIjMDAxMjFGIiBkPSJNMTUuNzEyIDIuMjA5YS44NC44NCAwIDAgMC0xLjE4OC4wNzlMNS41NTggMTIuNTM1bC00LjEtNC4zNzVhLjg0My44NDMgMCAwIDAtMS4yMyAxLjE1M2w0LjczNyA1LjA1M2EuODUuODUgMCAwIDAgLjYxNS4yNjVoLjAxNGEuODQuODQgMCAwIDAgLjYyLS4yODdsOS41NzgtMTAuOTUxYS44NC44NCAwIDAgMC0uMDgtMS4xODQiIGRhdGEtbmFtZT0iUGF0aCAxIi8+PC9nPjwvZz48L3N2Zz4=);background-position:50%;background-repeat:no-repeat;background-size:14px;filter:invert(1);height:14px;opacity:0;position:absolute;right:0;top:5px;transform:translateY(4px);transition:opacity .15s ease,transform .2s ease;width:14px}