@layer components{.article-card{display:flex;flex-direction:column;gap:var(--space-sm);position:relative;height:100%}.article-card__media{overflow:hidden;border-radius:var(--radius-media);background-color:color-mix(in srgb,rgb(var(--color-foreground)) 4%,transparent)}.article-card__frame{border-radius:inherit}.article-card__image{transition:transform var(--duration-slower) var(--ease-out)}@media(hover:hover)and (pointer:fine){.article-card:hover .article-card__image{transform:scale(1.04)}}.article-card__content{display:flex;flex-direction:column;gap:var(--space-2xs);flex:1 1 auto}.article-card__tags{margin:0;color:rgb(var(--color-foreground) / .5)}.article-card__title{margin:0;letter-spacing:var(--tracking-tight)}.article-card__link{color:inherit;text-decoration:none}.article-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.article-card:has(.article-card__link:focus-visible){outline:var(--focus-ring-width) solid rgb(var(--color-foreground));outline-offset:var(--focus-ring-offset);border-radius:var(--radius-media)}.article-card__link:focus-visible{outline:none}.article-card__meta{margin:0;font-size:var(--text-xs);color:rgb(var(--color-foreground) / .55)}.article-card__excerpt{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);color:rgb(var(--color-foreground) / .7)}.article-card__more{display:inline-flex;align-items:center;gap:var(--space-3xs);margin-block-start:auto;padding-block-start:var(--space-2xs);font-size:var(--text-xs);letter-spacing:var(--tracking-wide)}.article-card__more svg{width:.875rem;height:.875rem;transition:transform var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.article-card:hover .article-card__more svg{transform:translate(.2rem)}}@media(min-width:750px){.article-card--horizontal{flex-direction:row;align-items:center;gap:var(--space-lg)}.article-card--horizontal .article-card__media{flex:0 0 58%}.article-card--horizontal .article-card__title{font-size:var(--text-2xl)}.article-card--horizontal .article-card__excerpt{font-size:var(--text-md)}}}@layer sections{.main-blog__breadcrumbs,.main-article__breadcrumbs{margin-block-end:var(--space-md)}.main-blog__header{display:flex;flex-direction:column;gap:var(--space-2xs);margin-block-end:var(--space-lg)}.main-blog__header--center{align-items:center;text-align:center}.main-blog__title{margin:0}.main-blog__description{max-width:60ch;color:rgb(var(--color-foreground) / .7)}.main-blog__tags ul{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin:0 0 var(--space-lg);padding:0;list-style:none}.main-blog__feature{margin-block-end:var(--space-xl);padding-block-end:var(--space-xl);border-block-end:1px solid rgb(var(--color-foreground) / .1)}.article-grid{margin:0;padding:0;list-style:none}.article-grid__item{min-width:0}@media(max-width:749px){.article-grid--scroll-mobile{display:flex;grid-template-columns:none;gap:var(--grid-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--page-gutter);margin-inline:calc(var(--page-gutter) * -1);scroll-padding-inline:var(--page-gutter)}.article-grid--scroll-mobile::-webkit-scrollbar{display:none}.article-grid--scroll-mobile>.article-grid__item{flex:0 0 82%;scroll-snap-align:start}}.blog-posts__footer{display:flex;justify-content:center;margin-block-start:var(--space-lg)}.article-card--placeholder .article-card__media{background-color:color-mix(in srgb,rgb(var(--color-foreground)) 6%,transparent)}.article-card--placeholder .article-card__title,.article-card--placeholder .article-card__excerpt{color:rgb(var(--color-foreground) / .5)}.main-article__header{display:flex;flex-direction:column;gap:var(--space-2xs);margin-block-end:var(--space-lg);text-align:center}.main-article__tags{margin:0;color:rgb(var(--color-foreground) / .5)}.main-article__title{margin:0}.main-article__meta{margin:0;font-size:var(--text-sm);color:rgb(var(--color-foreground) / .55)}.main-article__image{margin-block-end:var(--space-lg)}.main-article__image-frame{border-radius:var(--radius-media);overflow:hidden}.main-article__content{font-size:var(--text-md);line-height:var(--leading-relaxed)}.main-article__content>*+*{margin-block-start:1.2em}.main-article__content>h2,.main-article__content>h3{margin-block-start:1.8em}.main-article__content img{border-radius:var(--radius-media)}.main-article__share{margin-block-start:var(--space-lg);padding-block-start:var(--space-md);border-block-start:1px solid rgb(var(--color-foreground) / .1)}.main-article__back{margin-block-start:var(--space-md)}.main-article__comments{margin-block-start:var(--space-xl);padding-block-start:var(--space-lg);border-block-start:1px solid rgb(var(--color-foreground) / .1)}.main-article__comments-title{margin:0 0 var(--space-md)}.comment-list{display:flex;flex-direction:column;gap:var(--space-md);margin:0 0 var(--space-xl);padding:0;list-style:none}.comment{padding-block-end:var(--space-md);border-block-end:1px solid rgb(var(--color-foreground) / .08)}.comment__author{margin:0;font-size:var(--text-sm);font-weight:500}.comment__date{display:block;margin-block-end:var(--space-2xs);font-size:var(--text-xs);color:rgb(var(--color-foreground) / .5)}.comment__body{font-size:var(--text-sm);color:rgb(var(--color-foreground) / .8)}.comment-form{display:flex;flex-direction:column;gap:var(--space-md);align-items:flex-start}.comment-form .form-grid{width:100%}.search-page-result{display:flex;flex-direction:column;gap:var(--space-2xs);height:100%;padding:var(--space-md);border:1px solid rgb(var(--color-foreground) / .12);border-radius:var(--radius-card);text-decoration:none;color:inherit;transition:border-color var(--duration-fast) var(--ease-out)}.search-page-result:hover{border-color:rgb(var(--color-foreground) / .4)}.search-page-result__icon svg{width:1.25rem;height:1.25rem;opacity:.4}.search-page-result__title{font-size:var(--text-md);font-weight:500}.search-page-result__excerpt{font-size:var(--text-sm);color:rgb(var(--color-foreground) / .65)}.main-search__header{display:flex;flex-direction:column;gap:var(--space-md);margin-block-end:var(--space-lg)}.main-search__title{margin:0}.main-search__form{max-width:34rem;border-block-end:1px solid rgb(var(--color-foreground) / .2)}.main-search__form .search-form__input{min-height:2.75rem;font-size:var(--text-md)}.main-search__suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2xs);margin:var(--space-sm) 0 0;padding:0;list-style:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-blog.css.map */