.ts-blogs{padding-top:42px;padding-bottom:42px}.ts-blogs__title{color:#121212;font-size:46px;line-height:110%;letter-spacing:0;margin:0 0 56px;text-align:center}.ts-blogs__tabs{width:fit-content;display:flex;align-items:center;margin:0 auto 56px}.ts-blogs__tab{width:fit-content;padding:8px 0;cursor:pointer}.ts-blogs__tab p{min-width:135px;margin:0;text-align:center;border-right:1px solid #DBDBDB;color:#737070;font-size:14px;line-height:150%;letter-spacing:0;pointer-events:none}.ts-blogs__tab.active p{color:#121212}.ts-blogs__tab:last-child p{border-right:0}.ts-blogs__blog-wrapper{display:none}.ts-blogs__blog-wrapper.active{display:block}.ts-blogs__blog{display:flex;gap:40px 20px;flex-wrap:wrap}.ts-blogs__article{display:flex;flex-direction:column;flex-basis:calc(33.33% - 20px)}.ts-blogs__article[hidden]{display:none}.ts-blogs__article:nth-of-type(9n+1){flex-basis:100%;flex-direction:row}.ts-blogs__article:nth-of-type(9n+5),.ts-blogs__article:nth-of-type(9n+6){flex-basis:calc(50% - 10px)}.ts-article__media{width:100%;display:flex}.ts-blogs__article:nth-of-type(9n+1) .ts-article__media{width:50%}.ts-blogs .ts-article__media img{width:100%;height:fit-content;aspect-ratio:2.41 / 1;object-fit:cover}.ts-blogs__article:nth-of-type(9n+1) img{aspect-ratio:1.57 / 1;height:100%}.ts-blogs__article:nth-of-type(9n+5) img,.ts-blogs__article:nth-of-type(9n+6) img{aspect-ratio:2 / 1}.ts-blogs .ts-article__content{background-color:#f4f4f4;padding:16px 20px;flex:1;display:flex;flex-direction:column}.ts-blogs__article:nth-of-type(9n+1) .ts-article__content{width:50%;padding:35px;height:100%;justify-content:end}.ts-blogs .ts-article__date{font-size:14px;letter-spacing:1px;line-height:120%;color:#121212;margin:0 0 8px}.ts-blogs .ts-article__title{font-size:32px;letter-spacing:0;line-height:130%;color:#121212;margin:0 0 2px}.ts-blogs .ts-article__description{margin:0 0 16px;flex:1}.ts-blogs__article:nth-of-type(9n+1) .ts-article__description{flex:none}.ts-blogs .ts-article__description *{font-size:16px;letter-spacing:0;line-height:160%;color:#737070;margin:0}.ts-blogs .ts-article__link{width:fit-content;font-size:16px;font-weight:700;line-height:130%;color:#438c91;text-decoration:none;display:flex;align-items:center;gap:8px}.ts-blogs .ts-article__link .ts-icon{display:flex;transition:transform .3s}.ts-blogs .ts-article__link:hover .ts-icon{transform:translate(4px)}.ts-blogs__more{position:relative;width:fit-content;padding:12px 35px;font-size:16px;line-height:130%;font-weight:700;letter-spacing:0;border:1px solid #3A4852;border-radius:5px;margin:56px auto 0;transition:transform .3s;cursor:pointer}.ts-blogs__more *{pointer-events:none}.ts-blogs__more[hidden]{display:none}.ts-blogs__more:hover{transform:translateY(-8px)}.ts-blogs__more .ts-loader{position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);display:flex;opacity:0;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.ts-blogs__more.active span:not(.ts-loader){opacity:0}.ts-blogs__more.active .ts-loader{opacity:1}@media screen and (max-width: 989px){.ts-blogs__article{flex-basis:calc(50% - 10px)}.ts-blogs .ts-article__media img{aspect-ratio:2 / 1}.ts-blogs__article:nth-of-type(9n+1) img{height:100%}.ts-blogs__tabs{max-width:100%;overflow:auto}}@media screen and (max-width: 749px){.ts-blogs__article:nth-of-type(9n+1){flex-direction:column}.ts-blogs__article:nth-of-type(9n+1) .ts-article__media,.ts-blogs__article:nth-of-type(9n+1) .ts-article__content{width:100%}.ts-blogs__article:nth-of-type(9n+1) .ts-article__content{padding:16px 20px}.ts-blogs .ts-article__media img{aspect-ratio:1.57 / 1}}@media screen and (max-width: 650px){.ts-blogs{padding-top:20px}.ts-blogs__title{margin:0 0 24px;font-size:30px}.ts-blogs__tabs{margin:0 0 24px}.ts-blogs__tab p{min-width:89px}.ts-blogs__blog{gap:20px}.ts-blogs__article,.ts-blogs__article:nth-of-type(9n+5),.ts-blogs__article:nth-of-type(9n+6){flex-basis:100%}.ts-blogs .ts-article__date{font-size:12px}.ts-blogs .ts-article__title{font-size:16px}.ts-blogs .ts-article__description,.ts-blogs .ts-article__link{font-size:14px}}@-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/109/assets/ts-blogs.css.map */