.tabs-showcase{margin:96px 0}.tabs-showcase__title{margin:0 auto 24px;font:700 32px/120% Open Sans,sans-serif}.tabs-showcase__tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.tabs-showcase__panel{display:none}.tabs-showcase__panel.--active,.tabs-showcase.--slider-mode .tabs-showcase__panel{display:block}.tabs-showcase__pagination{margin-top:20px;display:none}.tabs-showcase__panel-inner{background-color:var(--background-light-gray);border-radius:20px;grid-template-columns:repeat(2,1fr);align-items:start;gap:36px;padding:36px;display:grid}.tabs-showcase__screenshot{border-radius:10px;overflow:hidden}.tabs-showcase__screenshot img{width:100%;height:auto;display:block}.tabs-showcase__info-title{margin:0 0 12px;font:700 24px/120% Open Sans,sans-serif}.tabs-showcase__info-desc{margin:0 0 12px}.tabs-showcase__info-row{margin-top:12px}.tabs-showcase__info-label{font-weight:700}.tabs-showcase__info-tasks{margin:0 0 0 12px;padding:0;list-style:none}.tabs-showcase__info-task{padding-left:16px;line-height:140%;position:relative}.tabs-showcase__info-task:before{content:"•";position:absolute;left:0}.tabs-showcase__communities{flex-direction:column;gap:12px;margin-top:12px;display:flex}.tabs-showcase__community{flex-direction:column;gap:4px;display:flex}.tabs-showcase__community-title{font:700 16px/120% Open Sans,sans-serif}.tabs-showcase__community-link{align-self:flex-start}.tabs-showcase__community-link i{color:#32a7d9}.tabs-showcase__knowledge{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px;display:grid}.tabs-showcase__info-btn{width:100%;max-width:300px;margin-top:18px}@media screen and (width<=1023px){.tabs-showcase{background-color:var(--background-light-gray);margin:48px 0;padding:48px 0}.tabs-showcase__title{font-size:24px}.tabs-showcase__tabs{display:none}.tabs-showcase__pagination{justify-content:center;display:flex}.tabs-showcase__panel-inner{background-color:#0000;border-radius:0;grid-template-columns:1fr;gap:24px;padding:0}.tabs-showcase__screenshot{max-width:343px}}@media screen and (width<=799px){.tabs-showcase__knowledge{grid-template-columns:1fr;gap:8px}}@media screen and (width<=599px){.tabs-showcase{margin:36px 0;padding:36px 0}.tabs-showcase__panel-inner{gap:18px}.tabs-showcase__info-btn{max-width:100%}}