.article-page{background:var(--primary_background);color:var(--primary_text)}.article-page .section__wrapper{padding-left:15px;padding-right:15px;max-width:375px;margin-left:auto;margin-right:auto}.article-hero{position:relative;width:100%;border-radius:8px;overflow:hidden;margin-bottom:24px}.article-hero__image{display:block;width:100%;aspect-ratio:345 / 248;object-fit:cover}.article-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 45%,transparent 100%);padding:18px 15px 24px;display:flex;flex-direction:column;justify-content:flex-end}.article-hero__back{position:absolute;top:18px;right:15px;width:32px;height:32px;border-radius:4px;background:var(--primary_button);color:var(--primary_button_text);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:opacity .2s}.article-hero__back:hover{opacity:.9}.article-hero__back svg{width:16px;height:16px}.article-hero__back-text{display:none}.article-hero__date{font-family:Inter,sans-serif;font-size:12px;line-height:20px;color:#f5f5f5;margin-bottom:4px}.article-hero__title{font-family:Inter,sans-serif;font-size:32px;line-height:36px;letter-spacing:-.04em;color:#fff;font-weight:400;max-width:293px}.article-share{margin-bottom:32px}.article-share .share-buttons__label{font-family:Inter,sans-serif;font-size:16px;line-height:24px;letter-spacing:-.01em;color:var(--secondary_text);margin-bottom:12px}.article-share .share-buttons__links{display:flex;align-items:center;gap:16px}.article-share .share-buttons__link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--primary_text);color:var(--primary_background);text-decoration:none;transition:opacity .2s}.article-share .share-buttons__link:hover{opacity:.85}.article-share .share-buttons__link svg{width:16px;height:16px}.article-body{font-family:Inter,sans-serif;font-size:16px;line-height:24px;letter-spacing:-.01em;color:var(--primary_text);max-width:345px}.article-body p{margin-bottom:1rem}.article-body p:first-of-type{color:var(--secondary_text)}.article-body p:last-child{margin-bottom:0}.article-body strong,.article-body b,.article-body h2,.article-body h3{font-family:Inter,sans-serif;font-weight:500;color:var(--primary_text);margin-top:1.5rem;margin-bottom:.5rem}.article-body h2,.article-body h3{font-size:16px;line-height:24px}.article-body a{color:var(--primary_text);text-decoration:underline}.article-comments{margin-top:48px;padding-top:32px;border-top:1px solid var(--primary_text)}.article-comments h2{font-family:Inter,sans-serif;font-size:18px;margin-bottom:16px}.article-comments .comment{padding:16px 0;border-bottom:1px solid var(--secondary_button)}.article-comments .comment p{margin-bottom:4px}.article-comments form label{display:block;margin-bottom:4px;font-size:14px}.article-comments form input,.article-comments form textarea{width:100%;max-width:345px;padding:10px 12px;margin-bottom:16px;border:1px solid var(--primary_text);border-radius:6px;background:var(--primary_background);color:var(--primary_text)}.article-comments form input[type=submit]{padding:7px 20px;width:auto;cursor:pointer;background:var(--primary_button);color:var(--primary_button_text);border:1px solid var(--primary_button)}@media screen and (min-width:1024px){.article-page .section__wrapper{max-width:1440px;padding-left:40px;padding-right:40px}.article-hero{margin-bottom:0;border-radius:20px;height:480px;margin-left:0;margin-right:0}.article-hero__image{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.article-hero__overlay{background:linear-gradient(to bottom,#0d0d0d00,#0d0d0d);padding:37px 40px 48px;justify-content:flex-end;align-items:flex-start}.article-hero__back{position:static;order:1;width:auto;min-width:167px;height:32px;padding:0 18px;border-radius:8px;background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.8);font-family:DM Mono,monospace;font-size:16px;letter-spacing:-.02em;margin-bottom:24px}.article-hero__back:hover{opacity:1;background:#ffffff1a}.article-hero__back svg{display:none}.article-hero__back-text{display:inline}.article-hero__date{order:0;font-size:14px;line-height:20px;margin-bottom:0;margin-top:0;position:absolute;top:37px;left:40px}.article-hero__title{order:2;max-width:748px;font-size:58px;line-height:62px;letter-spacing:-.04em;margin-top:0}.article-main{display:grid;grid-template-columns:200px 1fr;gap:30px 40px;align-items:start;margin-top:90px;max-width:1360px}.article-share{margin-bottom:0;position:sticky;top:24px}.article-share .share-buttons__label{font-size:16px;line-height:24px;letter-spacing:-.01em;color:var(--secondary_text);margin-bottom:27px}.article-body{max-width:900px;min-width:0}.article-comments{grid-column:1 / -1;margin-top:48px}.article-comments form input,.article-comments form textarea{max-width:400px}}@media screen and (min-width:768px)and (max-width:1023px){.article-page .section__wrapper{max-width:var(--page-width);padding-left:32px;padding-right:32px}.article-hero__title{max-width:520px;font-size:40px;line-height:44px}.article-body{max-width:720px}.article-comments form input,.article-comments form textarea{max-width:400px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/article.css.map */