.wa.wb-hero{padding-block:64px 40px}.wa.wb-hero h1{max-width:16ch;margin-top:22px;font-size:clamp(36px,5vw,64px);line-height:1.08;letter-spacing:-.05em;text-wrap:balance}.wb-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--wa-line);border-radius:999px;padding:7px 14px 7px 12px;font-size:13px}.wb-pill svg{width:14px;height:14px;fill:var(--wa-accent)}.wb-intro{max-width:60ch;margin-top:14px;color:var(--wa-muted);font-size:17px;line-height:1.55}.wb-hero .wb-intro{margin-top:20px;font-size:18px}.wb-search{position:relative;display:flex;align-items:center;max-width:560px;margin-top:32px;border:1px solid #aab5ba;border-radius:999px;padding-right:6px}.wb-search>svg{position:absolute;left:18px;width:18px;height:18px;pointer-events:none;color:var(--wa-muted)}.wb-search input[type=search]{flex:1;width:100%;min-width:0;min-height:54px;border:0;border-radius:999px;padding:12px 10px 12px 48px;background:transparent;color:inherit;font:inherit}.wb-search button{flex-shrink:0;max-width:45%;min-height:42px;border:0;border-radius:999px;padding:8px 15px;background:var(--color-foreground);color:var(--color-background);font:inherit;font-size:13px;cursor:pointer;overflow-wrap:anywhere}.wa[data-blog-editorial][hidden]{display:none!important}.water-blog-navigation-section{position:sticky;top:var(--header-height,0px);z-index:4}.wb-navigation{padding-block:12px;border-bottom:1px solid var(--wa-line)}.wb-navigation-inner{display:flex;gap:16px;align-items:center}.wb-chips{display:flex;flex:1;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding-block:4px}.wb-chip{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:42px;padding:8px 16px;border:1px solid var(--wa-line);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:14px;text-decoration:none;cursor:pointer;white-space:nowrap}.wb-chip[aria-current=page],.wb-chip:hover{background:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}.wb-count{flex-shrink:0;color:var(--wa-muted);font-size:14px}.wb-spaced{padding-block:72px}.wa.wb-featured{padding-block:40px 64px}.wa .wb-card--featured{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:center}.wa .wb-card--featured:not(:has(.wa-card-image)){grid-template-columns:minmax(0,760px)}.wa .wb-card--featured .wa-card-image{aspect-ratio:4/3;border-radius:24px}.wa .wb-card--featured :is(h2,h3){font-size:clamp(26px,3vw,36px);line-height:1.15;letter-spacing:-.04em}.wa .wb-card--featured p{font-size:17px;-webkit-line-clamp:4}.wa .wb-card--featured .wa-card-copy{gap:14px}.wb-featured-label{color:var(--wa-muted);margin-right:10px}.wb-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wb-topic{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--wa-line);border-radius:18px;background:#fff;color:#242529!important;text-decoration:none}.wb-topic:hover{border-color:currentcolor}.wb-topic[aria-current=page]{border-color:#242529;box-shadow:inset 0 0 0 1px #242529;background:#f0f5f1}.wb-topic strong{font-size:18px;line-height:1.35;letter-spacing:-.02em}.wb-topic>span{color:#626c70;font-size:14px;line-height:1.5}.wb-topic em{margin-top:auto;padding-top:10px;color:#0076c2;font-size:12px;font-weight:600;font-style:normal;text-transform:uppercase;letter-spacing:.04em}.wb-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wb-start-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}.wb-start-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--color-foreground)}.wb-start-list li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:18px;padding-block:20px;border-bottom:1px solid var(--wa-line)}.wb-number{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentcolor;border-radius:50%;font-size:12px}.wb-start-list a{display:grid;gap:6px;text-decoration:none}.wb-start-list strong{font-size:17px;line-height:1.35}.wb-start-list a span{font-size:13px;color:var(--wa-muted)}water-blog-catalog{scroll-margin-top:calc(var(--header-height,80px) + 84px)}water-blog-catalog [data-blog-heading]{scroll-margin-top:calc(var(--header-height,80px) + 100px)}.wb-search-status{color:var(--wa-muted);font-size:14px}.wb-search-status:not(:empty){margin-bottom:24px}.wb-empty{padding-block:32px;color:var(--wa-muted)}.wb-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding-top:40px}.wb-pagination :is(a,button,span){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--wa-line);border-radius:999px;padding:8px 16px;background:transparent;color:inherit;text-decoration:none;font:inherit;font-size:14px}.wb-pagination :is(a,button){cursor:pointer}.wb-pagination [aria-current]{background:var(--color-foreground);color:var(--color-background)}.wb-pagination button:disabled{opacity:.4;cursor:default}.wb-pagination [data-search-page]{border:0}@media(max-width:900px){.wa.wb-hero{padding-block:40px 28px}.wa.wb-featured{padding-block:28px 48px}.wb-spaced{padding-block:52px}.wa .wb-card--featured,.wb-start-layout{grid-template-columns:1fr}.wb-count{display:none}.wb-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wb-topic-grid,.wb-resource-grid{grid-template-columns:1fr}.wb-chip{min-height:44px}.wb-search input[type=search]{padding-left:42px;font-size:16px}.wb-search>svg{left:15px}.wa .wb-card--featured .wa-card-image{border-radius:18px}}@media print{.water-blog-navigation-section,.wb-search{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/template-water-blog.css.map */