.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 heading */.title-wrapper .heading{color:rgb(var(--color-heading, var(--color-foreground)))}/*! 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(40px, 3.5vw, 60px)}}@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) .article-card__image{width:100%}.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{grid-template-rows:1fr 1fr;grid-template-columns:repeat(24,minmax(0,1fr))}.blog-collage .article-card{grid-column:span 8}.blog-collage .article-card:nth-child(1){grid-column:span 14;grid-row:span 2}.blog-collage.with-only4 .article-card:nth-child(1){grid-row:span 3}.blog-collage .article-card:nth-child(1) .article-card__content>.grid{gap:var(--sp-7d5)}.blog-collage .article-card:nth-child(1) .article-card__title{line-height:1}.blog-collage .article-card:nth-child(1) .article-card__top+p{max-width:75%}.blog-collage .article-card:nth-child(1) .article-card__bottom{font-size:var(--fluid-base-to-xl)}.blog-collage .article-card:nth-child(1) .article-card__content .text-xs{font-size:var(--text-sm);line-height:1.25}.blog-collage .article-card:nth-child(1) .article-card__content .text-sm{font-size:var(--text-base)}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)),.blog-collage.with-only4 .article-card:nth-child(4){grid-column:span 10;flex-direction:row}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__media,.blog-collage.with-only4 .article-card:nth-child(4) .article-card__media{flex:0 0 40%}.blog-collage .article-card:is(:nth-child(1),:nth-child(2),:nth-child(3)) :is(.article-card__media,.article-card__link,.article-card__image),.blog-collage.with-only4 .article-card:nth-child(4) :is(.article-card__media,.article-card__link,.article-card__image){height:100%}.blog-collage .article-card:nth-child(3),.blog-collage.with-only4 .article-card:nth-child(4){margin-block-start:var(--sp-3);padding-block-start:var(--sp-3)}.blog-collage .article-card:nth-child(3):before,.blog-collage.with-only4 .article-card:nth-child(4):before{content:"";position:absolute;width:100%;inset-block-start:calc(var(--card-grid-gap)/2 * -1);border-block-start:1px solid rgb(var(--color-border))}}@media screen and (min-width:1536px){.blog-collage .article-card:is(:nth-child(2),:nth-child(3)),.blog-collage.with-only4 .article-card:nth-child(4){gap:var(--sp-10)}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__media,.blog-collage.with-only4 .article-card:nth-child(4) .article-card__media{flex:0 0 45%}}@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 62.5%}}@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-6)}.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}}/*! Blog Filter Sidebar */.blog-layout{display:flex;flex-direction:column;gap:2rem}@media screen and (min-width:1024px){.blog-layout{flex-direction:row;gap:3rem}}.blog-filters{flex-direction:column;gap:0}@media screen and (min-width:768px){.blog-filters{display:flex}}@media screen and (min-width:1024px){.blog-filters{width:250px;flex-shrink:0}}.blog-content{flex:1}.blog-filter-category{border-bottom:none}.blog-filter-category:first-child{border-top:none}.blog-filter-category__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;border:none;cursor:pointer;text-align:left;margin-bottom:8px;position:relative}.blog-filter-category__bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;display:block}.blog-filter-category__title{font-family:var(--font-heading-family);font-size:var(--font-size-h3);font-weight:700;text-transform:uppercase;position:relative;z-index:1}.blog-filter-category__header svg{transition:transform .2s;position:relative;z-index:1}.blog-filter-category__header[aria-expanded=false] svg{transform:rotate(180deg)}.blog-filter-category__content{padding-bottom:16px}.blog-filter-category__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.blog-filter-item{margin:0}.blog-filter-button{display:flex;align-items:center;gap:12px;width:100%;padding:8px 0;background:none;border:none;cursor:pointer;text-align:left}.blog-filter-button__checkbox{width:20px;height:20px;border:2px solid currentColor;border-radius:50%;flex-shrink:0;position:relative}.blog-filter-button.is-active .blog-filter-button__checkbox:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-color:currentColor;border-radius:50%}.blog-filter-button__label{font-size:14px}/*! Mobile Filter Button & Drawer */.blog-filters-toggle{position:fixed;bottom:44px;left:50%;transform:translate(-50%);z-index:9;display:flex;align-items:center;gap:8px;padding:14px 24px;background-color:#fff;color:#0047bb;border:2px solid #0047BB;border-radius:50px;font-family:var(--font-text-family);font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:opacity .2s,visibility .2s}.blog-filters-toggle svg{width:20px;height:20px}.blog-filters-drawer.drawer{--color-background: 255, 255, 255}.blog-filters-drawer .overlay{background:#00000080}.blog-filters-drawer .drawer__inner.blog-filters-drawer__content{max-width:100%;max-height:85vh;background-color:rgb(var(--color-background));border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .3s ease-out}.blog-filters-drawer[active] .drawer__inner.blog-filters-drawer__content{transform:translateY(0)}.blog-filters-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0}.blog-filters-drawer__title{font-family:var(--font-heading-family);font-size:20px;font-weight:700;text-transform:uppercase}.blog-filters-drawer__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;color:inherit}.blog-filters-drawer__close svg{width:24px;height:24px}.blog-filters-drawer__body{padding:24px;overflow-y:auto;flex:1}@media screen and (min-width:1024px){.blog-filters-toggle,.blog-filters-drawer{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/132/assets/blog.css.map */