.composer{--mx:50%;background:#ffffffeb}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.composer{background:#fffffffa}}.composer:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .28s var(--ease);background:radial-gradient(220px 70px at var(--mx) 0%, #ffffff80, transparent 72%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0,#0000 24%);mask-image:linear-gradient(#000 0,#0000 24%)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.composer:hover:after{opacity:.22}}.composer-editor p{min-height:40px;margin:0;padding:.5rem}.composer-editor p:after{content:"";vertical-align:text-bottom;background:var(--ink);width:1px;height:1.05em;margin-left:1px;animation:1.1s step-end infinite animate-blink;display:inline-block}.composer-editor[data-engaged=true] p:after{display:none}.composer-editor[data-empty=true] p:before{content:var(--placeholder);color:var(--ink-40);pointer-events:none}@media (prefers-reduced-motion:reduce){.composer-editor p:after{opacity:1;animation:none}}.composer-menu{background:#fffffff5}@media (width<=767px){.composer-control{height:44px}.composer-control-icon{width:44px;height:44px}}
