@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}.blogs-browser__controls{margin-top:calc(var(--spacing,.25rem) * 2);margin-bottom:calc(var(--spacing,.25rem) * 12);padding-inline:calc(var(--spacing,.25rem) * 5);flex-direction:column;gap:24px;display:flex}.blogs-browser__toolbar{flex-direction:column;gap:16px;width:100%;max-width:80rem;margin-inline:auto;display:flex}@media (min-width:48rem){.blogs-browser__toolbar{flex-direction:row;align-items:center}}.blogs-browser__search{margin-inline:calc(var(--spacing,.25rem) * 0);flex:1;max-width:none}.blogs-browser__dropdown{flex-shrink:0;position:relative}.blogs-browser__dropdown-trigger{cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);min-width:240px;height:3.75rem;padding-inline:calc(var(--spacing,.25rem) * 5);color:var(--foreground);background:var(--surface-card);border:1px solid var(--border-default);box-shadow:0 6px 22px var(--foreground);border-radius:3.40282e38px;display:flex}@supports (color:color-mix(in lab, red, red)){.blogs-browser__dropdown-trigger{box-shadow:0 6px 22px color-mix(in srgb, var(--foreground) 7%, transparent)}}.blogs-browser__dropdown-trigger{transition:border-color .15s,box-shadow .15s}@media not all and (min-width:48rem){.blogs-browser__dropdown,.blogs-browser__dropdown-trigger{width:100%}}.blogs-browser__dropdown-trigger:hover{border-color:var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){.blogs-browser__dropdown-trigger:hover{border-color:color-mix(in srgb, var(--accent-primary) 45%, transparent)}}.blogs-browser__dropdown-trigger[aria-expanded=true]{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){.blogs-browser__dropdown-trigger[aria-expanded=true]{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-primary) 16%, transparent)}}.blogs-browser__dropdown-trigger-label{text-align:left;--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);flex-direction:column;align-items:flex-start;display:flex}.blogs-browser__dropdown-trigger-value{--tw-font-weight:var(--font-weight-medium,500);font-size:15px;font-weight:var(--font-weight-medium,500);color:var(--foreground)}.blogs-browser__dropdown-chevron{color:var(--ink-muted);flex-shrink:0;transition:transform .2s}.blogs-browser__dropdown-chevron.is-open{transform:rotate(180deg)}.blogs-browser__dropdown-panel{right:calc(var(--spacing,.25rem) * 0);z-index:30;margin-top:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-2xl,1rem);padding:calc(var(--spacing,.25rem) * 2);background:var(--surface-card);border:1px solid var(--border-default);width:min(320px,88vw);box-shadow:0 18px 44px var(--foreground);position:absolute}@supports (color:color-mix(in lab, red, red)){.blogs-browser__dropdown-panel{box-shadow:0 18px 44px color-mix(in srgb, var(--foreground) 16%, transparent)}}.blogs-browser__dropdown-actions{margin-bottom:calc(var(--spacing,.25rem) * 1);padding-inline:calc(var(--spacing,.25rem) * 2);padding-top:calc(var(--spacing,.25rem) * 1);padding-bottom:calc(var(--spacing,.25rem) * 2);border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;display:flex}.blogs-browser__filter-action{cursor:pointer;padding:calc(var(--spacing,.25rem) * 0);--tw-font-weight:var(--font-weight-semibold,600);font-size:13px;font-weight:var(--font-weight-semibold,600);color:var(--accent-primary);background-color:#0000;transition:opacity .2s}.blogs-browser__filter-action:hover:not(:disabled){opacity:.7}.blogs-browser__filter-action:disabled{cursor:default;opacity:.5;color:var(--ink-muted)}.blogs-browser__filter-divider{color:var(--border-default)}.blogs-browser__dropdown-list{margin:calc(var(--spacing,.25rem) * 0);max-height:320px;padding:calc(var(--spacing,.25rem) * 0);flex-direction:column;list-style-type:none;display:flex;overflow-y:auto}.blogs-browser__dropdown-item{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 3);border-radius:.6rem;padding-block:.55rem;padding-inline:.6rem;transition:background .15s;display:flex}.blogs-browser__dropdown-item:hover{background:var(--surface-icon)}.blogs-browser__dropdown-checkbox-input{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blogs-browser__dropdown-checkbox{height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5);border:1.5px solid var(--border-default);background:var(--surface-card);color:#fff;border-radius:.4rem;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex}.blogs-browser__dropdown-item:has(.blogs-browser__dropdown-checkbox-input:checked) .blogs-browser__dropdown-checkbox{background:var(--accent-primary);border-color:var(--accent-primary)}.blogs-browser__dropdown-item:has(.blogs-browser__dropdown-checkbox-input:focus-visible) .blogs-browser__dropdown-checkbox{box-shadow:0 0 0 3px var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){.blogs-browser__dropdown-item:has(.blogs-browser__dropdown-checkbox-input:focus-visible) .blogs-browser__dropdown-checkbox{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-primary) 25%, transparent)}}.blogs-browser__dropdown-item-label{color:var(--foreground);flex:1;font-size:15px}.blogs-browser__dropdown-item-count{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:var(--ink-muted);font-size:12px}.blogs-browser__empty{padding-block:calc(var(--spacing,.25rem) * 16);text-align:center;color:var(--muted-foreground)}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}