.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 .title-wrapper{top:82px;left:50%;transform:translate(-50%);z-index:2;color:rgb(var(--color-background));margin:0;width:100%}.blog .title-wrapper h1,.blog .title-wrapper h1+.rte{margin:0 auto;max-width:600px}.blog .title-wrapper .heading+.rte{margin-block-start:0}@media (max-width: 767px){.blog .title-wrapper{top:120px;width:calc(100% - 40px)}.blog .title-wrapper .subtext-md{font-size:15px;line-height:22px}}.blog .breadcrumb-container{position:absolute;top:16px;left:10px;z-index:2;color:rgb(var(--color-background))}.blog .breadcrumb-container a{padding-left:10px;font-size:15px;line-height:22px}@media (min-width: 1024px){.blog .breadcrumb-container a{padding-left:6px;font-size:17px;line-height:26px}}.blog .breadcrumb__link.active{color:#d9d9d9}@media (min-width: 1024px){.blog .breadcrumb-container{top:24px}}@media (min-width: 1440px){.blog .breadcrumb-container{left:calc((100% - var(--page-width)) / 2 - 10px)}}.blog .breadcrumb li+li:before{background-color:rgb(var(--color-background));display:inline-block}.blog .title-wrapper .heading{color:rgb(var(--color-background))}.blog .banner{margin-block-end:clamp(var(--sp-8),2.526vw,var(--sp-12))}.blog .banner:before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:linear-gradient(180deg,#0101011a,#01010199 88.7%)}.blog .subcollection{padding:8px 16px;font-weight:600;font-size:15px;line-height:22px;height:auto;opacity:1;transition:var(--animation-primary);background-color:#fff3;border-radius:20px;color:rgb(var(--color-background));text-transform:capitalize}.blog .active .subcollection{background-color:#fff;color:rgb(var(--color-base-highlight))}.blog .active .subcollection .btn-text:after{display:none}.blog .subcollections li:first-child .subcollection{padding-inline-start:16px}@media (max-width: 767px){.blog .filters-mobile{position:absolute;bottom:26px;left:20px;z-index:2;width:100%;margin-left:-20px;overflow:hidden}.blog .subcollection{white-space:nowrap}.blog .subcollections{scrollbar-width:none;overflow-x:auto;justify-content:flex-start;padding-left:20px}}.blog .filters-desk{margin-top:48px}@media screen and (min-width: 768px){.blog .banner.media--adapt,.image-with-text__image.media--adapt{height:0;padding-block-end:45.5%}.blog .banner.media--adapt,.media{height:100%}}@media screen and (min-width: 1024px){.blog .banner.media--adapt,.image-with-text__image.media--adapt{padding-block-end:35.5%}}@media screen and (min-width: 1280px){.blog .banner.media--adapt,.image-with-text__image.media--adapt{padding-block-end:var(--ratio-percent)}}.blog .subcollections{padding-right:58px}.blog .subcollections li.absolute{top:50%;transform:translateY(-50%);left:calc(100% - 54px);height:100%}.blog .subcollections li+li:before{display:none}.blog li form{padding:8px 16px;font-weight:600;font-size:15px;line-height:22px;height:auto;opacity:1;transition:var(--animation-primary);background-color:#fff3;border-radius:20px;color:rgb(var(--color-background));position:relative;height:100%}.blog li form svg{width:22px;height:22px;position:absolute;top:50%;transform:translateY(-50%);left:16px}.blog .search-input{background-color:transparent;padding-left:22px;width:22px;transition:.3s;outline:none;position:relative;z-index:3}.blog .search-input:focus{padding-left:26px;width:200px}/*! blog-posts */.blog-grid{--card-grid-gap: var(--sp-6)}@media screen and (min-width: 768px){.blog .card-grid{--card-grid-per-row: 2}}@media screen and (min-width: 1024px){.blog .card-grid.card-grid--3{--card-grid-per-row: 3}}@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(--sp-2d5)}.article-card__title{font-family:var(--font-product-family)}.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}}.blog .article-card .badge{padding:0;font-family:var(--font-heading-family);font-size:12px;line-height:16px;font-weight:600;border-radius:12px;border:1px solid #F0F0F0;overflow:hidden;text-transform:capitalize}.blog .article-card .badge__text{align-items:center;padding:0 12px}.blog .article-card .badge__icon{justify-content:center;align-items:center}.blog .article-card__title{font-family:var(--font-heading-family);font-size:20px;line-height:26px;font-weight:700;color:#000}.blog .article-card__bottom{font-weight:500}.blog .article-card__top{font-size:13px;line-height:18px;font-weight:600;color:#8d8d8d}.blog .article-card .link{font-family:var(--font-heading-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:.06rem;text-decoration:none;display:flex;align-items:center;justify-content:center;text-transform:uppercase!important;background:none;color:#000;width:100%;padding:11px 20px;border-radius:8px;border:2px solid rgba(33,25,85,.13);transition:.3s}.blog .article-card .link:hover{opacity:.7}.blog .product-card--promo .product-card__content{padding:var(--sp-8) var(--sp-10);max-width:280px}.blog .product-card--promo .product-card__media{border-radius:10px}.blog .product-card--promo .promo-title{font-size:44px;line-height:48px;color:rgb(var(--color-base-highlight));text-align:left}.blog .promo-box .button{color:rgb(var(--color-base-highlight))}.blog .promo-box .button:after{border-color:rgb(var(--color-base-highlight))}.blog .product-card--promo .button--secondary .btn-fill{background-color:rgb(var(--color-base-highlight))}/*! collage layout */.blog-collage .article-card:nth-child(1) .article-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.5;pointer-events:none}.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))}@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}}/*! 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}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/blog.css.map */