.blog-header{position:relative;min-height:var(--height-mobile);overflow:hidden}.blog-header[data-has-image=true]{color:#fff}.blog-header[data-has-image=true]:before,.blog-header[data-has-image=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.blog-header[data-has-image=true]:before{background-color:rgb(var(--overlay-color-rgb, 0 0 0) / var(--overlay-opacity, 0));-webkit-backdrop-filter:blur(var(--overlay-blur, 0));backdrop-filter:blur(var(--overlay-blur, 0));z-index:1}.blog-header[data-has-image=true]:after{background-image:var(--bg-image-mobile);background-position:var(--bg-image-position-mobile, center);background-size:cover;z-index:0}.blog-header[data-has-image=true][data-zoom-effect=true]:after{animation:blog-header-zoom-effect .6s cubic-bezier(.4,.2,.2,1.4) both}@keyframes blog-header-zoom-effect{0%{transform:scale(1.1)}to{transform:scale(1)}}.blog-header-inner{position:relative;z-index:2;display:flex;align-items:center;min-height:var(--height-mobile)}.blog-header-content{max-width:600px}.blog-header[data-text-align=center] .blog-header-content{margin-left:auto;margin-right:auto}.blog-header[data-text-align=right] .blog-header-content{margin-left:auto}.blog-header .heading{margin:0}.blog-header .description{margin:.5rem 0 0}.blog-header .breadcrumb-nav{display:inline-flex;margin-bottom:.75rem}.blog-list,.blog-posts-grid{list-style:none;margin:0;padding:0}.blog-item{min-width:0}.blog-utilities{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.blog-utilities-count{margin:0;font-size:var(--fs-sm)}.blog-tags-drawer-list{list-style:none;padding:0;margin:0}.blog-tags-drawer-list li{border-bottom:var(--border-width) var(--border-style) rgb(var(--color-text) / var(--border-opacity))}.blog-tags-drawer-list a{display:flex;align-items:center;gap:.75rem;width:100%;box-sizing:border-box;padding:.75rem 0;color:currentColor;text-decoration:none}.blog-tags-drawer-list a:hover{text-decoration:underline}.blog-tags-drawer-list a.active{color:rgb(var(--color-accent))}#blog-tags-drawer .dialog-footer .btn{box-sizing:border-box}.article-card{position:relative;height:100%}.article-card .img-wrapper{position:relative;overflow:hidden;border-radius:var(--border-radius);margin-bottom:.75rem}.article-card .img-wrapper img,.article-card .img-wrapper .placeholder-svg{display:block;width:100%;box-sizing:border-box;height:auto;object-fit:cover;aspect-ratio:var(--aspect-ratio, 4/3);border-radius:var(--border-radius);transition:transform .2s ease-out}.article-card .img-wrapper .placeholder-svg{background-color:rgb(var(--color-text) / .05)}.article-card:hover .img-wrapper img{transform:scale(1.05)}.article-card-tags{position:absolute;top:.5rem;left:.5rem;z-index:1;display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:0}.article-card .heading{margin:0 0 .375rem}.article-card .heading a{text-decoration:none;transition:color .2s ease-out,border-color .2s ease-out}.article-card .heading a:hover{color:rgb(var(--color-text))}.article-card .heading a:focus-visible{outline:none}.article-card .heading a:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border-radius:var(--border-radius);outline:2px solid transparent;outline-offset:.5rem;transition:all .2s ease-out}.article-card .heading a:focus-visible:after{outline-color:currentColor}.article-card .heading span{position:relative;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .3s cubic-bezier(.4,.2,.2,1.4)}.article-card .heading a:hover span{background-size:100% 1px}.article-card-meta{opacity:.75;margin:0 0 .5rem}.article-card-tag{position:relative;z-index:1}.article-block{max-width:var(--max-width, none);margin-left:auto;margin-right:auto;padding-top:calc(var(--pt, 0) * .1em);padding-bottom:calc(var(--pb, 0) * .1em)}.article-block .breadcrumb-nav{display:inline-flex;margin-bottom:.75rem}.article-block-image .img-wrapper img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:var(--aspect-ratio, auto);border-radius:var(--border-radius)}.article-block-heading .heading{margin:0}.article-block-meta .article-meta{margin:0;opacity:.75}.article-block-tags .article-tags-wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;border-top:var(--border-width) var(--border-style) rgb(var(--color-text) / var(--border-opacity));padding-top:1rem}.article-block-tags .article-tags-label{opacity:.7;margin:0}.article-block-tags .article-tags{display:flex;flex-wrap:wrap;gap:.5rem}.article-block-content .article-content img,.article-block-content .article-content video,.article-block-content .article-content iframe{display:block;width:100%;height:auto;border:0;border-radius:var(--border-radius)}.article-block-content .article-content iframe{aspect-ratio:16 / 9}.article-block-share .article-share{background-color:rgb(var(--color-text) / .05);padding:.75rem 1rem;border-radius:var(--border-radius);display:flex;justify-content:flex-end}.article-block-navigation .article-navigation{display:flex;gap:1rem}.article-block-navigation .article-nav-link{width:calc(50% - .5rem);box-sizing:border-box;display:flex;flex-direction:column;gap:.25rem;padding:1rem;border-radius:var(--border-radius);border:1px solid rgb(var(--color-text) / var(--border-opacity));text-decoration:none;transition:all .2s ease-out}.article-block-navigation .article-nav-link:hover,.article-block-navigation .article-nav-link:focus-visible{background-color:rgb(var(--color-text) / .05)}.article-block-navigation .article-nav-link:active{background-color:rgb(var(--color-text) / .1)}.article-block-navigation .article-nav-label{opacity:.7}.article-block-navigation .article-nav-title{font-weight:600}.article-block-navigation .article-nav-next{text-align:right}.article-comments{padding-top:1rem}.article-comments-inner{background-color:rgb(var(--color-text) / .05);border-radius:var(--border-radius);padding:1rem}.article-comments-comment{background-color:rgb(var(--color-background));border:var(--border-width) var(--border-style) rgb(var(--color-text) / var(--border-opacity));border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem}.article-comments-comment-footer,.article-comments-moderation-note{opacity:.75}@media(max-width:599px){.article.section-spacing{padding-top:1rem}.blog-utilities{align-items:flex-start;flex-direction:column}.article-block-navigation .article-navigation{flex-direction:column}.article-block-navigation .article-nav-link{width:100%}}@media(min-width:1200px){.article-block{padding-top:calc(var(--pt, 0) * .125em);padding-bottom:calc(var(--pb, 0) * .125em)}.blog-header{min-height:var(--height-desktop)}.blog-header[data-has-image=true]:after{background-image:var(--bg-image-desktop);background-position:var(--bg-image-position-desktop, center)}.blog-header-inner{min-height:var(--height-desktop)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/blog.css.map */