.blog-header{--relative-px: calc(100vw/1920px) ;--relative-px-1000: calc(100vw/1000px) ;--relative-px-mb: calc(100vw/375px) ;display:block;background:#fff;color:#050505}.blog-header__heading-wrap{padding-top:calc(48px * var(--relative-px));padding-bottom:calc(16px * var(--relative-px))}.blog-header__heading{margin:0;color:#0a0a0a;font-family:var(--font-heading-family);font-size:calc(68px * var(--relative-px));letter-spacing:0;line-height:1.2}.blog-header__toolbar-slot{position:relative}.blog-header__toolbar{width:100%;padding:32px 0;background:#fff}.blog-header__toolbar.is-fixed{position:fixed;z-index:20;top:0;right:0;left:0;box-shadow:0 6px 18px #05050514;animation:blog-header-toolbar-enter .24s ease-out both;transition:top .15s ease-out;will-change:top,transform,opacity}body:has(.section-header.shopify-section-header-sticky:not(.shopify-section-header-hidden)) .blog-header__toolbar.is-fixed,body:has(.section-header.shopify-section-header-sticky.shopify-section-header-hidden.menu-open) .blog-header__toolbar.is-fixed{top:var(--header-height, 0px)}@keyframes blog-header-toolbar-enter{0%{opacity:.88;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.blog-header__controls{display:flex;align-items:center;gap:24px}.blog-header__tag-viewport{position:relative;min-width:0;flex:1 1 auto}.blog-header__tag-scroller{display:flex;align-items:center;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;cursor:grab}.blog-header__tag-scroller.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;scroll-behavior:auto;scroll-snap-type:none}.blog-header__tag-scroller.is-dragging .blog-header__tag{pointer-events:none}.blog-header__tag-scroller::-webkit-scrollbar{display:none}.blog-header__tag-viewport:before,.blog-header__tag-viewport:after{position:absolute;z-index:1;top:0;bottom:0;width:100px;pointer-events:none;content:"";opacity:0;transition:opacity .2s ease}.blog-header__tag-viewport:before{left:0;background:linear-gradient(90deg,#fff,#fff0)}.blog-header__tag-viewport:after{right:0;background:linear-gradient(270deg,#fff,#fff0)}.blog-header__tag-viewport.can-scroll-left:before,.blog-header__tag-viewport.can-scroll-right:after{opacity:1}.blog-header__tag{display:inline-flex;min-width:max-content;height:48px;flex:0 0 auto;align-items:center;justify-content:center;padding:0 22px;border:1px solid #050505;border-radius:999px;color:#050505;font-family:"Shokz Sans Text",var(--font-body-family);font-size:18px;font-weight:400;letter-spacing:.16px;line-height:26px;scroll-snap-align:start;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;text-decoration:none;text-transform:capitalize;transition:color .2s ease,background-color .2s ease}.blog-header__tag:hover,.blog-header__tag:focus-visible,.blog-header__tag.is-active{border-color:#050505;background:#050505;color:#fff}.blog-header__tag:focus-visible,.blog-header__search-input:focus-visible,.blog-header__search-button:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:none}.blog-header__search{display:flex;width:228px;height:48px;flex:0 0 228px;align-items:center;padding:0 8px 0 24px;border-radius:99px;background:#f1f1f1}.blog-header__search-input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:#666;font-family:"Shokz Sans Text",var(--font-body-family);font-size:16px;font-weight:400;letter-spacing:.16px;line-height:22px}.blog-header__search-input::placeholder{color:#666;opacity:1}.blog-header__search-button{display:flex;width:32px;height:32px;flex:0 0 32px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:#050505;cursor:pointer}.blog-header__search-button .icon{width:100%;height:100%}@media screen and (max-width:1100px){.blog-header__heading{font-size:calc(48px * var(--relative-px-1000))}.blog-header__toolbar{padding:calc(24px * var(--relative-px-1000)) 0}.blog-header__tag{height:calc(38px * var(--relative-px-1000));padding:0 calc(16px * var(--relative-px-1000));font-size:calc(16px * var(--relative-px-1000));line-height:1}.blog-header__tag-scroller{gap:calc(10px * var(--relative-px-1000))}.blog-header__search{width:calc(228px * var(--relative-px-1000));height:calc(38px * var(--relative-px-1000));flex:0 0 calc(228px * var(--relative-px-1000));padding:0 8px 0 calc(24px * var(--relative-px-1000))}.blog-header__search-input{font-size:calc(14px * var(--relative-px-1000));line-height:1}.blog-header__tag-viewport:before,.blog-header__tag-viewport:after{width:calc(72px * var(--relative-px-1000))}.blog-header__search-button{width:calc(26px * var(--relative-px-1000));height:calc(26px * var(--relative-px-1000));flex:0 0 calc(26px * var(--relative-px-1000))}}@media screen and (max-width:1000px){.blog-header__heading-wrap{padding-top:48px;padding-bottom:16px}.blog-header__heading{font-size:36px}.blog-header__toolbar{padding:16px 0}.blog-header__controls{display:block}.blog-header__tag-scroller{flex-wrap:wrap;gap:8px;overflow:visible}.blog-header__tag-viewport:before,.blog-header__tag-viewport:after{display:none}.blog-header__tag{height:40px;padding:0 16px;font-size:16px;line-height:22px}.blog-header__search{width:100%;height:40px;margin-top:16px;padding:0;border-radius:0;background:transparent;gap:9px}.blog-header__search-input{height:40px;padding:0 16px;border-radius:8px;background:#f1f1f1;font-size:16px}.blog-header__search-button{width:40px;height:40px;flex-basis:40px;padding:0;border-radius:8px;background:#050505;color:#fff}.blog-header__search-button svg{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.blog-header__toolbar.is-fixed{animation:none;transition:none}.blog-header__tag-scroller{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/839/assets/section-blog-header.css.map */