.article__wrapper{background-color:inherit}.article{display:grid;grid-template-columns:1fr 440px;grid-template-rows:repeat(2,auto);gap:20px}.article__content-container{padding:40px;border-radius:50px;background-color:rgba(var(--color-shadow));height:fit-content}.article__content *{margin:0;text-size-adjust:100%}.article__content>*{opacity:0}.article-content--animate{animation:article-content .4s ease .1s forwards}@keyframes article-content{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.article__title{font-family:var(--font-body-family);color:rgba(var(--color-foreground));font-size:40px;font-style:normal;font-weight:700;line-height:130%;letter-spacing:.8px;text-transform:uppercase;margin:0;transform:translateY(-100%);opacity:0;animation:article-title .4s ease-in 0ms forwards}@keyframes article-title{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.article__date-container{display:flex;align-items:center;margin:0;margin-block:30px;opacity:0;animation:article-date-container .4s ease-in .3s forwards}@keyframes article-date-container{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.article__date,.article__reading-time{color:#9d9d9d;font-family:var(--font-body-family);font-size:14px;font-style:normal;text-size-adjust:100%;font-weight:500;line-height:160%;margin:0}.article__date{margin:0 20px 0 0}.article__reading-time{display:flex;align-items:center;gap:20px}.article__reading-time:before{content:"";background-image:url(./icon-article-star.svg);background-repeat:no-repeat;background-size:cover;width:16px;height:16px}.article__content h2{color:rgba(var(--color-foreground));font-family:var(--font-body-family);font-size:24px;font-style:normal;font-weight:700;line-height:130%;letter-spacing:.52px;text-transform:uppercase}.article__content p{color:rgba(var(--color-foreground));font-family:var(--font-body-family);font-size:16px;font-style:normal;font-weight:500;line-height:160%;margin-top:10px;margin-bottom:20px}.article__content .h1,.article__content h2,.article__content h3,.article__content h4,.article__content h5,.article__content h6{line-height:140%}.article__content p span{font:inherit}.article__content p:last-child{margin-bottom:0}.article__content img{display:block;width:100%;height:auto;object-fit:cover;border-radius:30px}.article__info-content{display:flex;flex-direction:column;gap:20px}.article__featured-image{border-radius:50px;width:100%;overflow:hidden;opacity:0;transform:scale(.2);animation:article-featured-image .4s ease-in .3s forwards}@keyframes article-featured-image{0%{opacity:0;transform:scale(.2)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.article__featured-image img{display:block;object-fit:cover;width:100%;height:100%}.author{padding:10px;border-radius:50px;width:100%;display:flex;align-items:center;gap:20px;background-color:rgba(var(--color-shadow));opacity:0;animation:article-author .4s ease-in .7s forwards}@keyframes article-author{0%{opacity:0}to{opacity:1}}.author__image{width:90px;height:90px;flex-shrink:0;border-radius:50px;overflow:hidden}.author__image:has(svg){border:1px solid rgba(var(--color-foreground))}.author__image img,.author__image svg{display:block;width:100%;height:100%;object-fit:cover}.author__info{display:flex;flex-direction:column;gap:15px}.author__text-content{display:flex;flex-direction:column;gap:10px}.article__author{color:rgba(var(--color-foreground));font-size:22px;font-style:normal;font-weight:var(--font-heading-weight);line-height:130%;letter-spacing:.52px;text-transform:capitalize;margin:0}.article__author-description{color:#9d9d9d;font-family:var(--font-heading-family);font-size:16px;font-style:normal;font-weight:700;line-height:130%;letter-spacing:.36px;text-transform:capitalize;margin:0}.article__tags{display:flex;flex-direction:column;gap:16px;transform:translateY(30%);opacity:0;animation:article-tags .4s ease-in 1s forwards}@keyframes article-tags{0%{opacity:0;transform:translateY(30%)}to{opacity:1;transform:translateY(0)}}.tags__title{color:rgba(var(--color-foreground));font-family:var(--font-heading-family);font-size:24px;font-style:normal;font-weight:var(--font-heading-body);line-height:130%;letter-spacing:.52px;text-transform:uppercase;margin:0}.tags__list{display:flex;gap:10px;flex-wrap:wrap}.tag{padding:6px 10px;border-radius:var(--buttons-radius-outset);background-color:rgba(var(--color-shadow))}.tag__title{color:rgba(var(--color-foreground));font-family:var(--font-heading-family);font-size:12px;font-style:normal;line-height:100%;text-transform:uppercase;margin:0}.share__button{padding:10px 30px;border-radius:var(--buttons-radius-outset);width:max-content;display:flex;align-items:center;gap:10px;cursor:default;background-color:rgba(var(--color-button));animation:article-share-button .4s ease-in 1.1s forwards;opacity:0}@keyframes article-share-button{0%{opacity:0;transform:translateY(30%)}to{opacity:1;transform:translateY(0)}}.share__button svg{display:block;width:26px;min-width:26px;height:26px;object-fit:cover}.share__button p{color:rgba(var(--color-button-text));font-family:var(--font-body-family);font-size:18px;font-style:normal;font-weight:var(--font-body-weight);line-height:normal;letter-spacing:.36px;margin:0}.share__button{width:144px;transition:.25s ease-out;border:1px solid rgba(var(--color-button));overflow:hidden}.social-sharing{display:flex;gap:7px;transform:translate(100%);transition:.25s ease-out}.social-sharing svg path{fill:rgba(var(--color-button))}.share__button:hover{width:calc(144px + var(--social-sharing-width) + 10px);background-color:transparent}.share__button:hover>svg path{fill:rgba(var(--color-button))}.share__button:hover p{color:rgba(var(--color-button))}.share__button:hover .social-sharing{transform:translate(0)}.article__blog-list-container{display:flex;flex-direction:column;gap:16px}.article__blog-list{display:flex;flex-direction:column;gap:30px}.article__blog-list-title{font-size:24px}.article .article__tag{color:rgba(var(--color-foreground));padding:10px 20px}.article__blog-list-container .article__image{aspect-ratio:473 / 322}.article__content-container p:has(img+img){display:flex;gap:5px;align-items:center}.article__content-container p:has(img+img) img{display:block;width:calc(50% - 5px);height:100%;object-fit:cover;border-radius:30px;aspect-ratio:1 / 1}@media screen and (min-width:750px){.article__content p:first-child{margin-top:0}.article__blog-list-container,.article__tags{margin-top:20px}}@media screen and (max-width:749px){.author__text-content{gap:5px}.article{grid-template-columns:1fr;gap:30px}.article__reading-time{gap:10px}.article__date,.article__reading-time{font-size:12px}.article__info-content{max-width:100%;gap:30px}.article__featured-image{max-width:100%;height:auto;border-radius:20px}.author{max-width:100%;padding-right:30px}.article__blog-list{gap:20px}.article__card{max-width:100%}.article__blog-list-container .article__image{aspect-ratio:345 / 235}.article__content-container{padding:30px 15px;border-radius:30px}.article__title{font-size:26px}.article__date-container{margin-block:15px}.article__date,.article__reading-time{font-size:11px}.article__date{margin-right:10px}.article__content p{margin-top:15px;margin-bottom:30px;font-size:14px}.article__content h2{font-size:20px}.article__content img{border-radius:20px}.author__image{width:60px;height:60px}.article__author{font-size:16px}.article__author-description{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-article.css.map */