.custom-blog-filter{--custom-blog-filter-ink: #18181b;--custom-blog-filter-muted: #656565;--custom-blog-filter-surface: #18181b06;--custom-blog-filter-accent: #8c8c8c;--custom-blog-filter-gap: 64px 32px;max-width:1600px;margin-inline:auto;padding-inline:64px;padding-block:clamp(48px,39.3px + 2.0513vw,64px)}.custom-blog-filter__nav{margin-block-end:48px}.custom-blog-filter__pill-list{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:0;padding:0;list-style:none}.custom-blog-filter__pill{text-decoration:none;background:#18181b0f;color:#18181b;transition:background-color .2s ease,color .2s ease;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;white-space:nowrap;border-radius:9999px;font-size:16px;font-weight:700;line-height:1.25;text-decoration-line:none;padding:12px 24px;text-transform:capitalize}.custom-blog-filter__pill:hover{background:#18181b1a;color:#18181b}.custom-blog-filter__pill--active{background:#18181b;color:#fff}.custom-blog-filter__results{outline:none;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.custom-blog-filter__results--transitioning{opacity:.5;transform:translateY(14px)}.custom-blog-filter__empty{text-align:center;color:var(--custom-blog-filter-muted)}.custom-blog-filter__featured{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch;background:var(--custom-blog-filter-surface);margin-block-end:3rem}.custom-blog-filter__featured-media{display:block;min-height:320px;overflow:hidden}.custom-blog-filter__featured-img{width:100%;height:100%;object-fit:cover;display:block;transition-property:transform;transition-duration:1s;transition-timing-function:cubic-bezier(.34,.01,.04,.98)}.custom-blog-filter__featured:hover .custom-blog-filter__featured-img{transform:scale(1.05)}.custom-blog-filter__featured-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:64px 48px}.custom-blog-filter__featured-title{color:#18181b;font-size:calc(min(30px,calc(19.5px + .875vw))*1);font-weight:400;line-height:1.2;overflow-wrap:anywhere;text-wrap:balance;margin:0 0 32px}.custom-blog-filter__featured-title a{color:inherit;text-decoration:none}.custom-blog-filter__featured-title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.custom-blog-filter__badge{display:inline-block;background:var(--custom-blog-filter-ink);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;padding:6px 8px;margin-block-end:12px}.custom-blog-filter__badge--card{position:absolute;inset-block-start:16px;inset-inline-start:16px;margin:0}.custom-blog-filter__excerpt{color:#18181b;font-size:16px;line-height:1.75;margin:0 0 48px}.custom-blog-filter__cta{display:inline-block;background:#7c7d80;color:#fff;font-size:16px;font-weight:400;line-height:1;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;padding:20px 32px;transition:background-color .2s ease}.custom-blog-filter__cta:hover{background:#8b8c8f;color:#fff}.custom-blog-filter__cta:active{background:#6d6e70;color:#fff}.custom-blog-filter__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--custom-blog-filter-gap)}.custom-blog-filter__card{position:relative;display:flex;flex-direction:column}.custom-blog-filter__card-media{position:relative;display:block;overflow:hidden}.custom-blog-filter__card-img{width:100%;height:100%;object-fit:cover;display:block;transition-property:transform;transition-duration:1s;transition-timing-function:cubic-bezier(.34,.01,.04,.98)}.custom-blog-filter__card:hover .custom-blog-filter__card-img{transform:scale(1.05)}.custom-blog-filter__card-title{font-size:calc(min(20px,calc(17px + .25vw))*1);font-weight:400;line-height:calc(28 / 20);color:#18181b;margin:24px 0 0}.custom-blog-filter__card-title a{color:#18181b;text-decoration:none}.custom-blog-filter__card-title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.custom-blog-filter__card-excerpt{color:#18181b;font-size:16px;line-height:1.75;margin:16px 0 0}.custom-blog-filter__meta{display:flex;gap:.5rem;color:var(--custom-blog-filter-muted);font-size:.8125rem;margin:.625rem 0 0}.custom-blog-filter__pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-block-start:3rem}.custom-blog-filter__page-list{display:flex;gap:.375rem;margin:0;padding:0;list-style:none}.custom-blog-filter__page-link{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;padding:0 .5rem;border-radius:6px;color:var(--custom-blog-filter-ink);text-decoration:none;font-size:.875rem}.custom-blog-filter__page-link:hover{background:var(--custom-blog-filter-surface)}.custom-blog-filter__page-link--current{background:var(--custom-blog-filter-ink);color:#fff}.custom-blog-filter__page-ellipsis{display:inline-flex;align-items:center;color:var(--custom-blog-filter-muted)}@media screen and (max-width:1199px){.custom-blog-filter{padding-inline:32px}.custom-blog-filter__nav{margin-block-end:32px}.custom-blog-filter__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:991px){.custom-blog-filter__featured-body{padding:48px}}@media screen and (max-width:767px){.custom-blog-filter{padding-inline:20px}.custom-blog-filter__featured-body{padding:32px}.custom-blog-filter__pill{font-size:14px}.custom-blog-filter__pill-list{gap:8px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}.custom-blog-filter__grid{grid-template-columns:repeat(1,minmax(0,1fr))}.custom-blog-filter__featured{grid-template-columns:1fr}.custom-blog-filter__featured-media{min-height:220px}.custom-blog-filter__badge{font-size:10px}.custom-blog-filter__cta{font-size:14px}.custom-blog-filter__featured-title{margin:0 0 16px}.custom-blog-filter__excerpt{font-size:14px;margin:0 0 32px}.custom-blog-filter__card-excerpt{font-size:14px;margin:8px 0 0}.custom-blog-filter{--custom-blog-filter-gap: 32px}.custom-blog-filter__nav{margin-block-end:24px}.custom-blog-filter__grid{--custom-blog-filter-columns: 1}}@media screen and (max-width:575px){.custom-blog-filter{padding-inline:0}.custom-blog-filter__grid,.custom-blog-filter__pill-list{padding-inline:20px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/custom-blog-filter.css.map */