.blog-devsetup{background-color:var(--ds-background, #FAFAFA)}.blog-devsetup__container{max-width:1280px;margin:0 auto;padding-left:var(--spacing-lg, 1.5rem);padding-right:var(--spacing-lg, 1.5rem)}@media screen and (min-width: 750px){.blog-devsetup__container{padding-left:var(--spacing-xl, 2rem);padding-right:var(--spacing-xl, 2rem)}}.blog-devsetup__header{text-align:center;margin-bottom:var(--spacing-3xl, 4rem)}.blog-devsetup__heading{font-family:var(--font-heading, "Outfit", sans-serif);font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--ds-text-primary, #171717);line-height:1.2;margin:0 0 var(--spacing-md, 1rem) 0}.blog-devsetup__subheading{font-size:clamp(1rem,2vw,1.125rem);color:var(--ds-text-secondary, #525252);line-height:1.6;max-width:640px;margin:0 auto}.blog-devsetup__pillars{display:grid;gap:var(--spacing-xl, 2rem);margin-bottom:var(--spacing-3xl, 4rem)}@media screen and (min-width: 750px){.blog-devsetup__pillars{grid-template-columns:repeat(2,1fr)}}.article-card-pillar{background:var(--ds-surface, #FFFFFF);border:1px solid var(--ds-border-subtle, #EFEFEF);border-radius:var(--radius-lg, .75rem);overflow:hidden;transition:transform var(--transition-base, .2s cubic-bezier(.4, 0, .2, 1)),box-shadow var(--transition-base, .2s cubic-bezier(.4, 0, .2, 1))}.article-card-pillar:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1))}.article-card-pillar__link{display:grid;gap:var(--spacing-lg, 1.5rem);text-decoration:none;color:inherit;height:100%}@media screen and (min-width: 550px){.article-card-pillar__link{grid-template-columns:40% 60%;gap:0}}.article-card-pillar__image-wrapper{position:relative;width:100%;min-height:200px}@media screen and (min-width: 550px){.article-card-pillar__image-wrapper{min-height:100%}}.article-card-pillar__image{position:relative;width:100%;height:100%;overflow:hidden}.article-card-pillar__img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow, .3s cubic-bezier(.4, 0, .2, 1))}.article-card-pillar:hover .article-card-pillar__img{transform:scale(1.05)}.article-card-pillar__badge{position:absolute;top:var(--spacing-md, 1rem);left:var(--spacing-md, 1rem);background:var(--ds-accent, #00D9C0);color:#fff;padding:var(--spacing-xs, .25rem) var(--spacing-md, 1rem);border-radius:var(--radius-full, 9999px);font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs, .25rem);z-index:1}.article-card-pillar__badge-icon{width:16px;height:16px}.article-card-pillar__content{padding:var(--spacing-lg, 1.5rem);display:flex;flex-direction:column;gap:var(--spacing-md, 1rem)}.article-card-pillar__title{font-family:var(--font-heading, "Outfit", sans-serif);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:var(--ds-text-primary, #171717);line-height:1.3;margin:0}.article-card-pillar__meta{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);font-size:.875rem;color:var(--ds-text-muted, #A3A3A3)}.article-card-pillar__meta-divider{opacity:.5}.article-card-pillar__excerpt{color:var(--ds-text-secondary, #525252);line-height:1.6;flex-grow:1;margin:0}.article-card-pillar__cta{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);color:var(--ds-accent, #00D9C0);font-weight:600;font-size:.9375rem;transition:gap var(--transition-fast, .15s cubic-bezier(.4, 0, .2, 1))}.article-card-pillar:hover .article-card-pillar__cta{gap:var(--spacing-md, 1rem)}.article-card-pillar__cta-icon{width:16px;height:16px;transition:transform var(--transition-fast, .15s cubic-bezier(.4, 0, .2, 1))}.article-card-pillar:hover .article-card-pillar__cta-icon{transform:translate(4px)}.blog-devsetup__filters{margin-bottom:var(--spacing-2xl, 3rem)}.blog-filters{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.blog-filters::-webkit-scrollbar{display:none}.blog-filters__wrapper{display:flex;gap:var(--spacing-sm, .5rem);padding:var(--spacing-sm, .5rem) 0;min-width:min-content}.blog-filters__pill{display:inline-flex;align-items:center;gap:var(--spacing-xs, .25rem);padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem);border:1px solid var(--ds-border, #E5E5E5);border-radius:var(--radius-full, 9999px);background:var(--ds-surface, #FFFFFF);color:var(--ds-text-secondary, #525252);font-size:.9375rem;font-weight:500;white-space:nowrap;text-decoration:none;cursor:pointer;transition:all var(--transition-base, .2s cubic-bezier(.4, 0, .2, 1))}.blog-filters__pill:hover{border-color:var(--ds-accent, #00D9C0);color:var(--ds-text-primary, #171717);transform:translateY(-1px)}.blog-filters__pill.is-active,.blog-filters__pill[aria-current=page]{background:var(--ds-accent, #00D9C0);border-color:var(--ds-accent, #00D9C0);color:#fff}.blog-filters__pill:focus-visible{outline:2px solid var(--ds-accent, #00D9C0);outline-offset:2px}.blog-filters__count{opacity:.7;font-size:.8125rem}.blog-devsetup__grid-wrapper{margin-bottom:var(--spacing-4xl, 6rem)}.blog-devsetup__grid{display:grid;gap:var(--spacing-xl, 2rem);margin-bottom:var(--spacing-2xl, 3rem)}@media screen and (min-width: 550px){.blog-devsetup__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 990px){.blog-devsetup__grid{grid-template-columns:repeat(3,1fr)}}.article-card-grid{background:var(--ds-surface, #FFFFFF);border:1px solid var(--ds-border-subtle, #EFEFEF);border-radius:var(--radius-lg, .75rem);overflow:hidden;transition:transform var(--transition-base, .2s cubic-bezier(.4, 0, .2, 1)),box-shadow var(--transition-base, .2s cubic-bezier(.4, 0, .2, 1));height:100%;display:flex;flex-direction:column}.article-card-grid:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}.article-card-grid__link{text-decoration:none;color:inherit;height:100%;display:flex;flex-direction:column}.article-card-grid__image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.article-card-grid__image{width:100%;height:100%;background:var(--ds-surface-elevated, #F5F5F5)}.article-card-grid__image--placeholder{display:flex;align-items:center;justify-content:center}.article-card-grid__img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow, .3s cubic-bezier(.4, 0, .2, 1))}.article-card-grid:hover .article-card-grid__img{transform:scale(1.05)}.article-card-grid__category-badge{position:absolute;top:var(--spacing-md, 1rem);left:var(--spacing-md, 1rem);background:#171717d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:var(--spacing-xs, .25rem) var(--spacing-md, 1rem);border-radius:var(--radius-sm, .25rem);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;z-index:1}.article-card-grid__content{padding:var(--spacing-lg, 1.5rem);display:flex;flex-direction:column;gap:var(--spacing-sm, .5rem);flex-grow:1}.article-card-grid__title{font-family:var(--font-heading, "Outfit", sans-serif);font-size:1.5rem;font-weight:600;color:var(--ds-text-primary, #171717);line-height:1.4;margin:0}.article-card-grid__meta{font-size:1.05rem;color:var(--ds-text-muted, #A3A3A3)}.article-card-grid__excerpt{color:var(--ds-text-secondary, #525252);line-height:1.5;margin:0;font-size:1.2rem}.blog-devsetup__empty{text-align:center;padding:var(--spacing-4xl, 6rem) var(--spacing-xl, 2rem);color:var(--ds-text-muted, #A3A3A3)}.blog-devsetup__empty svg{margin-bottom:var(--spacing-md, 1rem);color:var(--ds-text-muted, #A3A3A3)}.blog-devsetup__empty p{margin:0;font-size:1.125rem}.blog-devsetup__pagination{display:flex;justify-content:center}.blog-devsetup__newsletter{margin-top:var(--spacing-4xl, 6rem)}.blog-newsletter-cta{width:100%}.blog-newsletter-cta__container{background:var(--ds-surface-elevated, #F5F5F5);border:1px solid var(--ds-border-subtle, #EFEFEF);border-radius:var(--radius-xl, 1rem);padding:var(--spacing-2xl, 3rem) var(--spacing-xl, 2rem);text-align:center;max-width:800px;margin:0 auto}@media screen and (min-width: 750px){.blog-newsletter-cta__container{padding:var(--spacing-3xl, 4rem) var(--spacing-2xl, 3rem)}}.blog-newsletter-cta__header{margin-bottom:var(--spacing-xl, 2rem)}.blog-newsletter-cta__heading{font-family:var(--font-heading, "Outfit", sans-serif);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--ds-text-primary, #171717);margin:0 0 var(--spacing-md, 1rem) 0;line-height:1.2}.blog-newsletter-cta__text{color:var(--ds-text-secondary, #525252);font-size:1rem;line-height:1.6;margin:0}.blog-newsletter-cta__form-wrapper{max-width:500px;margin:0 auto}.blog-newsletter-cta__field-wrapper{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);background:var(--ds-surface, #FFFFFF);border:1px solid var(--ds-border, #E5E5E5);border-radius:var(--radius-md, .5rem);padding:var(--spacing-sm, .5rem);transition:border-color var(--transition-fast, .15s cubic-bezier(.4, 0, .2, 1))}.blog-newsletter-cta__field-wrapper:focus-within{border-color:var(--ds-accent, #00D9C0);box-shadow:0 0 0 3px var(--ds-accent-muted, rgba(0, 217, 192, .15))}.blog-newsletter-cta__icon{flex-shrink:0;color:var(--ds-text-muted, #A3A3A3);margin-left:var(--spacing-sm, .5rem)}.blog-newsletter-cta__input{flex:1;border:none;outline:none;font-size:1rem;padding:var(--spacing-sm, .5rem);background:transparent;color:var(--ds-text-primary, #171717)}.blog-newsletter-cta__input::placeholder{color:var(--ds-text-muted, #A3A3A3)}.blog-newsletter-cta__button{flex-shrink:0;background:var(--ds-accent, #00D9C0);color:#fff;border:none;border-radius:var(--radius-sm, .25rem);padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1.5rem);font-weight:600;font-size:.9375rem;cursor:pointer;transition:background var(--transition-fast, .15s cubic-bezier(.4, 0, .2, 1))}.blog-newsletter-cta__button:hover{background:var(--ds-accent-hover, #00F5D8)}.blog-newsletter-cta__button:focus-visible{outline:2px solid var(--ds-accent, #00D9C0);outline-offset:2px}.blog-newsletter-cta__message{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, .5rem);margin-top:var(--spacing-md, 1rem);padding:var(--spacing-md, 1rem);border-radius:var(--radius-md, .5rem);font-size:.9375rem}.blog-newsletter-cta__message svg{flex-shrink:0}.blog-newsletter-cta__message--success{background:var(--ds-accent-muted, rgba(0, 217, 192, .15));color:#008b7a}.blog-newsletter-cta__message--error{background:#ef44441a;color:#dc2626}.blog-newsletter-cta__privacy{margin-top:var(--spacing-md, 1rem);font-size:.75rem;color:var(--ds-text-muted, #A3A3A3)}.homepage-blog{background-color:var(--ds-background, #FAFAFA)}.homepage-blog__container{max-width:1280px;margin:0 auto;padding-left:var(--spacing-lg, 1.5rem);padding-right:var(--spacing-lg, 1.5rem)}@media screen and (min-width: 750px){.homepage-blog__container{padding-left:var(--spacing-xl, 2rem);padding-right:var(--spacing-xl, 2rem)}}.homepage-blog__header{text-align:center;margin-bottom:var(--spacing-3xl, 4rem)}.homepage-blog__heading{font-family:var(--font-heading, "Outfit", sans-serif);font-size:clamp(1.875rem,5vw,2.5rem);font-weight:700;color:var(--ds-text-primary, #171717);line-height:1.2;margin:0 0 var(--spacing-md, 1rem) 0}.homepage-blog__subheading{font-size:clamp(1rem,2vw,1.125rem);color:var(--ds-text-secondary, #525252);line-height:1.6;max-width:640px;margin:0 auto}.homepage-blog__pillars{display:grid;gap:var(--spacing-xl, 2rem);margin-bottom:var(--spacing-2xl, 3rem)}@media screen and (min-width: 750px){.homepage-blog__pillars{grid-template-columns:repeat(2,1fr)}}.homepage-blog__grid{display:grid;gap:var(--spacing-xl, 2rem);margin-bottom:var(--spacing-2xl, 3rem)}@media screen and (min-width: 550px){.homepage-blog__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 990px){.homepage-blog__grid{grid-template-columns:repeat(3,1fr)}}.homepage-blog__footer{text-align:center;padding-top:var(--spacing-lg, 1.5rem)}.homepage-blog__cta{display:inline-flex;align-items:center;gap:var(--spacing-sm, .5rem);padding:var(--spacing-md, 1rem) var(--spacing-xl, 2rem);background:transparent;border:2px solid var(--ds-accent, #00D9C0);border-radius:var(--radius-md, .5rem);color:var(--ds-accent, #00D9C0);font-weight:600;font-size:1rem;text-decoration:none;transition:all var(--transition-base, .2s cubic-bezier(.4, 0, .2, 1))}.homepage-blog__cta:hover{background:var(--ds-accent, #00D9C0);color:#fff;gap:var(--spacing-md, 1rem)}.homepage-blog__cta svg{transition:transform var(--transition-fast, .15s cubic-bezier(.4, 0, .2, 1))}.homepage-blog__cta:hover svg{transform:translate(4px)}.homepage-blog__empty{text-align:center;padding:var(--spacing-3xl, 4rem) var(--spacing-xl, 2rem);color:var(--ds-text-muted, #A3A3A3)}.homepage-blog__empty p{margin:0;font-size:1.125rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-blog-devsetup.css.map */