.section--x-main-blog .blog-controls{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:stretch;align-items:stretch;gap:1rem;margin:0 0 32px}@media screen and (min-width:990px){.section--x-main-blog .blog-controls{flex-direction:row;justify-content:space-between;margin:0 0 40px}}.section--x-main-blog .blog-tabs{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:flex-start;align-items:flex-start;gap:1rem}.section--x-main-blog .blog-tabs .button{min-height:calc(3.9rem + var(--buttons-border-width) * 2);min-width:calc(0rem + var(--buttons-border-width) * 2)}@media screen and (min-width:750px){.section--x-main-blog .blog-tabs .button{min-height:calc(5rem + var(--buttons-border-width) * 2)}}.section--x-main-blog .blog-tabs .button.active,.section--x-main-blog .blog-tabs .button:hover{background-color:#002148}.section--x-main-blog .blog-tabs .button.active:before,.section--x-main-blog .blog-tabs .button.active:after,.section--x-main-blog .blog-tabs .button.active .svg-wrapper--decor,.section--x-main-blog .blog-tabs .button:hover:before,.section--x-main-blog .blog-tabs .button:hover:after,.section--x-main-blog .blog-tabs .button:hover .svg-wrapper--decor{--color-button-text: var(--color-accent);color:rgb(var(--color-accent))}.section--x-main-blog .blog-tabs .button:first-child{min-width:calc(8.7rem + var(--buttons-border-width) * 2)}@media screen and (min-width:750px){.section--x-main-blog .blog-tabs .button:first-child{min-width:calc(12.8rem + var(--buttons-border-width) * 2)}}.section--x-main-blog .blog-tabs .button .svg-wrapper--decor{--decor-offset: -4px;width:2.8rem}.section--x-main-blog .blog-tabs .button--secondary:before,.section--x-main-blog .blog-tabs .button--secondary:after{--color-button-text: var(--color-foreground-secondary)}.section--x-main-blog .blog-tabs .button--secondary .svg-wrapper--decor{color:rgb(var(--color-foreground-secondary))}@media screen and (min-width:750px){.section--x-main-blog .blog-search{margin:0 auto;max-width:27.6rem}}@media screen and (min-width:990px){.section--x-main-blog .blog-search{margin:0}}.section--x-main-blog .blog-search .field__input{height:4.4rem}@media screen and (min-width:750px){.section--x-main-blog .blog-search .field__input{height:5.2rem}}.section--x-main-blog .blog-search .field__label{top:calc(var(--inputs-border-width) + 1.4rem);transition:opacity var(--duration-short) ease}@media screen and (min-width:750px){.section--x-main-blog .blog-search .field__label{top:calc(var(--inputs-border-width) + 1.6rem)}}.section--x-main-blog .blog-search .field__input:not(:placeholder-shown)~.field__label,.section--x-main-blog .blog-search .field__input:-webkit-autofill~.field__label{opacity:0;visibility:hidden}.section--x-main-blog .blog-search .field__input:focus,.section--x-main-blog .blog-search .field__input:not(:placeholder-shown),.section--x-main-blog .blog-search .field__input:-webkit-autofill{padding:.5rem 9.8rem .5rem 1.8rem}.section--x-main-blog .blog-search .field__button{height:100%}.section--x-main-blog .blog-search .reset__button .svg-wrapper{height:1.2rem;width:1.2rem}.section--x-main-blog .blog-search .reset__button .icon{height:100%;width:100%}.section--x-main-blog .blog-search .reset__button:after{display:none}.section--x-main-blog .blog-search .svg-wrapper--decor{--decor-offset: -4px;width:2.8rem}.section--x-main-blog .blog-articles{--grid-mobile-horizontal-spacing: 16px;--grid-mobile-vertical-spacing: 20px;--grid-desktop-horizontal-spacing: 16px;--grid-desktop-vertical-spacing: 20px;grid-template-columns:1fr 1fr}@media screen and (min-width:750px){.section--x-main-blog .blog-articles{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:990px){.section--x-main-blog .blog-articles{grid-template-columns:1fr 1fr 1fr 1fr}}.section--x-main-blog .blog-search-empty{text-align:center;padding:48px 0}
/*# sourceMappingURL=/cdn/shop/t/20/assets/x-main-blog.css.map */