.blog-filter{text-align:center}.blog-filter .select{width:calc(var(--width) + var(--input-padding-inline) + var(--input-padding-inline) + var(--input-padding-inline))}/*! blog-posts */.blog-grid{--card-grid-gap: var(--sp-10) var(--sp-4)}@media screen and (min-width: 1024px){.blog-grid{--card-grid-gap: clamp(24px, 2.5vw, 40px)}}@media screen and (pointer: fine){.article-card__image{--tw-scale-x: 1;--tw-scale-y: 1;transform:scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:transform var(--animation-primary)}.article-card__link:hover .article-card__image{--tw-scale-x: 1.05;--tw-scale-y: 1.05}}.article-card__media{border-radius:var(--card-radius)}.article-card__title{font-family:var(--font-product-family);font-weight:var(--font-product-weight);text-transform:var(--font-product-text-transform)}.article-card__top{row-gap:var(--sp-2)}.article-card__top li{padding-inline-end:var(--sp-4)}.article-card__top li:after{content:"";position:absolute;inset-inline-end:0;width:1px;height:16px;background-color:currentColor;opacity:.3}.article-card__top li:last-child{padding-inline-end:0}.article-card__top li:last-child:after{content:none}.article-card__top .icon{width:var(--sp-4);height:var(--sp-4)}.article-card .badge--custom{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--badge-foreground);background-color:var(--badge-background)}@media screen and (pointer: fine){.article-card .badge{--tw-scale-x: 1;--tw-scale-y: 1;transform:scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:var(--animation-primary);transition-property:transform}.article-card .badge:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05}}/*! collage layout */.blog-collage .article-card:nth-child(1) .article-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-color:color-mix(in oklab,rgb(var(--color-foreground)) 50%,#000000)}.blog-collage .article-card:nth-child(1):not(.without-image) .article-card__content{position:absolute;inset:var(--card-grid-gap);inset-block-start:unset;color:#fff}.blog-collage .article-card:nth-child(1):not(.without-image) .article-card__title{color:inherit}.blog-collage .article-card:nth-child(1) .article-card__title{font-size:clamp(var(--text-2xl),2.526vw,var(--text-5xl))}.blog-collage .article-card:nth-child(1) .reversed-link{--reversed-link-gap: min(100%, 1.12em)}@media screen and (max-width: 639px){.blog-collage{--card-grid-per-row: 1}.blog-collage .article-card:nth-child(1) .article-card__image{aspect-ratio:4 / 5}.blog-collage .article-card:nth-child(1) .article-card__bottom{display:none}}@media screen and (min-width: 640px){.blog-collage .article-card:nth-child(1){grid-column:span 2}}@media screen and (min-width: 1024px){.blog-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--card-grid-gap);max-width:90vw;margin:0 auto var(--sp-12) auto;height:400px;overflow-y:auto}.blog-collage .article-card{display:flex;flex-direction:column}.blog-collage .article-card:nth-child(1){grid-column:1;grid-row:1 / 3;position:relative}.blog-collage .article-card:nth-child(2){grid-column:2;grid-row:1;flex-direction:row;gap:var(--sp-4)}.blog-collage .article-card:nth-child(3){grid-column:2;grid-row:2;flex-direction:row;gap:var(--sp-4)}.blog-collage .article-card:nth-child(1) .article-card__content>.grid{gap:var(--sp-5)}.blog-collage .article-card:nth-child(1) .article-card__title{line-height:1.1;font-size:clamp(var(--text-xl),2.2vw,var(--text-4xl))}.blog-collage .article-card:nth-child(1) .article-card__top+p{max-width:85%}.blog-collage .article-card:nth-child(1) .article-card__bottom{font-size:var(--text-base)}.blog-collage .article-card:nth-child(1) .article-card__content .text-xs{font-size:var(--text-xs);line-height:1.25}.blog-collage .article-card:nth-child(1) .article-card__content .text-sm{font-size:var(--text-sm)}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)){align-items:center}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__media{flex:0 0 45%;height:100%}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-2)}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__title{font-size:var(--text-lg);line-height:1.3}.blog-collage .article-card:is(:nth-child(1),:nth-child(2),:nth-child(3)) :is(.article-card__media,.article-card__link,.article-card__image){height:100%}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__image{object-fit:cover;border-radius:var(--card-radius)}.blog-collage .article-card:nth-child(3),.blog-collage.with-only4 .article-card:nth-child(4){margin-block-start:0;padding-block-start:0}.blog-collage .article-card:nth-child(3):before,.blog-collage.with-only4 .article-card:nth-child(4):before{content:none}.blog-collage.with-only4 .article-card:nth-child(4){display:none}}@media screen and (min-width: 1280px) and (max-width: 1535px){.blog-collage{height:450px;margin:0 auto var(--sp-14) auto}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)){gap:var(--sp-5)}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__media{flex:0 0 42%}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__title{font-size:var(--text-lg)}}@media screen and (min-width: 1536px){.blog-collage{height:500px;margin:0 auto var(--sp-16) auto}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)){gap:var(--sp-6)}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__media{flex:0 0 40%}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__title{font-size:var(--text-xl)}}@media screen and (min-width: 640px) and (max-width: 1023px){.slider .blog-collage.with-only3{--card-grid-per-row: 2}.slider .blog-collage.with-only4{--card-grid-per-row: 3}.slider .blog-collage.with-only4 .article-card:nth-child(1){grid-column:span 3}}@media screen and (pointer: fine){.blog-collage .article-card:nth-child(1):hover .article-card__image{--tw-scale-x: 1.05;--tw-scale-y: 1.05}}/*! blog with one post */@media screen and (min-width: 1024px){.blog-grid.with-only1{display:flex;justify-content:center}.blog-grid.with-only1 .article-card{flex:0 0 45%}}@media screen and (min-width: 1024px) and (max-width: 1279px){.blog-collage .article-card:is(:nth-child(2),:nth-child(3)),.blog-collage.with-only4 .article-card:nth-child(4){display:grid;gap:var(--sp-4)}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__image,.blog-collage.with-only4 .article-card:nth-child(4) .article-card__image{aspect-ratio:16 / 9}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/blog.css.map */