.ways-to-play{padding:2.5rem 0}
.ways-to-play .heading{margin-bottom:4rem;padding:0 1.125rem}
@media(min-width:768px){.ways-to-play .heading{margin-bottom:5rem}
}
@media(min-width:992px){.ways-to-play .heading{margin-bottom:6.75rem}
}
.ways-to-play .nav-tabs{display:grid;grid-template-rows:repeat(1,auto);grid-template-columns:auto;gap:1.5rem}
@media(min-width:768px){.ways-to-play .nav-tabs{gap:1.5rem;grid-template-columns:repeat(6,1fr)}
}
@media(min-width:992px){.ways-to-play .nav-tabs{gap:2rem;grid-template-columns:repeat(12,1fr)}
}
.ways-to-play .nav-tabs .tab-menu{display:flex;flex-flow:row nowrap;justify-content:flex-start;overflow-x:scroll;scroll-snap-type:x mandatory;margin-left:1.125rem}
.ways-to-play .nav-tabs .tab-menu::-webkit-scrollbar{display:none}
@media(min-width:768px){.ways-to-play .nav-tabs .tab-menu{flex-direction:column;grid-column:span 2}
}
@media(min-width:992px){.ways-to-play .nav-tabs .tab-menu{grid-column:span 3}
}
.ways-to-play .nav-tabs .tab-menu .nav-item{flex-shrink:0}
.ways-to-play .nav-tabs .tab-menu .nav-item.active{scroll-snap-align:start}
.ways-to-play .nav-tabs .tab-menu button{color:rgba(var(--kpl-body-color-rgb),0.7);background-color:transparent;border:0;border-radius:0;text-align:center;transition:color .25s ease;scroll-snap-align:start;position:relative}
@media(min-width:768px){.ways-to-play .nav-tabs .tab-menu button{border-bottom:0;text-align:start}
}
.ways-to-play .nav-tabs .tab-menu button::after{background-color:rgba(var(--kpl-body-color-rgb),0.15);content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;transition:background-color .25s ease}
@media(min-width:768px){.ways-to-play .nav-tabs .tab-menu button::after{width:1px;height:100%;margin-top:0;left:0}
}
.ways-to-play .nav-tabs .tab-menu button:hover{color:rgba(var(--kpl-body-color-rgb),0.5)}
.ways-to-play .nav-tabs .tab-menu button.active{color:rgba(var(--kpl-body-color-rgb),1)}
.ways-to-play .nav-tabs .tab-menu button.active::after{background-color:rgba(var(--kpl-body-color-rgb),1)}
.ways-to-play .nav-tabs .tab-menu:first-of-type button{text-align:start}
.ways-to-play .nav-tabs .tab-content{padding:0 1.125rem}
@media(min-width:768px){.ways-to-play .nav-tabs .tab-content{grid-column:3/6}
}
@media(min-width:992px){.ways-to-play .nav-tabs .tab-content{grid-column:4/13;max-height:calc(100vh - 12rem);max-height:calc(100svh - 12rem);overflow:hidden}
}
.ways-to-play .nav-tabs .tab-content .image-container{flex:0 0 100%;max-height:80vh;max-height:80svh}
@media(min-width:992px){.ways-to-play .nav-tabs .tab-content .image-container{flex:0 0 55.56%;max-width:55.56%;padding:0 1rem}
}
.ways-to-play .nav-tabs .tab-content .image-container img{object-fit:cover;height:100%;width:100%}
.ways-to-play .nav-tabs .tab-content .content-container{flex:0 0 100%;margin-top:2rem}
@media(min-width:768px){.ways-to-play .nav-tabs .tab-content .content-container{margin-top:3.375rem}
}
@media(min-width:992px){.ways-to-play .nav-tabs .tab-content .content-container{flex:0 0 44.44%;margin-top:0;max-width:44.44%;padding:0 1rem}
}