.article-title,.article-meta,.article-body,.article-share{width:60%;margin:0 auto;display:flex;justify-content:start}.article-title{font-size:2rem;margin-bottom:10px;color:rgb(var(--color-foreground))}span.article-date,span.article-author{color:rgb(var(--color-foreground),.5)}.article-meta{font-size:.9rem;color:#777;margin-bottom:20px}.article-body{font-size:1rem;line-height:1.7;color:rgb(var(--color-foreground))}.article-featured-image img{width:100%;margin:0 auto 20px;display:block;border-radius:12px}.article-featured-image.height-small img{height:200px;object-fit:cover}.article-featured-image.height-medium img{height:400px;object-fit:cover}.article-featured-image.height-large img{height:600px;object-fit:cover}.article-share-icon{background:none;border:none;cursor:pointer;padding:6px;color:rgb(var(--color-foreground))}input.article-share-link{width:100%;border:none;color:rgb(var(--color-foreground));font-size:14px;padding:0;line-height:14px}.article-share{display:flex;align-items:center;gap:8px}.article-share-message{color:rgb(var(--color-foreground));font-size:14px;font-weight:500}input.article-share-link:focus-visible{outline:none;border:none;box-shadow:none}.article-featured-image.height-large img{height:600px;object-fit:cover;width:60%}.back-to-blog{display:flex;justify-content:center;padding:40px}.back-to-blog a{display:inline-block;padding:18px 26px;border-radius:30px;font-size:.95rem;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:1px solid rgb(var(--color-button-text))}.back-to-blog a:hover{color:rgb(var(--color-button));background:rgb(var(--color-button-text));border:1px solid rgb(var(--color-button))}@media(max-width:1024px){.article-title,.article-meta,.article-body,.article-share{width:80%}}@media(max-width:768px){.article-title,.article-meta,.article-body,.article-share{width:90%;padding:8px;flex-direction:column}.article-title{font-size:1.75rem;text-align:left}.article-meta{flex-direction:column;gap:6px}}@media(max-width:480px){.article-title{font-size:1.5rem}.article-body{font-size:.95rem}.back-to-blog{padding:20px}.back-to-blog a{padding:12px 20px;font-size:.85rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/article-template.css.map */