.hp-topic-cards__items{display:flex;gap:16px}.hp-topic-cards__item{background-image:var(--bg-img);background-position:center;background-size:cover;background-repeat:no-repeat;background-color:#eee;min-height:440px;border-radius:8px;display:flex;justify-content:center;flex-direction:column;padding:24px;color:var(--title-color);font-weight:500;gap:8px;flex:1}.hp-topic-cards__item .item-content__wrapper{display:flex;height:100%;flex-direction:column;gap:8px}.hp-topic-cards__item .item-content__wrapper .title{font-size:20px}.hp-topic-cards__item .item-content__wrapper .subtitle{font-size:14px}.hp-topic-cards__item .item-content__wrapper .btn-text{color:var(--btn-color);display:flex;align-items:center;font-size:14px}.hp-topic-cards__container.layout-tab .hp-topic-cards__item{display:none}.hp-topic-cards__container.layout-tab .hp-topic-cards__item.active{display:flex}.hp-topic-cards__container.layout-tab .hp-topic-cards__tabs{display:flex;gap:64px;margin:0 auto 12px;border-bottom:1px solid #DDD;width:fit-content;height:48px;align-items:center;color:#707070;font-size:16px;font-weight:500}.hp-topic-cards__container.layout-tab .hp-topic-cards__tab{border-bottom:3px solid transparent;display:flex;align-items:center;cursor:pointer;height:100%}.hp-topic-cards__container.layout-tab .hp-topic-cards__tab.active{color:#000;border-bottom:3px solid #000}@media (max-width: 1680px){.hp-topic-cards__item{min-height:360px}}@media (max-width: 1365px){.hp-topic-cards__items{flex-direction:column;gap:12px}.hp-topic-cards__container .hp-topic-cards__item{min-height:240px;background-image:var(--bg-img-mobile);padding:20px;justify-content:start;border-radius:4px}.hp-topic-cards__item .item-content__wrapper .title{font-size:16px}.hp-topic-cards__item .item-content__wrapper .subtitle,.hp-topic-cards__item .item-content__wrapper .btn-text{font-size:12px}.hp-topic-cards__item .item-content__wrapper .btn-text svg{width:12px}}@media (max-width: 1023px){.hp-topic-cards__container.layout-tab .hp-topic-cards__tab{font-size:14px}}@media (max-width: 450px){.hp-topic-cards__container.layout-tab .hp-topic-cards__tabs{gap:48px}.hp-topic-cards__container.layout-tab .hp-topic-cards__tab{white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/520/assets/hp-topic-cards.css.map */