.blog-wrapper,.article-wrapper{padding-block:var(--section-padding-mobile, 0px)}.blog-container,.article-container{max-width:var(--container-width);padding-inline:var(--container-padding-mobile);margin:0 auto}.blog__header,.article__header{display:grid;gap:10px}.blog__meta,.article__meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:var(--font-sm);color:var(--color-text-secondary)}.blog__author:before,.article__author:before{margin-right:10px;content:"\2022"}.blog__title,.article__title{margin:0;font-size:28px;line-height:1.2;letter-spacing:-.02em}.blog-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.blog__header{text-align:center}.blog__subtitle{margin:0;font-size:var(--font-base);line-height:1.6;color:var(--color-text-secondary)}.blog__active-tags{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;padding:10px 14px;margin-top:8px;font-size:var(--font-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:999px}.blog__active-tags a{font-weight:var(--font-medium);color:var(--color-primary)}.article__title{line-height:1.25}.blog__list{display:grid;gap:20px;padding:0;margin:0;list-style:none}.blog__list>li{height:100%;content-visibility:auto;contain-intrinsic-size:auto 400px}.blog__item{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:transform var(--hover-transition);contain:layout style}@media(hover:hover)and (pointer:fine){.blog__item:hover{transform:translateY(-4px)}}.blog__image{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--color-bg-secondary)}.blog__image-media{display:block;width:100%;height:100%;object-fit:cover}.blog__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:18px 18px 20px}.blog__item-title{margin:0;font-size:18px;line-height:1.35}.blog__item-title a{color:var(--color-text);text-decoration:none;transition:color var(--hover-transition)}.blog__excerpt{margin:0;font-size:var(--font-base);line-height:1.65;color:var(--color-text-secondary)}.blog__read-more{display:inline-flex;gap:8px;align-items:center;margin-top:auto;font-weight:var(--font-medium);color:var(--color-primary);text-decoration:none;transition:gap var(--hover-transition),color var(--hover-transition)}.blog__pagination{display:flex;justify-content:center;width:100%}.blog__pagination .pagination{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.blog__pagination .pagination :is(a,span){min-width:40px;padding:10px 14px;font-weight:var(--font-medium);color:var(--color-text);text-align:center;text-decoration:none;border:1px solid var(--color-border);border-radius:10px;transition:border-color var(--hover-transition),color var(--hover-transition),background var(--hover-transition)}@media(hover:hover)and (pointer:fine){.blog__item-title a:hover{color:var(--color-primary)}.blog__read-more:hover{gap:10px}.blog__pagination .pagination a:hover{color:var(--color-primary);border-color:var(--color-primary)}}.blog__pagination .pagination :is(.current,.page.current){color:var(--color-background);background:var(--color-primary);border-color:var(--color-primary)}.blog__empty-state{display:grid;gap:12px;justify-items:center;padding:var(--spacing-lg);text-align:center;background:var(--color-bg-secondary);border-radius:12px}.blog__empty-state p{margin:0;color:var(--color-text-secondary)}.blog__empty-state a{font-weight:var(--font-medium);color:var(--color-primary)}.article__wrapper{display:flex;flex-direction:column;gap:18px;max-width:900px;margin:0 auto}.article__image{overflow:hidden;border-radius:12px;box-shadow:0 8px 20px #00000014}.article__image-media{display:block;width:100%;height:auto}.article__content{display:grid;gap:18px;font-size:var(--font-base);line-height:1.75;color:var(--color-text)}.article__content :is(h2,h3,h4,h5,h6){margin:0;line-height:1.3}.article__content h2{font-size:24px}.article__content h3{font-size:20px}.article__content p{margin:0;color:var(--color-text-secondary)}.article__content a{color:var(--color-primary);text-decoration:underline}.article__content :is(ul,ol){display:grid;gap:8px;padding-left:1.25rem;margin:0}.article__content li{line-height:1.7;color:var(--color-text-secondary)}.article__content blockquote{padding:16px 18px;margin:0;color:var(--color-text);background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:8px}.article__content :is(img,figure){width:100%;height:auto;overflow:hidden;border-radius:10px}.article__content figure{display:grid;gap:8px;margin:0}.article__content figcaption{font-size:var(--font-sm);color:var(--color-text-secondary)}.article__content :is(iframe,video,embed,object){display:block;width:100%;max-width:100%;border:0;border-radius:10px}.article__content iframe{aspect-ratio:16 / 9;height:auto}.article__content table{display:block;width:max-content;max-width:100%;overflow-x:auto;border-collapse:collapse}.article__content :is(th,td){padding:10px 12px;border:1px solid var(--color-border)}.article__content pre{padding:14px;margin:0;overflow-x:auto;white-space:pre;background:var(--color-bg-secondary);border-radius:10px}.article__content code{overflow-wrap:anywhere}.article__comments{display:grid;gap:18px;padding-top:24px;border-top:1px solid var(--color-border)}.article__comments-title,.article__comment-form-title{margin:0;line-height:1.3}.article__comments-list{display:grid;gap:14px;padding:0;margin:0;list-style:none}.article__comment{padding:16px;background:var(--color-bg-secondary);border-radius:10px}.article__comment-header{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-bottom:8px;font-size:var(--font-sm);color:var(--color-text-secondary)}.article__comment-header strong{color:var(--color-text)}.article__comment-body{color:var(--color-text-secondary)}.article__comment-body>*{margin-block:0 10px}.article__comment-body>*:last-child{margin-bottom:0}.article__comments-empty{margin:0;color:var(--color-text-secondary)}.article__comment-form,.article__comment-form form,.article__comment-fields{display:grid;gap:14px}.article__comment-field{display:grid;gap:6px}.article__comment-field label{font-size:var(--font-sm);font-weight:var(--font-medium)}.article__comment-field :is(input,textarea){width:100%;padding:12px 14px;font:inherit;color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);border-radius:10px}.article__comment-submit{justify-self:start;padding:12px 20px;font:inherit;font-weight:var(--font-medium);color:var(--color-background);cursor:pointer;background:var(--color-primary);border:0;border-radius:999px}.article__comment-success,.article__comment-errors{padding:12px 14px;margin:0;border-radius:10px}.article__comment-success{color:#166534;background:#dcfce7}.article__comment-errors{color:#991b1b;background:#fee2e2}@media(min-width:768px){.blog-wrapper,.article-wrapper{padding-block:var(--section-padding-tablet, 0px)}.blog-container,.article-container{padding-inline:var(--container-padding)}.blog__title,.article__title{font-size:34px}.blog-container{gap:32px}.blog__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.blog__body{gap:12px;padding:20px 22px 22px}.article__wrapper{gap:24px}.article__comment-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.blog-wrapper,.article-wrapper{padding-block:var(--section-padding-desktop, 0px)}}@media(min-width:1280px){.blog__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/blog.css.map */