.blog-item__direction-label{display:flex!important;align-items:center;gap:.625rem;padding-bottom:var(--grid-padding)}.blog-item__direction-label svg path{fill:var(--color-scheme-text)}.blog-item__image{grid-area:image;width:16.25rem;height:16.25rem;display:inline-block;position:relative;opacity:1;transform:translate(0);margin-bottom:0}.blog-item__image video{width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:1}@media screen and (min-width: 1024px) and (max-width: 1280px){.blog-item__image{width:11.875rem;height:11.875rem}}@media screen and (min-width: 1024px){.blog-item__image.is-sticky a{pointer-events:none!important}}@media screen and (max-width: 1023px){.blog-item__image.is-sticky{pointer-events:all!important}}.blog-item__image svg{width:100%;height:100%}@media screen and (max-width: 1023px){.blog-item__image{display:inline-block;position:relative;top:0!important;left:0!important;opacity:1;transform:translate(0);width:11.875rem;height:11.875rem}}.blog-item__tags{grid-area:tags;position:relative;z-index:3;padding-bottom:var(--gutter-small);display:flex;flex-wrap:wrap;gap:.625rem}.blog-item__title-holder{grid-area:title;position:relative;z-index:3}.blog-item__title-holder a{display:block;color:#151515;margin-top:16px}@media (max-width: 749px){.blog-item__title-holder a{margin-top:16px}}@media screen and (min-width: 1024px){.blog-item__title-holder{max-width:70%}}.blog-item__meta{grid-area:meta;position:relative;z-index:3;transition:all 175ms linear}.blog-item__meta span{display:inline-block;margin-inline-end:1.25rem}.blog-item__excerpt{position:relative;transition:all 175ms linear}.blog-posts--list .blog-item:after{display:none}.grid-1 .blog-item{display:grid;grid-template-columns:1fr 30%;align-items:center;column-gap:var(--gutter-small);grid-template-areas:"title tags" "title meta";min-height:12.5rem}@media screen and (max-width: 767px){.grid-1 .blog-item{display:grid;grid-template-columns:100%;grid-template-areas:"image" "tags" "title" "meta"}}blog-posts{display:block;padding-inline:var(--page-padding-horizontal);padding-top:var(--page-padding-vertical);padding-bottom:40px}.blog-posts--grid .blog-item,.css-slider .blog-item,.main-blog .blog-item,.blog-pagination .blog-item{display:grid;grid-template-columns:1fr 16.25rem;align-items:start;column-gap:var(--gutter-small);min-height:12.5rem;grid-template-areas:"tags image" "title image" "meta image"}@media screen and (max-width: 1280px){.blog-posts--grid .blog-item,.css-slider .blog-item,.main-blog .blog-item,.blog-pagination .blog-item{grid-template-columns:1fr 11.875rem}}.blog-page_tags{display:flex;flex-wrap:wrap;padding:var(--grid-padding);gap:calc(var(--grid-padding) / 2);position:relative}.blog-page_tags:after{content:"";height:0;bottom:0;left:0;width:100%;position:absolute;border-bottom:var(--border-width-grid) var(--border-style-grid) var(--color-scheme-borders)}.grid-borders--padding-horizontal .blog-page_tags:after{left:var(--grid-padding);width:calc(100% - var(--grid-padding)*2)}@media (max-width: 749px){.section-blog-main .gutter-top--regular{margin:unset;padding-top:10px}}.blog-posts--grid:before{display:none}.blog-posts--grid .grid{--grid-padding: 20px;--grid-padding-row: 40px;gap:var(--grid-padding);row-gap:var(--grid-padding-row);grid-template-columns:repeat(var(--visible-cols),1fr)}@media (max-width: 1024px) and (max-width: 1279px){.blog-posts--grid .grid{--grid-padding: 20px;--grid-padding-row: 40px}}@media (max-width: 750px) and (max-width: 1023px){.blog-posts--grid .grid{--grid-padding: 20px;--grid-padding-row: 40px}}@media (max-width: 749px){.blog-posts--grid .grid{--grid-padding: 20px;--grid-padding-row: 40px;padding-inline:0}}.blog-posts--grid .blog-item{display:block;grid-template-areas:none;grid-template-columns:none;padding:0}.blog-posts--grid .blog-item__image{width:100%;height:auto}.blog-posts--grid .card .card__image,.blog-posts--grid .card .card__image figure{border-radius:0}.blog-posts--grid .card:before,.blog-posts--grid .card:after{display:none}.blog-posts--grid .blog-item__title-holder{margin-bottom:0;max-width:100%}.section-blog-main .page-header{border-bottom:var(--border-width-grid) var(--border-style-grid) var(--color-scheme-borders);display:flex;align-items:center}.section-blog-main .page-header .page-header-icon{width:150px}@media (min-width: 1024px) and (max-width: 1199px){.section-blog-main .page-header .page-header-icon{width:90px}}@media (min-width: 750px) and (max-width: 1023px){.section-blog-main .page-header .page-header-icon{width:80px}}@media (max-width: 749px){.section-blog-main .page-header .page-header-icon{width:80px}}.section-blog-main .page-header .element--has-grid-borders:after{display:none}.section-blog-main .page-header .page-heading__text-content{max-width:unset}.blog-nav{padding:var(--grid-padding)}@media (max-width: 749px){.blog-nav{padding-inline:0}}.blog-nav-open{display:inline-flex;align-items:center;gap:5px;font-size:12px}blog-nav-drawer{opacity:0;visibility:hidden;position:fixed;z-index:9999}blog-nav-drawer.visible{opacity:1;visibility:visible}.blog-nav-drawer{background:var(--color-black);color:var(--color-white);width:700px;height:100%;max-width:100%;top:0;left:0;overflow:auto;padding:39px;position:fixed;transform:translate(-100%);transition:all .3s ease}@media (min-width: 768px) and (max-width: 1080px){.blog-nav-drawer{max-width:500px}}@media (max-width: 749px){.blog-nav-drawer{padding-inline:var(--grid-padding);padding-block:24px}}.blog-nav-drawer--logo svg{max-width:100%;width:auto;height:var(--header-logo)}@media (max-width: 749px){.blog-nav-drawer--logo{max-width:240px}}blog-nav-drawer.open .blog-nav-drawer{transform:unset}.blog-nav-drawer-bg{background:#00000050;width:100%;height:100%;left:0;top:0;position:fixed}.blog-nav-drawer--menu a{color:var(--color-white);position:relative;text-decoration:none;line-height:1.6;letter-spacing:.04em;font-size:16px}.blog-nav-drawer--menu a:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:var(--color-white);transition:width .3s ease}.blog-nav-drawer--menu a:hover:after{width:100%}.blog-nav-drawer--title{display:flex;align-items:center;gap:5px;margin-top:182px;font-size:12px}@media screen and (max-width: 1023px){.blog-nav-drawer--title{margin-top:167px}.blog-nav-drawer{padding:35px 40px 40px}}@media (max-width: 749px){.blog-nav-drawer--title{margin-top:128px}.blog-nav-drawer{padding-inline:18px}}.blog-nav-drawer--title svg path{fill:var(--color-white)}.blog-nav-drawer--menu{margin-top:40px}@media (max-width: 749px){.blog-nav-drawer--menu{margin-top:40px}}.blog-nav-drawer::-webkit-scrollbar-track{background-color:transparent}.blog-nav-drawer::-webkit-scrollbar{background-color:transparent}.blog-nav-drawer::-webkit-scrollbar-thumb{background-color:transparent}@media (min-width: 1024px){blog-posts{padding:30px 20px}.blog-nav-open{transform:translate(-20px)}}@media (min-width: 750px) and (max-width: 1023px){.blog-nav-open{transform:translate(-15px)}}@media (max-width: 749px){.article_hero_wrapper{padding:var(--grid-padding)}.blog-nav-close-mobile{width:30px;top:var(--grid-padding);right:var(--grid-padding);position:absolute;display:none}.blog-nav-close-mobile svg{width:100%;height:auto}.blog-nav-close-mobile svg path{stroke:var(--color-white)}}.article-subtitle{color:#151515;margin-top:0}.blog-nav-drawer{transform:unset;opacity:0}blog-nav-drawer.open .blog-nav-drawer{opacity:1}.blog-nav-drawer-bg{background:#000000d9;opacity:0;transition:all .3s ease}.open .blog-nav-drawer-bg{opacity:1}blog-nav-drawer{display:flex;height:100%;place-self:flex-end;top:0;right:0;bottom:0;left:0;width:100%}.blog-nav-image-hover{width:100%;display:flex;align-items:center;justify-content:center;z-index:1}.blog-nav-drawer{position:relative}.blog-nav-image-item img{max-width:100%;width:100%;object-fit:cover;object-position:top;aspect-ratio:16 / 9;height:auto}.blog-nav-image-item{width:100%;opacity:1;height:auto;display:flex;flex-direction:column}.blog-nav-image-hover ul{width:100%;padding:0;height:100%;margin-top:10vh;position:relative}.blog-nav-image-hover{pointer-events:none;z-index:1;padding:var(--page-padding-horizontal)}.blog-nav-image-item{width:100%;position:absolute;padding:var(--page-padding-horizontal);height:fit-content;opacity:0;transition:all .3s ease}.blog-nav-image-item.active{opacity:1}.blog-nav-image-item a{color:#fff;margin-top:16px;display:block}.blog-nav-open svg{color:#000;width:14px}.blog-nav-open.active svg{transform:rotate(45deg);transition:all .3s ease}.blog-nav-drawer--title svg{max-width:14px;width:14px;transform:rotate(45deg)}.page-heading__text-content .page-heading__title{padding-top:5px}.article--coming-soon{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:10;background:#21212166;color:#fff;display:flex;padding:1rem;justify-content:center;align-items:center;font-size:18px;text-align:center;letter-spacing:3px;font-weight:400;opacity:0;transition:all .3s ease}.blog-item__image:hover .article--coming-soon{opacity:1}.blog-posts .blog-item__image>a{display:flex;flex-direction:column}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-blog-item.css.map */