header{max-width:670px;margin:0 auto;display:flex;align-items:center;padding:20px}.input-fix{all:initial;height:44px;padding:0 16px;font-size:14px;border:1px solid #767676;font-family:Arial;width:100%;box-sizing:inherit}.textarea-fix{all:initial;padding:16px;font-size:14px;border:1px solid #767676;font-family:Arial;width:100%;height:100%;box-sizing:inherit}.vertical-center{position:absolute;top:0;bottom:0;margin:auto 0}.ttip-parent{position:relative}.ttip-parent label span{font-size:11px}.ttip{display:none;position:absolute;bottom:-5px;left:75%;transform:translate(-25%);margin-top:10px;padding:20px;background-color:#fff;border-radius:3px;box-shadow:0 0 20px #00000080;z-index:200;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;opacity:0;visibility:hidden;min-width:280px;max-width:400px;width:auto;font-size:12px}.ttip a{text-decoration:underline}.ttip:after{position:absolute;top:-10px;left:50%;transform:translate(-50%);display:inline-block;border:10px solid transparent;border-bottom-color:#fff;content:""}.ttip-wrapper:hover .ttip,.ttip-wrapper:focus-within .ttip{display:block;opacity:1;visibility:visible}@media (max-width: 768px){.ttip{position:fixed;top:auto;left:50%;bottom:10%;transform:translate(-50%,-50%);margin:0;width:auto;max-width:90%;height:auto}.ttip:after{display:none}}@media (max-width: 767px){.hidden-xs{display:none!important;width:0px}}@media only screen and (max-width: 768px){.ttip{font-size:12px}}