.skin-ask__in{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.skin-ask__eyebrow{border:1px solid currentColor;border-radius:var(--r-pill);padding:5px 12px;font-size:12px}
.skin-ask__title{max-width:20ch}
.skin-ask__text{max-width:52ch}
.skin-ask__form{display:flex;align-items:center;width:min(100%,680px);height:60px;margin-top:8px;padding:0 6px 0 24px;background:var(--white);border:1.5px solid var(--olive);border-radius:var(--r-pill);transition:box-shadow .2s}
.skin-ask__form:focus-within{box-shadow:var(--glow)}
.skin-ask__input{flex:1;min-width:0;height:100%;border:0;background:none;outline:0;font:300 16px var(--font);color:var(--ink)}
.skin-ask__input::placeholder{color:var(--muted)}
.skin-ask__btn{display:inline-flex;align-items:center;gap:10px;flex:none;height:48px;padding:0 22px 0 18px;border:0;border-radius:var(--r-pill);background:var(--olive);color:var(--cream);font:500 14px var(--font);cursor:pointer;transition:background .2s}
.skin-ask__btn:hover{background:var(--ink)}
.skin-ask__avatar{width:36px;height:36px;flex:none;margin-left:-14px;border-radius:50%;object-fit:cover;background:var(--cream)}
.skin-ask__btn .icon{width:16px;height:16px}
.skin-ask__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}
.skin-ask__chips .pill{min-height:40px;padding:0 16px;text-transform:none;letter-spacing:0;font-size:13px}
.skin-ask__note{font-size:12px;max-width:52ch}
@media(max-width:749px){
  .skin-ask__form{height:54px;padding-left:18px}
  .skin-ask__btn{padding:0 14px 0 12px}
  .skin-ask__avatar{margin-left:-6px}
  .skin-ask__btn .icon{display:none}
}