/* Shared filter chips, input controls and dialog dismiss buttons. */
:is(.journey-filters,.greetings-filters){display:flex;flex-wrap:wrap;gap:10px}
:is(.journey-filters,.greetings-filters) button{font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;min-height:0;padding:12px 18px;border:1px solid #d7c9b4;background:#fffaf580;border-radius:999px;color:#756650;transition:background .18s,border-color .18s,color .18s}
:is(.journey-filters,.greetings-filters) button:hover{background:#f37a2012;border-color:var(--brand-orange);color:var(--brand-orange)}
:is(.journey-filters,.greetings-filters) button[aria-pressed=true]{background:var(--brand-orange);border-color:var(--brand-orange);color:#fff}
.moments-toolbar :is(.moment-search,.moment-filter),.moments-toolbar .moment-filter>span,#people .builders-toolbar label{font-family:inherit;font-size:13px;font-weight:600;line-height:1.6;color:#74604b}
.moments-toolbar :is(.moment-search,.moment-filter){gap:6px}
:is(#moments-search,#moments-year,#moments-sort),#people #builders-search{box-sizing:border-box;display:block;width:100%;height:52px;min-height:52px;margin:0;padding:13px 18px;border:1px solid #d7c6af;border-radius:999px;background-color:#fffdf9;color:#484338;font-family:inherit;font-size:16px;font-weight:400;line-height:24px;box-shadow:none;outline:none;transition:border-color .18s,box-shadow .18s}
#people #builders-search{margin-top:6px}
:is(#moments-year,#moments-sort){appearance:none;background-image:var(--field-chevron);background-repeat:no-repeat;background-size:20px;background-position:right 18px center;padding-right:48px}
:is(#moments-search,#moments-year,#moments-sort)::placeholder,#people #builders-search::placeholder{color:#958a7a;opacity:1}
:is(#moments-search,#moments-year,#moments-sort):focus,#people #builders-search:focus{border-color:var(--brand-orange);background-color:#fff;box-shadow:0 0 0 3px #f37a201f;outline:none;border-radius:999px}
#letter-dialog>.dialog-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:#7e7262;cursor:pointer}
#letter-dialog>.dialog-close:hover{background:#f1e6d8}
#letter-dialog>.dialog-close svg{width:22px;height:22px}
@media(max-width:800px){:is(.journey-filters,.greetings-filters) button{font-size:13px}}
@media(max-width:540px){#letter-dialog>.dialog-close{top:8px;right:8px}}
@media(prefers-reduced-motion:reduce){:is(.journey-filters,.greetings-filters) button,:is(#moments-search,#moments-year,#moments-sort),#people #builders-search{transition:none}}