.page-banner{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:320px;margin-bottom:24px;padding:16px;gap:32px}.page-banner:before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:var(--banner-overlay)}.page-banner:after{content:"";position:absolute;bottom:0;left:0;z-index:1;width:100%;height:40px;background:var(--banner-bottom-overlay)}.page-banner .page-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--img-mobile-pos)}@media(min-width:768px){.page-banner{min-height:450px;padding:48px}.page-banner:after{height:100px}.page-banner .page-banner__image{object-position:var(--img-desktop-pos)}}@media(min-width:992px){.page-banner{min-height:600px;margin-bottom:12px;gap:56px}.page-banner:after{height:240px}}.page-banner__title{z-index:2;text-align:center;color:var(--banner-text-color)}.page-banner__title.page-banner__title--empty{margin-top:60px;margin-bottom:40px}@media(min-width:992px){.page-default__title.page-default__title--empty{margin-top:120px;margin-bottom:80px}}.article-banner{position:relative;overflow:hidden;margin-top:16px}.article-banner .article-banner__image-container{height:var(--image-mobile-height);position:relative}.article-banner .article-banner__image{position:absolute;top:0;left:0;opacity:0;transform:scale(.6);width:100%;height:100%;object-fit:cover;transition-property:opacity,transform;transition-timing-function:var(--easing-ease-out-soft)}.article-banner .article-banner__image.animated{opacity:1;transform:scale(1);transition-duration:1.2s}html.no-active .article-banner .article-banner__image{opacity:1;transform:scale(1)}@media(min-width:992px){.article-banner{margin-top:40px}.article-banner .article-banner__image-container{height:var(--image-desktop-height)}}.article .breadcrumb.breadcrumb--banner{margin-bottom:32px}.article .breadcrumb.breadcrumb--banner .breadcrumb__separator{background-color:var(--color-accent)}.article .page-banner{background-color:var(--color-background-secondary);gap:0}.article .page-banner__title{max-width:980px}.article .article__post-info{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:16px;font-size:calc(var(--body-font-size) * .875);line-height:1.28;color:var(--color-text-secondary);column-gap:24px;row-gap:12px}.article__content{max-width:912px;margin:0 auto;padding:32px 16px}.article-main .article-main__socials{display:flex;align-items:center;justify-content:space-between;column-gap:16px;row-gap:15px;padding:16px 0;margin-top:32px}.article-main .article-main__share{position:relative;display:inline-flex;column-gap:12px;justify-content:center;align-items:center;width:fit-content;height:auto;border:none;border-radius:initial;background-color:transparent;text-decoration:none;color:var(--color-text-primary)}.article-main .article-main__share svg{width:22px;height:22px}@media(-moz-touch-enabled:0),(hover:hover),(pointer:fine){.article-main .article-main__share:hover:hover{color:var(--color-text-primary);fill:var(--color-text-primary);background-color:transparent}.article-main .article-main__share:hover:hover .article-main__share-text{text-decoration:none}}.article-main .article-main__share-text{text-decoration:underline}.article-main .article-main__socials-item{display:flex;align-items:center;gap:12px;font-weight:500;font-size:calc(var(--body-font-size) * .875);color:var(--color-text-secondary)}.article-main .article-main__socials-item:not(:last-child):after{content:"";position:relative;display:block;width:4px;height:4px;border-radius:50%;background-color:var(--color-text-primary, #000)}@media(min-width:992px){.article .breadcrumb.breadcrumb--banner{margin-bottom:44px}.article-main .article-main__socials{border-top:1px solid var(--color-border-thirdly)}}.article-comments{margin-top:32px}.article-comments .article-comments__heading{margin-bottom:24px;text-align:center}.article-comments .article-comments__comment{display:flex;flex-direction:column;overflow-wrap:break-word;row-gap:12px;padding:16px;background-color:var(--color-background-secondary);border-radius:var(--global-border-radius)}.article-comments .article-comments__comment+.article-comments__comment{margin-top:16px}.article-comments .article-comments__comment-author{font-weight:500}.article-comments .article-comments__comment-text{line-height:1.5}.article-comments .article-comments__comment-footer{font-size:calc(var(--body-font-size) * .875);color:var(--color-text-secondary)}.article-comments .pagination{margin-top:24px;margin-bottom:48px}.article-comments .pagination .pagination__list{justify-content:center}.article-comments .article-comments__form{padding:0 16px}.article-comments .article-comments__form .input{background-color:var(--color-background, #fff)}.article-comments .article-comments__form svg{flex-shrink:0;width:20px;height:20px}.article-comments .article-comments__wrapper{margin-bottom:32px}.article-comments .article-comments__form__header{display:flex;flex-direction:column;row-gap:16px;margin-bottom:32px}.article-comments .article-comments__form-heading{text-align:center}.article-comments .article-comments__comment-form-wrapper{display:flex;flex-direction:column;row-gap:16px;margin-bottom:16px}.article-comments .article-comments__comment-form-fields{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.article-comments .article-comments__comment-form-field{flex-basis:100%;width:100%}.article-comments .form-status{margin-bottom:0;justify-content:center}.article-comments .form__input-wrapper{text-align:center}@media(min-width:768px){.article-comments .article-comments__comment-form-fields{flex-direction:row}.article-comments .article-comments__heading{margin-bottom:32px}.article-comments .article-comments__form{padding:0}.article-comments .article-comments__form-heading{text-align:left}.article-comments .article-comments__comment-form-field{flex-basis:50%}.article-comments .form__input-wrapper{text-align:left}.article-comments .form-status{justify-content:flex-start}.article-comments .pagination{margin-top:32px;margin-bottom:32px}}
/*# sourceMappingURL=/cdn/shop/t/3333/assets/article.build.css.map */