/* Canonical homepage subject picker, also used by the publication libraries. */
.blog-topic-picker{position:relative;width:230px;flex-shrink:0;z-index:12}.blog-topic-picker:has(.blog-topic-trigger[aria-expanded="true"]){z-index:30}.blog-topic-picker .blog-topic-trigger{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:46px;padding:10px 16px;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);font:400 16px/1.4 var(--font-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif);text-align:left;box-shadow:0 1px 0 #fff2}.blog-topic-picker .blog-topic-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-topic-picker .blog-topic-trigger svg{width:19px;height:19px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.blog-topic-picker .blog-topic-trigger[aria-expanded=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--paper))}.blog-topic-picker .blog-topic-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.blog-topic-options{position:absolute;left:0;top:calc(100% + 9px);width:max-content;min-width:100%;max-width:min(380px,calc(100vw - 44px));max-height:360px;overflow-y:auto;overscroll-behavior:contain;border:1px solid color-mix(in srgb,var(--line) 85%,var(--accent));border-radius:15px;background:color-mix(in srgb,var(--paper) 96%,transparent);backdrop-filter:blur(16px);box-shadow:0 12px 35px #10283220;padding:7px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;outline:none}.blog-topic-picker.opens-up .blog-topic-options{top:auto;bottom:calc(100% + 9px)}.blog-topic-option{position:relative;display:flex;align-items:center;min-height:44px;padding:10px 40px 10px 13px;border-radius:9px;color:var(--ink);font:400 16px/1.4 var(--font-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif);cursor:pointer;overflow-wrap:anywhere}.blog-topic-option:hover,.blog-topic-option.is-active{background:color-mix(in srgb,var(--accent) 9%,var(--paper));color:var(--accent)}.blog-topic-option[aria-selected=true]{font-weight:550;color:var(--accent)}.blog-topic-option[aria-selected=true]:after{content:"";position:absolute;right:17px;width:6px;height:11px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(43deg) translateY(-2px)}.blog-topic-options:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.blog-topic-picker .blog-topic-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:1000px){.blog-topic-picker{width:220px}}@media(max-width:650px){.blog-home .blog-topic-picker{width:100%;min-width:0;grid-column:1}.blog-topic-options{max-width:calc(100vw - 44px);min-width:100%}.blog-topic-picker .blog-topic-trigger{padding-inline:14px;gap:12px}}
@media(prefers-reduced-motion:reduce){.blog-topic-picker .blog-topic-trigger svg{transition:none}}.home-motion-off .blog-topic-picker .blog-topic-trigger svg{transition:none}