/* Reference: five inline tools, 18px icons, small carets, 20px gaps. */
.composer{padding:11px 20px 14px}
.composer .composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:34px}
.composer .composer-bottom .tools{display:flex;flex-wrap:nowrap;align-items:center;gap:20px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:3px 5px 3px 0}
.composer .composer-bottom .tools::-webkit-scrollbar{display:none}
.composer .composer-bottom .tools button{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;gap:5px;flex:0 0 auto;white-space:nowrap;height:28px;min-height:28px;padding:0;border:0;border-radius:4px;line-height:20px;font-size:14px;font-weight:600;letter-spacing:0;color:#d6d6d6;background:transparent}
.composer .composer-bottom .tools button:hover{color:#fff;background:transparent}
.composer .composer-bottom .tools button[data-picker="agent"]{font-weight:400}
.composer .composer-bottom .tools button .composer-tool-icon{display:block;flex:0 0 18px;width:18px;height:18px}
.composer .composer-bottom .tools button .composer-caret{display:block;flex:0 0 7px;width:7px;height:5px;margin-left:-2px;color:#8b8b8b}
.composer .composer-bottom .tools button .template-new-dot{position:absolute;width:4px;height:4px;background:#c9ff51;border-radius:50%;right:-5px;top:3px}
.composer .composer-bottom .submit{flex:0 0 34px;width:34px;height:34px}
#selectedOptions{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero .skill-grid{margin-top:20px}
@media(max-width:550px){.composer{padding:11px 16px 13px}.composer .composer-bottom{gap:12px}.composer .composer-bottom .tools{gap:20px}}