.blog-layout{display:flex;flex-direction:column;gap:2rem}.blog-layout--with-sidebar{flex-direction:column}@media screen and (min-width: 990px){.blog-layout--with-sidebar{flex-direction:row;gap:3rem}}.blog-filter-mobile{display:block;margin-bottom:2rem;order:1}@media screen and (min-width: 990px){.blog-filter-mobile{display:none}}.blog-filter-mobile__label{display:block;margin-bottom:.8rem;font-size:calc(var(--font-body-scale) * 1.4rem);font-family:var(--font-body-family);font-weight:600;color:rgb(var(--color-foreground))}.blog-filter-mobile__select{width:100%;padding:1.2rem 4rem 1.2rem 1.6rem;font-size:calc(var(--font-body-scale) * 1.4rem);font-family:var(--font-body-family);color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);border-radius:.4rem;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1.2rem center;background-size:1.6rem}.blog-filter-mobile__select:focus{outline:2px solid rgb(var(--color-button));outline-offset:2px}.blog-sidebar{flex:0 0 230px;order:2;display:none}@media screen and (min-width: 990px){.blog-sidebar{display:block;order:1}}.blog-sidebar__content{background:rgba(var(--color-foreground),.04);border-radius:.8rem;padding:1.5rem;position:sticky;top:2rem}@media screen and (min-width: 750px){.blog-sidebar__content{padding:2rem}}.blog-sidebar__title{margin:0 0 1.5rem;font-size:calc(var(--font-heading-scale) * 1.6rem);font-weight:600;color:rgb(var(--color-foreground));font-family:var(--font-heading-family)}.blog-tags{display:flex;flex-direction:column;gap:.5rem}.blog-tag{background:transparent;border:none;border-radius:0;padding:.8rem 0;font-size:calc(var(--font-body-scale) * 1.4rem);font-family:var(--font-body-family);color:rgb(var(--color-foreground));cursor:pointer;transition:all .2s ease;text-decoration:none;display:block;text-align:left;font-weight:400;border-bottom:1px solid rgba(var(--color-foreground),.1)}.blog-tag:last-child{border-bottom:none}.blog-tag:hover{color:rgb(var(--color-button))}.blog-tag--active{font-weight:700;color:rgb(var(--color-button))}.blog-tag--active:hover{color:rgb(var(--color-button))}.blog-content{flex:1;order:1}@media screen and (min-width: 990px){.blog-content{order:2}}.blog-articles{display:grid;grid-gap:1rem;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}.blog-articles__article[style*="display: none"]{display:none!important}.blog-no-results{grid-column:1 / -1;text-align:center;padding:3rem 2rem;background:rgba(var(--color-foreground),.04);border-radius:.8rem;margin-top:2rem}.blog-no-results p{margin:0 0 1.5rem;font-size:1.6rem;color:rgba(var(--color-foreground),.7)}.blog-no-results .blog-tag{margin:0}[id*=multicolumn]{transition:opacity .3s ease-in-out}[id*=multicolumn][style*="display: none"]{display:none!important}.blog-articles .card-wrapper{width:100%}.members-only-protection{padding:6rem 0 8rem;margin:4rem 0 6rem;min-height:40vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--color-foreground),.02),rgba(var(--color-foreground),.06));border-top:1px solid rgba(var(--color-foreground),.08);border-bottom:1px solid rgba(var(--color-foreground),.08)}.article-template--protected,.article-template--protected .article-template__hero-container{position:relative}.article-template--protected .article-template__hero-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(var(--color-background),0),rgba(var(--color-background),.1),rgba(var(--color-background),.8));pointer-events:none}.article-template--protected .article-template__title{margin-bottom:1rem}.article-template--protected header{margin-bottom:2rem}.members-only-protection__content{text-align:center;max-width:50rem;padding:4rem 2rem;background:rgb(var(--color-background));border-radius:1.2rem;border:1px solid rgba(var(--color-foreground),.12);box-shadow:0 4px 6px -1px rgba(var(--color-foreground),.1),0 2px 4px -1px rgba(var(--color-foreground),.06);position:relative}.members-only-protection__icon{margin-bottom:2rem;color:rgb(var(--color-button))}.members-only-protection__icon svg{width:6rem;height:6rem}.members-only-protection__title{margin:0 0 1.5rem;font-size:2.4rem;font-weight:600;color:rgb(var(--color-foreground))}.members-only-protection__message{margin:0 0 3rem;font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.8)}.members-only-protection__actions{display:flex;gap:1.5rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.members-only-protection__actions .button{min-width:14rem;padding:1.2rem 2.4rem;text-decoration:none;border-radius:.4rem;font-weight:500;transition:all .2s ease}.members-only-protection__actions .button--primary{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:1px solid rgb(var(--color-button))}.members-only-protection__actions .button--primary:hover{opacity:.9}.members-only-protection__actions .button--secondary{background:transparent;color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.3)}.members-only-protection__actions .button--secondary:hover{background:rgba(var(--color-foreground),.1)}.members-only-protection__back-link{color:rgba(var(--color-foreground),.7);text-decoration:none;font-size:1.4rem;transition:color .2s ease}.members-only-protection__back-link:hover{color:rgb(var(--color-button))}@media screen and (max-width: 749px){.members-only-protection__content{padding:3rem 1.5rem}.members-only-protection__title{font-size:2rem}.members-only-protection__actions{flex-direction:column;align-items:center}.members-only-protection__actions .button{width:100%;max-width:25rem}}.card__badge--members-only{position:absolute;top:1rem;right:1rem;z-index:2}.badge--members-only{background:rgba(var(--color-button),.9);color:rgb(var(--color-button-text));padding:.6rem 1rem;border-radius:2rem;font-size:1.2rem;font-weight:500;display:flex;align-items:center;gap:.4rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.badge--members-only svg{width:1.2rem;height:1.2rem;flex-shrink:0}@media screen and (min-width: 750px){.blog-articles{grid-template-columns:1fr 1fr;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}.blog-articles--collage>*:nth-child(3n+1),.blog-articles--collage>*:nth-child(3n+2):last-child{grid-column:span 2;text-align:center}.blog-articles--collage>*:nth-child(3n+1) .card,.blog-articles--collage>*:nth-child(3n+2):last-child .card{text-align:center}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--small .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--small .ratio:before{padding-bottom:22rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--medium .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--medium .ratio:before{padding-bottom:44rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--large .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--large .ratio:before{padding-bottom:66rem}}@media screen and (min-width: 990px){.blog-articles{grid-template-columns:1fr 1fr 1fr}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--small .ratio .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--small .ratio .ratio:before{padding-bottom:27.5rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--medium .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--medium .ratio:before{padding-bottom:55rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--large .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--large .ratio:before{padding-bottom:82.5rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-main-blog.css.map */
