.topics-section{background-color:var(--section-bg-color);padding:60px 0}.topics-section h3{display:flex;justify-content:center;align-items:center;gap:10px;font-size:20px;font-weight:600;text-transform:uppercase;margin-bottom:68px}.topics-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px}.topics{position:relative;overflow:hidden}.topic{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-in-out;opacity:0;z-index:0;background-color:var(--body-color)}.topic.active{position:relative;opacity:1;z-index:1}.topic.successor{position:absolute;top:0;left:0;right:0}.topic img{max-width:100%;height:auto}.topic-headline{position:absolute;top:30px;left:30px;font-size:28px;font-weight:700;color:var(--text-color);line-height:1.1}.topic-headline p{margin:unset}.topics-actions{display:grid;gap:10px}.topic-button{background-color:var(--btn-bg-color);color:var(--btn-text-color);border:none;padding:10px;margin-bottom:5px;cursor:pointer;transition:background-color .3s,color .3s;font-size:18px;font-weight:700;border-radius:20px 0}.topic-button:hover,.topic-button.active{background-color:var(--btn-bg-color-active);color:var(--btn-text-color-active)}.topics-actions.items-0{display:none}.topics-actions.items-1{grid-template-columns:1fr;grid-template-rows:1fr}.topics-actions.items-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.topics-actions.items-3{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}.topics-actions.items-4{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr}.topics-actions.items-5,.topics-actions.items-6{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.topics-actions.items-7,.topics-actions.items-8{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr}@media(min-width:768px){.topics-section h3{font-size:28px}.topics-container{grid-template-columns:1fr calc(33.3% - 20px);grid-template-rows:1fr;gap:35px}.topic-headline{top:60px;left:50px;font-size:54px}.topics-actions{gap:20px}.topic-button{font-size:34px}.topics-actions.items-2{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.topics-actions.items-3{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr}.topics-actions.items-4{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr}.topics-actions.items-5,.topics-actions.items-6{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.topics-actions.items-7,.topics-actions.items-8{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/topics.css.map */