main.ann .ann-compose{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}main.ann .ann-form{flex-direction:column;gap:16px;display:flex}main.ann .ann-reach{color:var(--app-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}main.ann .ann-reach svg{block-size:14px;inline-size:14px;color:var(--app-brand)}main.ann .ann-reach b{color:var(--app-fg)}main.ann .ann-channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}main.ann .ann-channels .ui-choice{padding:10px 12px}main.ann .ann-channels .ui-vstack{flex:1;gap:2px}main.ann .ann-channels .ui-between{margin-block-end:8px}main.ann .ann-off{background:var(--app-surface-2)}main.ann .ann-off .ui-label,main.ann .ann-off .ui-tile{opacity:.6}main.ann .ann-vars{flex-wrap:wrap;align-items:center;gap:6px;display:flex}main.ann .ann-when{flex-wrap:wrap}main.ann .ann-preview{flex-direction:column;gap:10px;display:flex}main.ann .ann-email{border:1px solid var(--app-border);border-radius:var(--app-r-md);background:var(--app-card);overflow:hidden}main.ann .ann-email-head{border-block-end:1px solid var(--app-border);background:var(--app-surface-2);align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}main.ann .ann-email-head .ui-logo{block-size:28px;inline-size:28px;margin:0;font-size:14px}main.ann .ann-email-main{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 14px;display:flex}main.ann .ann-email-main b{font-size:15px}main.ann .ann-email-main p{color:var(--app-muted);font-size:13px;line-height:1.8}main.ann .ann-email-foot{border-block-start:1px solid var(--app-border);color:var(--app-subtle);padding:10px 14px;font-size:12px;line-height:1.6}main.ann .ann-note svg{block-size:13px;inline-size:13px}main.ann .ann-title{max-inline-size:300px}main.ann .ann-icons{gap:4px;display:inline-flex}main.ann .ann-inapp{flex-direction:column;gap:12px;padding:8px 16px 20px;display:flex}main.ann .ui .ann-inapp-title{font-size:20px;font-weight:700}main.ann .ann-inapp .ui-seg{align-self:stretch}main.ann .ann-inapp .ui-seg>*{flex:1;justify-content:center}main.ann .ann-group{color:var(--app-muted);margin-block-start:4px;font-size:12px;font-weight:500}main.ann .ann-note-row{border-radius:12px;align-items:flex-start;gap:10px;padding:10px;display:flex}main.ann .ann-note-row.fresh{background:color-mix(in srgb, var(--app-primary-soft), var(--app-card) 50%)}main.ann .ann-clamp{line-height:1.6}main.ann .ann-dot{background:var(--app-brand);border-radius:50%;flex:none;block-size:8px;inline-size:8px;margin-block-start:6px}@media (width<=800px){main.ann .ann-title>.ui-truncate{white-space:normal;line-height:1.5}main.ann .ui-table td:first-child{white-space:normal}main.ann .ann-title>.ui-xs{display:none}main.ann .ui-table .ui-progress-row{gap:6px;min-inline-size:0}main.ann .ui-table .ui-progress-row>.ui-num{min-inline-size:0}main.ann .sx-pins .ui-table th{white-space:normal;block-size:48px;line-height:1.3}main.ann .sx-pins .ui-table :is(th,td){padding-inline:8px}main.ann .sx-pins .ui-table th .sx-pin[data-at=inline]{margin-block:4px 0;margin-inline:0;display:grid}main.ann .sx-pins .ui-table thead th{vertical-align:top;padding-block:8px}main.ann .sx-pins .ui-table .num-col .sx-pin{margin-inline-start:auto}}@media (width<=480px){main.ann .sx-pins .ui-table :is(thead,tbody){display:block}main.ann .sx-pins .ui-table tr{border-block-end:1px solid var(--app-border);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;display:grid}main.ann .sx-pins .ui-table tbody tr:last-child{border-block-end:0}main.ann .sx-pins .ui-table :is(th,td){border-block-end:0;block-size:auto}main.ann .sx-pins .ui-table :is(th,td):first-child{grid-column:1/-1;padding-block:10px 0;padding-inline:12px}main.ann .sx-pins .ui-table thead th:first-child{padding-block-end:4px}main.ann .sx-pins .ui-table thead tr{background:var(--app-surface-2);align-items:stretch}main.ann .sx-pins .ui-table thead th:not(:first-child){flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}main.ann .sx-pins .ui-table tbody td:not(:first-child){padding-block:6px 10px}main.ann .sx-pins .ui-table :is(th,td):not(:first-child){text-align:start;white-space:normal;padding-inline:12px}main.ann .sx-pins .ui-table .num-col .sx-pin{margin-inline-start:0}main.ann .sx-pins .ui-table .num-col .ui-num,main.ann .sx-pins .ui-table td.num-col{text-align:right}main.ann .ui-table .ui-progress-row>.ui-progress{display:none}}main.ann .ann-sides{--overlap:400px;--overlap-sm:12px;--mail-drop:300px}main.ann .ann-sides .sx-sides__main{inline-size:50%}main.ann .ann-sides .sx-sides__main>.ui{max-inline-size:540px}main.ann .ann-sides .sx-sides__over{inline-size:56%;max-inline-size:660px}main.ann .ann-out{align-items:flex-start;gap:20px;display:flex}main.ann .ann-out>.ui{filter:drop-shadow(0 24px 32px color-mix(in srgb, var(--ink), transparent 82%))}main.ann .ann-mail{min-inline-size:0;flex:1 1 0;margin-block-start:var(--mail-drop)}main.ann .ann-mail .ann-email{border-color:#0000}main.ann .ann-out .ann-phone{flex:none;inline-size:290px}main.ann .sx-tabs__panel>.ann-aud{max-inline-size:460px}main.ann .ann-pick{flex-direction:column;gap:8px;display:flex}main.ann .ann-pick .ui-menu{box-shadow:none;margin-block-start:4px}main.ann .ann-count{color:var(--app-muted);align-items:baseline;gap:8px;font-size:14px}main.ann .ann-count svg{block-size:15px;inline-size:15px;color:var(--app-brand);align-self:center}main.ann .ui .ann-count b{color:var(--app-fg);font-size:26px;font-weight:700}@media (width<=1000px){main.ann .ann-sides{--overlap-md:-16px;--mail-drop:0px}main.ann .ann-sides .sx-sides__main{inline-size:100%}main.ann .ann-sides .sx-sides__main>.ui{max-inline-size:none}main.ann .ann-sides .sx-sides__over{inline-size:100%;max-inline-size:none}}@media (width<=600px){main.ann .ann-sides .sx-sides__main{inline-size:100%}main.ann .ann-sides .sx-sides__over{inline-size:100%;max-inline-size:none}main.ann .ann-sides{--overlap-sm:-16px;--mail-drop:0px}main.ann .ann-out{flex-direction:column;align-items:center;gap:16px}main.ann .ann-mail{flex:none;inline-size:100%}main.ann .ann-sides .ann-off .ui-badge{display:none}}@media (width<=400px){main.ann .ann-off .ui-badge{display:none}main.ann :is(.ann-form,.ann-pick) .ui-input.sm{white-space:normal;padding-block:6px;line-height:1.5}main.ann .ann-pick .ui-mi{block-size:auto;padding-block:6px}main.ann .ann-pick .ui-mi>.ui-grow{white-space:normal;line-height:1.5}}