.contact-form{display:block;background-color:#eee;color:hsla(220,6%,6%,0.76);color:var(--color-text-inverted);background:linear-gradient(#eee,transparent);background:linear-gradient(var(--color-bg-inverted),transparent)}.contact-form .message{display:flex;flex-wrap:wrap}.contact-form .message[data-direction="right"]{justify-content:flex-end}.contact-form .message__author{border:solid 2px #eee;border-radius:999px;height:64px;margin-right:1.3rem;margin-bottom:1.6rem;overflow:hidden;width:64px;flex-shrink:0}.contact-form .message-content{border-radius:1em;padding:1em;position:relative}.contact-form .message-content[data-tail="right"]:after{content:"";top:1px;right:-29px;position:absolute;border:0px solid;display:block;width:38px;height:26px;background-color:transparent;border-bottom-left-radius:50%;border-bottom-right-radius:50%;box-shadow:-21px 9px 0px 8px var(--color-el-bg)}.contact-form .message-content[data-tail="left"]:after{content:"";top:1px;left:-29px;position:absolute;border:0px solid;display:block;width:38px;height:26px;background-color:transparent;border-bottom-left-radius:50%;border-bottom-right-radius:50%;box-shadow:21px 9px 0px 8px var(--color-el-bg);transform:translate(3em,-1.8em) rotate(90deg)}.contact-form .message-content>*:first-child{margin-top:0}.contact-form .message-content>*{position:relative;z-index:1}.contact-form .message-editor{display:grid;grid-template-columns:min(10em,55%) 1fr min(5em,40%);grid-template-rows:3em 1fr 3em;grid-template-areas:"topic . .""message message message""email . send";justify-content:baseline;align-items:center}.contact-form .message-editor__topic{grid-area:topic}.contact-form .message-editor__message{grid-area:message;margin:0}.contact-form .message-editor__email{grid-area:email}.contact-form .message-editor__send{grid-area:send}@media (min-width:685px){.contact-form .message-content[data-tail="left"]:after{transform:none}}