@layer components{.acfbs-blog-search-filter{--acfbs-sf-capsule-bg:#5541e680;--acfbs-sf-capsule-radius:50px;--acfbs-sf-capsule-shadow:0 4px 40px #0003;--acfbs-sf-capsule-blur:blur(25px);--acfbs-sf-capsule-pad:24px;--acfbs-sf-track:883px;--acfbs-sf-gap:20px;--acfbs-sf-pin-offset:20px;--acfbs-sf-duration:.28s;--acfbs-sf-ease:cubic-bezier(.22,1,.36,1);--acfbs-sf-dock-duration:.34s;--acfbs-sf-dock-ease:cubic-bezier(.32,.72,0,1)}@media not all and (min-width:48rem){.acfbs-blog-search-filter{--acfbs-sf-capsule-radius:30px;--acfbs-sf-capsule-pad:16px;--acfbs-sf-gap:16px;--acfbs-sf-pin-offset:96px}}.acfbs-blog-search-filter__chip{transition-property:background-color,color;transition-duration:var(--acfbs-sf-duration);transition-timing-function:var(--acfbs-sf-ease)}.acfbs-blog-search-filter__chip:not([aria-current=true]):focus-visible,.acfbs-blog-search-filter__chip:not([aria-current=true]):hover{background-color:#00000029}@media not all and (min-width:48rem){:where(.acfbs-blog-search-filter:not([data-acfbs-floating=true])) .acfbs-blog-search-filter__chip:not([aria-current=true]){background-color:#fff3;background-image:none;box-shadow:inset 0 0 0 1px #cde1e666}}.acfbs-blog-search-filter__chip[aria-current=true]{background-image:none;background-color:var(--color-ink);box-shadow:0 11px 30px #ffffff2b}.acfbs-blog-search-filter__form{transition-property:height,background-color,border-color,box-shadow;transition-duration:var(--acfbs-sf-duration);transition-timing-function:var(--acfbs-sf-ease)}.acfbs-blog-search-filter__input::-webkit-search-cancel-button,.acfbs-blog-search-filter__input::-webkit-search-decoration{appearance:none;display:none}.acfbs-blog-search-filter__input{appearance:none}.acfbs-blog-search-filter__action{box-shadow:-1px 5px 12px var(--color-brand-accent)}.acfbs-blog-search-filter__results{inset-inline:0;top:calc(100% + var(--acfbs-sf-gap));z-index:20;border-radius:var(--acfbs-sf-capsule-radius);padding:var(--acfbs-sf-capsule-pad);background-color:var(--acfbs-sf-capsule-bg);box-shadow:var(--acfbs-sf-capsule-shadow);-webkit-backdrop-filter:var(--acfbs-sf-capsule-blur);backdrop-filter:var(--acfbs-sf-capsule-blur);position:absolute;overflow:hidden}.acfbs-blog-search-filter__result-list{scrollbar-width:none;max-height:567px;overflow-y:auto}.acfbs-blog-search-filter__result-list::-webkit-scrollbar{display:none}.acfbs-blog-search-filter__results[data-acfbs-scrollable=true]{padding-bottom:0}.acfbs-blog-search-filter__result{background-color:#0003}.acfbs-blog-search-filter__result:focus-visible,.acfbs-blog-search-filter__result:hover,.acfbs-blog-search-filter__result[aria-selected=true]{background-color:#00000080}.acfbs-blog-search-filter__result-title mark{color:var(--color-brand-accent);font-weight:inherit;background:0 0}.acfbs-blog-search-filter__bar{gap:var(--acfbs-sf-gap);width:100%;max-width:var(--acfbs-sf-track);border-radius:var(--acfbs-sf-capsule-radius);transition-property:background-color,box-shadow,-webkit-backdrop-filter,backdrop-filter;transition-duration:var(--acfbs-sf-dock-duration);transition-timing-function:var(--acfbs-sf-dock-ease);background-color:#5541e600;padding:0;box-shadow:0 4px 40px #0000}}.acfbs-blog-search-filter[data-acfbs-open=true] .acfbs-blog-search-filter__form{background-color:#fff;border-width:2px;box-shadow:0 4px 20px #0000001a}.acfbs-blog-search-filter[data-acfbs-open=true] .acfbs-blog-search-filter__action--search,.acfbs-blog-search-filter__action--clear{display:none}.acfbs-blog-search-filter[data-acfbs-open=true] .acfbs-blog-search-filter__action--clear{display:flex}.acfbs-blog-search-filter__action:focus-visible,.acfbs-blog-search-filter__action:hover{background-color:#05c5d8}@supports (color:color-mix(in lab,red,red)){.acfbs-blog-search-filter__action:focus-visible,.acfbs-blog-search-filter__action:hover{background-color:color-mix(in oklab,var(--color-brand-accent) 82%,var(--color-ink))}}@keyframes acfbs-sf-dock{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.acfbs-blog-search-filter[data-acfbs-floating=true] .acfbs-blog-search-filter__bar{top:var(--acfbs-sf-pin-top,var(--acfbs-sf-pin-offset));z-index:40;opacity:1;max-width:min(643px,100vw - 2rem);padding:var(--acfbs-sf-capsule-pad);background-color:var(--acfbs-sf-capsule-bg);box-shadow:var(--acfbs-sf-capsule-shadow);-webkit-backdrop-filter:var(--acfbs-sf-capsule-blur);backdrop-filter:var(--acfbs-sf-capsule-blur);animation:acfbs-sf-dock var(--acfbs-sf-dock-duration) var(--acfbs-sf-dock-ease);transition-property:max-width,padding,background-color,box-shadow,-webkit-backdrop-filter,backdrop-filter,opacity,transform;position:fixed;left:50%;overflow:clip;transform:translate(-50%)translateY(0)}.acfbs-blog-search-filter[data-acfbs-undocking=true] .acfbs-blog-search-filter__bar{margin-inline:auto}.acfbs-blog-search-filter[data-acfbs-undocking=true]:not([data-acfbs-open=true]) .acfbs-blog-search-filter__bar{overflow:clip}.acfbs-blog-search-filter[data-acfbs-undocking=true] .acfbs-blog-search-filter__chips{overflow-x:hidden}.acfbs-blog-search-filter[data-acfbs-undocking=true] .acfbs-blog-search-filter__chip-track{width:var(--acfbs-sf-track);flex-wrap:nowrap}.acfbs-blog-search-filter[data-acfbs-floating=true][data-acfbs-stowed=true] .acfbs-blog-search-filter__bar{opacity:0;pointer-events:none;transform:translate(-50%)translateY(-16px)}.acfbs-blog-search-filter[data-acfbs-floating=true][data-acfbs-open=true] .acfbs-blog-search-filter__bar{max-width:min(var(--acfbs-sf-track),calc(100vw - 2rem))}.acfbs-blog-search-filter[data-acfbs-floating=true] .acfbs-blog-search-filter__chips{scrollbar-width:none;margin-inline:calc(var(--acfbs-sf-capsule-pad)*-1);padding-inline:var(--acfbs-sf-capsule-pad);margin-bottom:-44px;padding-bottom:44px;overflow-x:auto}.acfbs-blog-search-filter__chips[data-acfbs-draggable=true]{cursor:grab}.acfbs-blog-search-filter__chips[data-acfbs-draggable=true][data-acfbs-dragging=true]{cursor:grabbing;-webkit-user-select:none;user-select:none}.acfbs-blog-search-filter[data-acfbs-floating=true] .acfbs-blog-search-filter__chips::-webkit-scrollbar{display:none}.acfbs-blog-search-filter[data-acfbs-floating=true] .acfbs-blog-search-filter__chip-track{width:var(--acfbs-sf-track);flex-wrap:nowrap}.acfbs-blog-search-filter[data-acfbs-floating=true] .acfbs-blog-search-filter__chip-item--fill{flex-grow:1}.acfbs-blog-search-filter[data-acfbs-floating=true] .acfbs-blog-search-filter__chip-item--fill .acfbs-blog-search-filter__chip{width:100%}.acfbs-blog-search-filter[data-acfbs-floating=true]:not([data-acfbs-open=true]) .acfbs-blog-search-filter__form,.acfbs-blog-search-filter[data-acfbs-mobile-search=true]:not([data-acfbs-open=true]) .acfbs-blog-search-filter__form{height:56px}.acfbs-blog-search-filter[data-acfbs-floating=true]:not([data-acfbs-open=true]) .acfbs-blog-search-filter__action,.acfbs-blog-search-filter[data-acfbs-mobile-search=true]:not([data-acfbs-open=true]) .acfbs-blog-search-filter__action{display:none}.acfbs-blog-search-filter[data-acfbs-floating=true] .acfbs-blog-search-filter__results,.acfbs-blog-search-filter[data-acfbs-mobile-search=true] .acfbs-blog-search-filter__results{margin-top:var(--acfbs-sf-gap);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-radius:0;padding:0;position:relative}.acfbs-blog-search-filter[data-acfbs-floating=true] .acfbs-blog-search-filter__result-list{overflow-x:hidden}.acfbs-blog-search-filter[data-acfbs-floating=true] .acfbs-blog-search-filter__results[data-acfbs-scrollable=true],.acfbs-blog-search-filter[data-acfbs-mobile-search=true] .acfbs-blog-search-filter__results[data-acfbs-scrollable=true]{margin-bottom:calc(var(--acfbs-sf-capsule-pad)*-1);-webkit-mask-image:none;mask-image:none}@media not all and (min-width:48rem){.acfbs-blog-search-filter[data-acfbs-mobile-search=true] .acfbs-blog-search-filter__search{inset-inline:16px;top:var(--acfbs-sf-pin-offset);z-index:40;border-radius:var(--acfbs-sf-capsule-radius);padding:var(--acfbs-sf-capsule-pad);background-color:var(--acfbs-sf-capsule-bg);box-shadow:var(--acfbs-sf-capsule-shadow);-webkit-backdrop-filter:var(--acfbs-sf-capsule-blur);backdrop-filter:var(--acfbs-sf-capsule-blur);display:block;position:fixed}.acfbs-blog-search-filter[data-acfbs-mobile-search=true] .acfbs-blog-search-filter__form{gap:calc(var(--spacing,.25rem)*3);padding-left:14px}.acfbs-blog-search-filter[data-acfbs-mobile-search=true] .acfbs-blog-search-filter__pinned-chips{display:flex}.acfbs-blog-search-filter[data-acfbs-mobile-search=true] .acfbs-blog-search-filter__result-list{max-height:min(567px,100dvh - 272px)}}.acfbs-blog-search-filter__input:not(:placeholder-shown)~.acfbs-blog-search-filter__placeholder{display:none}@media (prefers-reduced-motion:reduce){.acfbs-blog-search-filter__bar,.acfbs-blog-search-filter__chip,.acfbs-blog-search-filter__form,.acfbs-blog-search-filter__result{transition-property:none}.acfbs-blog-search-filter[data-acfbs-floating=true] .acfbs-blog-search-filter__bar{animation:none}}
