body.template-blog{background-color:var(--color-white)}html[data-flow-cat] [data-flow-view=hub]{display:none!important}.fabpad-flow__category-panel{display:none}.fabpad-flow__category-panel[hidden]{display:none!important}.fabpad-flow{background-color:var(--color-white);padding:2rem 16px 3.5rem}.fabpad-flow__inner{max-width:1200px;margin:0 auto}.fabpad-flow__header{margin-bottom:2rem;text-align:center}.fabpad-flow__eyebrow{margin:0 0 .35rem;font-family:var(--font-body);font-size:12px;font-weight:var(--font-weight-medium);letter-spacing:.04em;text-transform:lowercase;color:var(--color-terracotta)}.fabpad-flow__title{margin:0;font-family:var(--font-heading);font-size:clamp(2rem,5vw,2.75rem);font-weight:400;line-height:1.1;color:var(--color-charcoal)}.fabpad-flow__section-heading{margin:0 0 1.25rem;font-family:var(--font-heading);font-size:clamp(1.35rem,3vw,1.75rem);font-weight:400;line-height:1.2;color:var(--color-charcoal)}.fabpad-flow__categories{margin-bottom:2.5rem}.fabpad-flow__category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fabpad-flow__category-tile{position:relative;display:block;min-height:168px;overflow:hidden;color:inherit;text-decoration:none;border-radius:12px}.fabpad-flow__category-tile-media{position:absolute;top:0;right:0;bottom:0;left:0}.fabpad-flow__category-tile-image{display:block;width:100%;height:100%;object-fit:cover}.fabpad-flow__category-tile-image--placeholder{background:linear-gradient(145deg,#8fa88f,#5c7a5c)}.fabpad-flow__category-tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#0000008c)}.fabpad-flow__category-tile-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:168px;padding:14px}.fabpad-flow__category-tile-title{margin:0;max-width:85%;font-family:var(--font-body);font-size:14px;font-weight:600;line-height:1.3;color:var(--color-white)}.fabpad-flow__category-tile-count{margin:0;font-family:var(--font-body);font-size:11px;font-weight:var(--font-weight-regular);color:#ffffffd9}.fabpad-flow__category-tile-btn{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-white);background-color:var(--color-terracotta);border-radius:50%}.fabpad-flow__popular,.fabpad-flow__category-posts{margin-bottom:1.5rem}.fabpad-flow__grid{display:grid;grid-template-columns:1fr;gap:20px}.fabpad-flow__card--hidden{display:none}.fabpad-flow__card-link{display:flex;flex-direction:column;height:100%;overflow:hidden;color:inherit;text-decoration:none;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 2px 12px #0000000a;transition:box-shadow .2s ease,transform .2s ease}@media(hover:hover){.fabpad-flow__card-link:hover{box-shadow:0 6px 24px #00000014;transform:translateY(-2px)}}.fabpad-flow__card-media{aspect-ratio:16 / 10;overflow:hidden;background-color:var(--color-off-white)}.fabpad-flow__card-image{display:block;width:100%;height:100%;object-fit:cover}.fabpad-flow__card-image--placeholder{background:linear-gradient(145deg,#e8e2d8,#d4cdc3)}.fabpad-flow__card-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:14px 14px 16px}.fabpad-flow__card-title{display:-webkit-box;margin:0;overflow:hidden;font-family:var(--font-body);font-size:15px;font-weight:600;line-height:1.35;color:var(--color-charcoal);-webkit-box-orient:vertical;-webkit-line-clamp:3}.fabpad-flow__card-excerpt{display:-webkit-box;margin:0;overflow:hidden;font-family:var(--font-body);font-size:13px;line-height:1.55;color:var(--color-grey);-webkit-box-orient:vertical;-webkit-line-clamp:3}.fabpad-flow__card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:4px}.fabpad-flow__card-author{display:inline-flex;align-items:center;gap:8px;min-width:0}.fabpad-flow__card-avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:28px;font-family:var(--font-body);font-size:12px;font-weight:var(--font-weight-medium);color:var(--color-white);text-transform:uppercase;background-color:var(--color-plum);border-radius:50%}.fabpad-flow__card-author-name{overflow:hidden;font-family:var(--font-body);font-size:12px;color:var(--color-charcoal);text-overflow:ellipsis;white-space:nowrap}.fabpad-flow__card-read{flex-shrink:0;font-family:var(--font-body);font-size:11px;color:var(--color-grey)}.fabpad-flow__load-wrap{display:flex;justify-content:center;margin-top:2rem}.fabpad-flow__load-more{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 8px;font-family:var(--font-body);font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-terracotta);text-decoration:none;cursor:pointer;background:none;border:none}.fabpad-flow__load-more:hover{text-decoration:underline}.fabpad-flow__category-hero{position:relative;margin-bottom:1.5rem;overflow:hidden;border-radius:16px}.fabpad-flow__category-hero-media{position:relative;aspect-ratio:21 / 7;min-height:140px}.fabpad-flow__category-hero-image{display:block;width:100%;height:100%;object-fit:cover}.fabpad-flow__category-hero-image--placeholder{background:linear-gradient(145deg,#8fa88f,#5c7a5c)}.fabpad-flow__category-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}.fabpad-flow__category-hero-title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;margin:0;padding:16px;font-family:var(--font-heading);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:400;line-height:1.2;color:var(--color-white);text-align:center}.fabpad-flow__category-nav{margin-bottom:2rem;overflow:hidden}.fabpad-flow__category-nav-track{display:flex;gap:14px;padding-bottom:6px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.fabpad-flow__category-nav-track::-webkit-scrollbar{display:none}.fabpad-flow__category-nav-item{display:flex;flex:0 0 88px;flex-direction:column;gap:8px;align-items:center;color:inherit;text-decoration:none;scroll-snap-align:start}.fabpad-flow__category-nav-thumb{display:block;width:72px;height:72px;overflow:hidden;border:2px solid transparent;border-radius:10px;transition:border-color .2s ease}.fabpad-flow__category-nav-thumb img{display:block;width:100%;height:100%;object-fit:cover}.fabpad-flow__category-nav-thumb-placeholder{display:block;width:100%;height:100%;background:linear-gradient(145deg,#e8e2d8,#d4cdc3)}.fabpad-flow__category-nav-item--active .fabpad-flow__category-nav-thumb{border-color:var(--color-terracotta)}.fabpad-flow__category-nav-label{font-family:var(--font-body);font-size:10px;line-height:1.3;color:var(--color-grey);text-align:center}.fabpad-flow__category-nav-item--active .fabpad-flow__category-nav-label{font-weight:var(--font-weight-medium);color:var(--color-terracotta)}.fabpad-flow__empty{padding:3rem 1.5rem;text-align:center;background-color:var(--color-off-white);border:1px solid var(--color-border);border-radius:12px}.fabpad-flow__empty p{margin:0;font-family:var(--font-body);font-size:14px;color:var(--color-grey)}.fabpad-flow__back-wrap{margin:0;text-align:center}.fabpad-flow__back-link{font-family:var(--font-body);font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-terracotta);text-decoration:none}.fabpad-flow__back-link:hover{text-decoration:underline}@media screen and (min-width:600px){.fabpad-flow__category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fabpad-flow__category-tile{min-height:190px}.fabpad-flow__category-tile-content{min-height:190px;padding:16px}.fabpad-flow__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}@media screen and (min-width:990px){.fabpad-flow{padding:2.5rem 24px 4rem}.fabpad-flow__header{margin-bottom:2.5rem}.fabpad-flow__categories{margin-bottom:3rem}.fabpad-flow__category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.fabpad-flow__category-tile{min-height:210px}.fabpad-flow__category-tile-content{min-height:210px;padding:18px}.fabpad-flow__category-tile-title{font-size:15px}.fabpad-flow__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.fabpad-flow__card-body{padding:16px 16px 18px}.fabpad-flow__card-title{font-size:16px}.fabpad-flow__category-hero-media{aspect-ratio:21 / 6;min-height:180px}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/fabpad-flow.css.map */