.ts-blogs{width:100%;max-width:1440px;margin:0 auto;padding:48px 50px 140px}.ts-blogs__title{color:var(--grey-800);margin:0 0 24px}.ts-blogs__tabs{width:100%;max-width:calc(67% - 10px);padding:0 0 12px;border-bottom:1px solid #ccc;display:flex;align-items:center;flex-wrap:nowrap;gap:32px;margin:0 0 64px}.ts-blogs__tab{margin:0;color:var(--grey-500);cursor:pointer;position:relative;transition:color .3s}.ts-blogs__tab:hover{color:var(--grey-800)}.ts-blogs__tab:after{content:"";position:absolute;width:100%;height:1px;top:calc(100% + 12px);left:0;background-color:#ccc}.ts-blogs__tab.active{margin:0;color:var(--grey-800)}.ts-blogs__tab.active:after{background-color:var(--grey-800)}.ts-blogs__content{display:flex;gap:20px;flex-wrap:wrap}.ts-blogs__content .ts-blogs__blocks-wrapper{width:100%}.ts-blogs__content.has-essentials .ts-blogs__blocks-wrapper{max-width:calc(67% - 10px)}.ts-blogs__block-wrapper{width:100%;display:none;opacity:0;transition:opacity .3s}.ts-blogs__block-wrapper.active{display:block}.ts-blogs__block-wrapper.active.animate{opacity:1}.ts-blogs__content .ts-blogs__essantials{width:100%;max-width:calc(33% - 10px)}.ts-blogs__essantials--mobile{display:none}.ts-blogs__blocks__title{color:var(--grey-800);margin:0 0 24px}.ts-blogs__block{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 20px;margin:0 0 32px}.ts-blogs-article{text-decoration:none;padding:16px 0;border-top:1px solid var(--grey-600)}.ts-blogs-article__media{margin:0 0 16px;width:100%;display:flex}.ts-blogs-article__media img{width:100%;height:fit-content;aspect-ratio:1.44 / 1;border-radius:4px;object-fit:cover}.ts-blogs-article__media .ts-placeholder{border-radius:4px;aspect-ratio:1.44 / 1;width:100%;height:fit-content;background-color:#ccc}.ts-blogs-article__tags{display:flex;gap:8px;margin:0 0 12px;flex-wrap:wrap}.ts-blogs-article__tag{background-color:var(--accent-yellow);border-radius:4px;padding:6px 12px;text-transform:uppercase;color:var(--primary-black)}.ts-blogs-article__title{margin:0 0 4px;color:var(--primary-black)}.ts-blogs-article__additional{color:var(--grey-600);margin:0}.ts-blogs__more.ts-button{width:100%;max-width:320px;background-color:transparent;border-color:var(--grey-800);color:var(--grey-800);margin:0 auto}.ts-blogs__more.ts-button[hidden]{display:none}.ts-blogs__more.ts-button:hover{background-color:var(--grey-800);color:var(--primary-light-grey)}.ts-blogs__more.ts-button .ts-loader{-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.ts-blogs__more.ts-button .ts-loader,.ts-blogs__more.ts-button.loading span:not(.ts-loader){display:none}.ts-blogs__more.ts-button .ts-loader path{stroke:currentColor}.ts-blogs__more.ts-button.loading .ts-loader{display:flex}h3.ts-blogs__essantials-title{margin:0 0 24px}.ts-blogs__essantials-article{padding:16px 0;margin:0 0 32px;border-top:1px solid var(--grey-600)}.ts-blogs__essantials-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.ts-blogs__essantials-tag{padding:6px 12px;border-radius:4px;text-transform:uppercase;background-color:var(--accent-yellow);color:var(--primary-black)}a.ts-blogs__essantials-title{margin:0 0 4px;text-decoration:none;color:var(--grey-800);display:block}.ts-blogs__essantials-info{margin:0}@media screen and (max-width: 989px){.ts-blogs__essantials{display:none}.ts-blogs__tabs,.ts-blogs__content.has-essentials .ts-blogs__blocks-wrapper{max-width:100%}.ts-blogs__content .ts-blogs__essantials--mobile{display:block;max-width:100%;grid-column:1 / 3;padding:16px 0}}@media screen and (max-width: 749px){.ts-blogs{padding:48px 20px 80px}.ts-blogs__tabs{padding:0 0 8px;margin:0 0 48px}.ts-blogs__tab:after{top:calc(100% + 8px)}.ts-blogs__block{grid-template-columns:1fr;gap:24px}.ts-blogs__content .ts-blogs__essantials--mobile{grid-column:1 / 2;padding:32px 0 8px}.ts-blogs-article{padding:8px 0}.ts-blogs-article__media img,.ts-blogs-article__media .ts-placeholder{aspect-ratio:1.6 / 1}.ts-blogs-article__media,.ts-blogs-article__tags,.ts-blogs__essantials-tags{margin:0 0 8px}.ts-blogs-article__tag,.ts-blogs__essantials-tag{padding:4px 10px}.ts-blogs__essantials-article{margin:0 0 24px;padding:8px 0}}@-moz-keyframes spin{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/ts-blogs.css.map */