.cs-blog{--cs-tags-gap: 8px}.cs-blog-hero{--cs-hero-pad-bottom: 32px;--cs-hero-slot-gap: 28px}.cs-blog-hero .cs-hero__grid{gap:24px}.cs-blog-hero .cs-hero__dek{max-width:740px}.cs-blog-search{display:flex;align-items:center;gap:12px;width:100%;height:52px;padding:0 4px 0 20px;border-radius:var(--cs-radius-pill);background:var(--cs-white);color:var(--cs-muted)}.cs-blog-search:focus-within{outline:2px solid var(--cs-coral);outline-offset:3px}.cs-blog-search__icon{flex:none}.cs-blog-search__input{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;background:transparent;font-family:var(--cs-font);font-size:15px;color:var(--cs-ink);-webkit-appearance:none;appearance:none}.cs-blog-search__input::placeholder{color:var(--cs-muted);opacity:1}.cs-blog-search__input:focus,.cs-blog-search__input:focus-visible{outline:none;box-shadow:none}.cs-blog-search__input::-webkit-search-cancel-button{-webkit-appearance:none}.cs-blog-search__submit{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--cs-coral);color:var(--cs-white);transition:background-color var(--cs-fast) var(--cs-ease)}.cs .cs-blog-search__submit:hover{background:var(--cs-coral-hover)}.cs .cs-blog-search__submit:focus-visible{outline-color:var(--cs-ink);outline-offset:2px}.cs-blog-hero .cs-pills__list{margin-inline:calc(-1 * var(--cs-gutter));padding-inline:var(--cs-gutter);scroll-padding-inline:var(--cs-gutter);scroll-snap-type:x proximity}.cs-blog-hero .cs-pill{scroll-snap-align:start}@media screen and (min-width:720px){.cs-blog-hero .cs-pills__list{margin-inline:-4px;padding-inline:4px}}@media screen and (min-width:1024px){.cs-blog-hero{--cs-hero-pad-bottom: 64px;--cs-hero-slot-gap: 48px}.cs-blog-hero .cs-hero__grid{grid-template-columns:minmax(0,740px) minmax(0,420px);justify-content:space-between;align-items:end;gap:var(--cs-col-gap)}.cs-blog-hero .cs-hero__aside{justify-self:stretch}.cs-blog-search{height:56px;padding:0 6px 0 22px}.cs-blog-hero .cs-hero__slot{padding-top:32px;border-top:1px solid var(--cs-dark-line)}}.cs-blog-stories__head{margin-bottom:32px}.cs-blog-stories__body{display:grid;gap:32px}.cs-blog-feature .cs-story--featured{--cs-story-dek-gap: 16px;--cs-feature-inset: 24px}.cs-blog-feature .cs-story--featured .cs-story__title{font-size:22px}.cs-blog-feature .cs-story__dek{-webkit-line-clamp:3}.cs-blog-grid{display:grid;grid-template-columns:minmax(0,1fr)}.cs-blog-grid:empty{display:none}.cs-blog-stories__body[data-cs-filtered] .cs-blog-feature,.cs-blog-stories__body:not([data-cs-filtered]) .cs-blog-grid__dup{display:none!important}.cs-blog-grid .cs-story{--cs-story-tags-gap: 8px;grid-template-columns:104px minmax(0,1fr);align-items:start;gap:16px;padding-block:20px;border-top:1px solid var(--cs-hairline)}.cs-blog-grid .cs-story__media{aspect-ratio:4 / 3;border-radius:var(--cs-radius-sm)}.cs-blog-grid .cs-story__tags{flex-wrap:nowrap}.cs-blog-grid .cs-story__tags .cs-tag+.cs-tag{display:none}.cs-blog-grid .cs-story__meta{width:min-content;min-width:0;max-height:17px;overflow:hidden}.cs-blog-grid .cs-story__title{font-size:15px;line-height:1.4}.cs-blog-grid .cs-story__dek,.cs-blog-grid .cs-story__more{display:none}.cs-blog-grid .cs-story:has(.cs-story__link:focus-visible){outline-offset:4px}@media screen and (min-width:720px){.cs-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px var(--cs-col-gap)}.cs-blog-grid .cs-story{--cs-story-tags-gap: 10px;--cs-story-dek-gap: 10px;--cs-story-link-gap: 20px;grid-template-columns:minmax(0,1fr);gap:20px;padding-block:0;border-top:0}.cs-blog-grid .cs-story__meta{width:auto;max-height:none}.cs-blog-grid .cs-story__tags{flex-wrap:wrap}.cs-blog-grid .cs-story__media{aspect-ratio:3 / 2;border-radius:var(--cs-radius)}.cs-blog-grid .cs-story__tags .cs-tag+.cs-tag{display:inline-flex}.cs-blog-grid .cs-story__title{font-size:22px;line-height:1.3}.cs-blog-grid .cs-story__dek{display:-webkit-box}.cs-blog-grid .cs-story__more{display:inline-flex}}@media screen and (min-width:1024px){.cs-blog-stories__head{margin-bottom:56px}.cs-blog-stories__body{gap:56px}.cs-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-blog-feature .cs-story--featured{--cs-story-dek-gap: 20px}.cs-blog-feature .cs-story--featured .cs-story__title{font-size:var(--cs-h2)}}.cs-blog-more{display:flex;justify-content:center;margin-top:56px}.cs-blog-more [aria-busy=true]{opacity:.6;pointer-events:none}.cs-blog-empty{display:grid;justify-items:center;gap:12px;padding:48px 20px;border:1px solid var(--cs-hairline);border-radius:var(--cs-radius);background:var(--cs-white);text-align:center}.cs-blog-empty__title{font-size:22px;font-weight:600;line-height:1.3;color:var(--cs-ink)}.cs-blog-empty__body{max-width:52ch;font-size:15px;line-height:1.6;color:var(--cs-body)}.cs-blog-empty__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 24px;margin-top:4px}.cs-blog-empty__secondary{font-size:var(--cs-small);font-weight:600;color:var(--cs-ink)}.cs-blog-empty__secondary:hover{text-decoration:underline}@media screen and (min-width:1024px){.cs-blog-empty{padding:72px 48px}}.cs-blog-guides__inner{display:grid;gap:24px}.cs-blog-guides__head{display:grid;align-content:start;justify-items:start;gap:8px}.cs-blog-guides__link--top{display:none}.cs-blog-guides__list{border-bottom:1px solid var(--cs-border)}.cs-guide{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:16px;padding-block:16px;border-top:1px solid var(--cs-border);color:var(--cs-ink)}.cs-guide__thumb{overflow:hidden;aspect-ratio:4 / 3;border-radius:var(--cs-radius-sm);background:var(--cs-white)}.cs-guide__thumb .cs-image{transition:transform .3s var(--cs-ease)}.cs-guide:hover .cs-guide__thumb .cs-image{transform:scale(1.03)}.cs-guide__text{display:grid;gap:4px;min-width:0}.cs-guide__title{font-size:15px;font-weight:600;line-height:1.4;color:var(--cs-ink);transition:color .3s var(--cs-ease)}.cs-guide:hover .cs-guide__title{color:var(--cs-coral)}.cs-guide__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cs-guide__link:focus-visible{outline:none}.cs-guide:has(.cs-guide__link:focus-visible){outline:2px solid var(--cs-coral);outline-offset:4px;border-radius:var(--cs-radius-sm)}.cs-guide__dek{display:none}.cs-guide__read{font-size:var(--cs-micro);line-height:1.4;color:var(--cs-muted);white-space:nowrap}.cs-guide__read--side{display:none}.cs-guide__icon{display:none;color:var(--cs-ink);transition:transform var(--cs-fast) var(--cs-ease)}.cs-guide:hover .cs-guide__icon{transform:translate(2px,-2px)}@media screen and (min-width:720px){.cs-guide{grid-template-columns:168px minmax(0,1fr) auto 20px;gap:24px;padding-block:24px}.cs-guide__thumb{aspect-ratio:3 / 2}.cs-guide__text{gap:8px}.cs-guide__title{font-size:22px;line-height:1.3}.cs-guide__dek{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px;line-height:1.6;color:var(--cs-body)}.cs-guide__icon{display:block}.cs-guide__read{font-size:var(--cs-small)}.cs-guide__read--inline{display:none}.cs-guide__read--side{display:block}}@media screen and (min-width:1024px){.cs-blog-guides__inner{grid-template-columns:384px minmax(0,1fr);gap:var(--cs-col-gap)}.cs-blog-guides__head{gap:16px}.cs-blog-guides__link--top{display:inline-flex}.cs-blog-guides__link--bottom{display:none}}.cs-blog-products{--cs-product-title-min: 0}.cs-blog-products .cs-head__dek{display:none}.cs-blog-products .cs-product__title{-webkit-line-clamp:3}.cs-blog-products .cs-product__action{margin-top:0}.cs-blog-products__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--cs-gutter);margin-inline:calc(-1 * var(--cs-gutter));padding:0 var(--cs-gutter);scrollbar-width:none}.cs-blog-products__track::-webkit-scrollbar{display:none}.cs-blog-products__item{display:flex;flex:0 0 160px;scroll-snap-align:start}.cs-blog-products__item>.cs-product{width:100%}.cs-blog-products .cs-product__media .cs-image{padding:16px}@media screen and (min-width:720px){.cs-blog-products .cs-head__dek{display:block}.cs-blog-products .cs-product__title{-webkit-line-clamp:2}.cs-blog-products__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px var(--cs-col-gap);overflow:visible;margin-inline:0;padding:0}}@media screen and (min-width:1024px){.cs-blog-products__track{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-blog-products .cs-product__media .cs-image{padding:28px}}
/*# sourceMappingURL=/cdn/shop/t/142/assets/cs-blog-index.css.map */