.utm-generator{direction: rtl}
.utm-generator form div{display:table; margin-bottom:10px;width:100%;}
.utm-generator label{display:table-cell; width: 120px;vertical-align: middle;color: #fff;text-align: left;padding-left: 20px;font-size: 12px;}
.utm-generator form{box-sizing:border-box;padding:20px 20px 0 40px;}
.utm-generator form span{font-family:IRANSans;display:block;color: #8d949c;text-align: left;}
.utm-generator input,.utm-generator textarea{font-family:IRANSans;display: table-cell;width:100%;direction: ltr;text-align: left;font-size: 16px;padding: 10px;border-radius: 6px;color: #4b525a;}
.utm-generator textarea{background:#e8e8e8;resize: none;word-break: break-all;}
.utm-generator input::placeholder {color: #8d949c;}
.utm-generator input:focus::placeholder {color: transparent;}
#copied {width: auto;margin-left: -70px;position:absolute;bottom:25px;left: 50%;transform: translateX(-50%) scale(0);opacity: 0;transition: all 199ms ease-out;background-color: #ffc107;border-radius: 6px;z-index: 4;}
#copied.shown {opacity: 1;transform: translateX(-50%) scale(1);}
#copied.shown span {color: #fff;display: block;padding: 10px 16px;font-size: 15px;}
[data-theme=light] .utm-generator label{color: #232a32;}
[data-theme=light] .utm-generator input, [data-theme=light] .utm-generator textarea{border: 1px solid #e3e3e3;}
.generatedUrl{position:relative;}
@media only screen and (max-width: 767px){
    .utm-generator label {display:block;width:100%;text-align: center;}
    .utm-generator form span {display: inline;}
    #copied{margin-left:0;}
    #copied.shown span {padding: 3px 16px;}
}