.hp-topic-cards__items{display:flex;gap:16px}.hp-topic-cards__item{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;position:relative;overflow:hidden}.hp-topic-cards__item-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hp-topic-cards__item-bg-img{width:100%;height:100%;object-fit:cover;object-position:center}.hp-topic-cards__item .item__link-overloay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hp-topic-cards__item .item-content__wrapper{display:flex;height:100%;flex-direction:column;gap:8px;position:relative;z-index:1}.hp-topic-cards__item .item-content__wrapper .title{font-size:20px;font-weight:600}.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;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/612/assets/hp-topic-cards.css.map */