:root{--drv-blog-head-h: 3.125rem;--drv-blog-blog-card-h: 33.1875rem;--drv-blog-media-h: 26.8125rem;--drv-blog-blog-card-flex: 17.375rem;--drv-blog-media-h-lt750: 22.053125rem;--drv-blog-btn-mobile-w: 1.25rem;--drv-blog-btn-mobile-h: 2.75rem;--drv-blog-arrow-w: 1.5625rem;--drv-blog-arrow-h: 1.8125rem;--drv-blog-text-card-min: 12.5rem}.drv-blog{display:block;padding-block:var(--drv-space-40);background:var(--drv-cream)}.drv-blog__head{display:flex;align-items:center;justify-content:space-between;gap:var(--drv-space-20);min-height:var(--drv-blog-head-h);padding-inline:var(--drv-page-inset);margin-bottom:var(--drv-space-40)}.drv-blog__heading{margin:0;font-family:var(--font-body--family);font-size:var(--drv-fs-36);font-weight:var(--drv-fw-medium);line-height:var(--drv-lh-38);letter-spacing:var(--drv-ls-n1);color:var(--drv-brand-black)}.drv-blog__intro{display:flex;flex-direction:column;gap:var(--drv-space-16)}.drv-blog__sub{margin:0;font-family:var(--font-body--family);font-size:var(--drv-text-paragraph-size);font-weight:var(--drv-fw-regular);line-height:var(--drv-text-paragraph-lh);color:var(--drv-text-muted)}.drv-blog__btn{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:var(--drv-space-14) var(--drv-space-24);border:var(--drv-border-1) solid var(--drv-brand-black);border-radius:var(--drv-radius-button);background:transparent;color:var(--drv-brand-black);font-family:var(--font-body--family);font-size:var(--drv-fs-12);font-weight:var(--drv-fw-medium);line-height:var(--drv-lh-14);text-transform:uppercase;text-decoration:none;transition:background-color var(--drv-duration-base) var(--drv-ease),border-color var(--drv-duration-base) var(--drv-ease),color var(--drv-duration-base) var(--drv-ease)}@media(hover:hover){.drv-blog__btn:hover{background:var(--drv-hover);border-color:var(--drv-hover);color:var(--drv-white)}}.drv-blog__btn--mobile{display:none}.drv-blog__row{display:flex;align-items:flex-start;gap:var(--drv-space-16);padding-inline:var(--drv-page-inset)}.drv-blog-card{flex:1 1 0;min-width:0;height:var(--drv-blog-blog-card-h);display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:inherit}.drv-blog-card__media{position:relative;width:100%;height:var(--drv-blog-media-h);border-radius:var(--style-border-radius-cards, var(--drv-radius-card));overflow:hidden}.drv-blog-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.drv-blog-card__badge{position:absolute;top:var(--drv-space-10);left:var(--drv-space-10);display:inline-flex;align-items:center;justify-content:center;padding:var(--drv-space-4) var(--drv-space-10);border-radius:var(--drv-radius-button);background:var(--drv-white);color:var(--drv-brand-black);font-family:var(--font-body--family);font-size:var(--drv-fs-10);font-weight:var(--drv-fw-medium);line-height:var(--drv-lh-14);letter-spacing:var(--drv-ls-2);text-transform:uppercase}.drv-blog-card__title{margin:var(--drv-space-20) 0 0;font-family:var(--font-body--family);font-size:var(--drv-fs-20);font-weight:var(--drv-fw-medium);line-height:var(--drv-lh-24);letter-spacing:var(--drv-ls-n1);color:var(--drv-brand-black)}.drv-blog-card--text{box-sizing:border-box;align-self:stretch;gap:var(--drv-space-16);min-height:var(--drv-blog-text-card-min);padding:var(--drv-space-24);border-radius:var(--style-border-radius-cards, var(--drv-radius-card));background:var(--drv-surface)}.drv-blog-card--text .drv-blog-card__badge{position:static}.drv-blog-card--text .drv-blog-card__title{margin-top:auto}@media(hover:hover){.drv-blog-card:hover .drv-blog-card__title{text-decoration:underline;text-underline-position:from-font}}.drv-blog__arrows{display:flex;justify-content:flex-end;gap:var(--drv-space-4);margin-top:var(--drv-space-16);padding-inline:var(--drv-page-inset)}.drv-blog__arrows[hidden]{display:none}.drv-blog__arrow{width:var(--drv-blog-arrow-w);height:var(--drv-blog-arrow-h);display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:var(--drv-ink);cursor:pointer}.drv-blog__arrow:disabled{opacity:.3;cursor:default}@media(hover:hover){.drv-blog__arrow:not(:disabled):hover{color:var(--drv-hover)}}@media screen and (min-width:750px){.drv-blog{--drv-blog-per-view: 3}.drv-blog__row{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:var(--drv-page-inset)}.drv-blog__row::-webkit-scrollbar{display:none}.drv-blog-card{flex:1 0 calc((100% - (var(--drv-blog-per-view) - 1) * var(--drv-space-16)) / var(--drv-blog-per-view));scroll-snap-align:start}}@media screen and (min-width:1024px){.drv-blog{--drv-blog-per-view: 4}}@media screen and (min-width:1680px){.drv-blog{--drv-blog-per-view: 5}}@media screen and (min-width:1920px){.drv-blog{--drv-blog-per-view: 6}}@media screen and (min-width:750px)and (max-width:1439px),screen and (min-width:1441px){.drv-blog-card{height:auto}.drv-blog-card__media{flex:none;height:auto;aspect-ratio:338 / 429}}@media screen and (max-width:749px){.drv-blog{padding-block:var(--drv-space-40);padding-left:0}.drv-blog__head{min-height:0;padding-inline:var(--drv-space-10);margin-bottom:var(--drv-space-24)}.drv-blog__heading{font-size:var(--drv-fs-30);line-height:var(--drv-lh-30);letter-spacing:0}.drv-blog__btn--desktop,.drv-blog__arrows,.drv-blog__arrows[hidden]{display:none}.drv-blog__row{padding-left:var(--drv-space-10);padding-right:var(--drv-space-10);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-left:var(--drv-space-10)}.drv-blog-card{scroll-snap-align:start}.drv-blog__row::-webkit-scrollbar{display:none}.drv-blog-card{flex:0 0 var(--drv-blog-blog-card-flex);height:auto}.drv-blog-card__media{height:var(--drv-blog-media-h-lt750)}.drv-blog-card__title{margin-top:var(--drv-space-24);font-size:var(--drv-fs-16);font-weight:var(--drv-fw-regular);line-height:var(--drv-lh-18);letter-spacing:0}.drv-blog__btn--mobile{display:inline-flex;width:calc(100% - var(--drv-blog-btn-mobile-w));height:var(--drv-blog-btn-mobile-h);margin-top:var(--drv-space-24);margin-inline:var(--drv-space-10);padding-block:var(--drv-space-14)}}
/*# sourceMappingURL=/cdn/shop/t/432/assets/drv-blog.css.map */