.blog-navbar{border:.0625rem solid var(--color-soft-gray4);border-left:0;border-right:0}.blog-navbar__list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(max-content,auto);overflow-x:auto;scrollbar-width:none;border-bottom:.0625rem solid var(--color-soft-gray4);padding:0 1.25rem}.blog-navbar__list::-webkit-scrollbar{display:none}
@media(max-width:1023px){.blog-navbar__list{padding:0}}.blog-navbar__item{font-weight:700;font-size:.75rem;line-height:1.375rem;font-family:var(--font-heading);text-align:center;padding:.3125rem;min-height:3.125rem;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:.125rem solid transparent;margin-bottom:-0.0625rem;color:var(--color-black)}
.blog-navbar__item:hover,.blog-navbar__item.active{border-color:var(--color-black)}.blog-navbar__item:after{content:" ";position:absolute;right:0;top:50%;transform:translateY(-50%);width:.0625rem;height:1.4375rem;background:var(--color-soft-gray4)}.blog-navbar__item:last-child:after{display:none}
.blog-navbar__search{cursor:pointer;padding:.9375rem 1.25rem;display:flex;align-items:center;gap:.375rem}.blog-navbar__search svg{width:.9375rem;height:auto}.blog-navbar__search-label{font-weight:400;font-size:.75rem;line-height:1.25rem;color:var(--color-dark-gray)}@media(max-width:1023px){.blog-navbar .container{padding:0}
}@media(min-width:1024px){.blog-navbar .container{display:flex;align-items:center}.blog-navbar__list{flex:1;display:flex;border:0;padding-left:0}.blog-navbar__item{min-height:5.375rem;padding:.3125rem 2.5rem;font-size:1rem;line-height:1.25rem;letter-spacing:-0.015em}.blog-navbar__item:after{height:2.125rem}.blog-navbar__item:first-child{margin-left:-2.5rem}
.blog-navbar__search{border:.0625rem solid var(--color-soft-gray4);border-radius:.5rem;width:20.75rem;padding:.625rem;height:3.125rem}.blog-navbar__search-label{color:var(--color-black);font-size:1rem;line-height:1.5rem;font-family:var(--font-heading)}}