.tabbed-details{--kpl-tab-det-xpad:1rem;position:relative;overflow:hidden}
.tabbed-details-tab-container{display:flex;border-top:1px solid rgba(var(--kpl-off-white-rgb),0.7);color:var(--kpl-off-white);overflow-x:scroll;scroll-snap-type:x mandatory;flex-wrap:nowrap;z-index:5}
.tabbed-details-tab-container::-webkit-scrollbar{display:none}
@media(min-width:992px){.tabbed-details-tab-container{overflow-x:auto}
}
.tabbed-details-tab-container .tab{position:relative;flex:0 0 auto;width:auto;scroll-snap-align:start;opacity:.7}
.tabbed-details-tab-container .tab::after{content:"";position:absolute;border-top:2px solid var(--kpl-off-white);top:-1px;left:var(--kpl-tab-det-xpad);width:0;transition:width .5s ease}
.tabbed-details-tab-container .tab:first-child::after{left:0}
.tabbed-details-tab-container .tab.active{opacity:1}
.tabbed-details-tab-container .tab.active::after{width:100%}
.tabbed-details-tab-container .tab.active:first-child::after{width:calc(100% + var(--kpl-tab-det-xpad))}
.tabbed-details-tab-container .tab.active:last-child::after{width:calc(100% - var(--kpl-tab-det-xpad))}
.tabbed-details-tab-container .tab .btn{text-align:left;padding:.5rem var(--kpl-tab-det-xpad)}
.tabbed-details-tab-container .tab .btn:focus-visible{outline:1px auto #5e9ed6;outline:5px auto -webkit-focus-ring-color}
@media(min-width:768px){.tabbed-details{--kpl-tab-det-xpad:1.5rem}
}
@media(min-width:992px){.tabbed-details{--kpl-tab-det-xpad:2rem}
.tabbed-details .tab{flex:1 1 auto}
.tabbed-details:has(.tab:nth-child(7)){--kpl-tab-det-xpad:1rem}
.tabbed-details:has(.tab:nth-child(7)) .btn{font-size:.75rem}
}
.tabbed-details .carousel-control-prev,.tabbed-details .carousel-control-next{opacity:0;transition:opacity 500ms;width:10%;top:50%;bottom:auto;margin-top:-2rem}
.tabbed-details .carousel-control-prev:hover,.tabbed-details .carousel-control-prev:focus,.tabbed-details .carousel-control-next:hover,.tabbed-details .carousel-control-next:focus{opacity:1}
.tabbed-details .carousel-control-prev:hover .carousel-control-prev-icon,.tabbed-details .carousel-control-prev:hover .carousel-control-next-icon,.tabbed-details .carousel-control-prev:focus .carousel-control-prev-icon,.tabbed-details .carousel-control-prev:focus .carousel-control-next-icon,.tabbed-details .carousel-control-next:hover .carousel-control-prev-icon,.tabbed-details .carousel-control-next:hover .carousel-control-next-icon,.tabbed-details .carousel-control-next:focus .carousel-control-prev-icon,.tabbed-details .carousel-control-next:focus .carousel-control-next-icon{transform:none}
.tabbed-details .carousel-control-prev:focus-visible span,.tabbed-details .carousel-control-next:focus-visible span{outline:1px auto #5e9ed6;outline:5px auto -webkit-focus-ring-color}
.tabbed-details .carousel{height:calc(100vh - 10rem);width:100%;top:0;z-index:1}
.tabbed-details .carousel .carousel-inner{background-image:linear-gradient(180deg,rgba(49,49,49,0.9) 4.21%,rgba(49,49,49,0.25) 16.21%,rgba(49,49,49,0) 31.97%,rgba(49,49,49,0.7) 74.82%,rgba(49,49,49,0.85) 100%)}
.tabbed-details .carousel .carousel-item{height:calc(100vh - 10rem);transition:opacity .1s ease;mix-blend-mode:multiply}
.tabbed-details .carousel .carousel-item .carousel-image{height:100%;width:100%;object-fit:cover}
.tabbed-details .carousel .carousel-content-item{width:100%;bottom:2.5rem;z-index:-1;opacity:0;transition:left 1s ease,transform 1s ease,opacity 1s ease}
.tabbed-details .carousel .carousel-content-item.first-slide-centered,.tabbed-details .carousel .carousel-content-item.first-slide-centered.active ~ .carousel-content-item{left:50%;transform:translateX(-50%)}
.tabbed-details .carousel .carousel-content-item.active{opacity:1;z-index:5}
.tabbed-details .carousel .carousel-content-item.active:not(.first-slide-centered){left:0;transform:translateX(0)}
@media(min-width:768px){.tabbed-details .carousel .carousel-content-item{width:29.5rem}
}
@media(min-width:992px){.tabbed-details .carousel .carousel-content-item{width:42.25rem;bottom:5.5rem}
}
.tabbed-details .carousel .carousel-content-item .tabbed-details-heading,.tabbed-details .carousel .carousel-content-item .tabbed-details-body,.tabbed-details .carousel .carousel-content-item .tabbed-details-link{padding-right:var(--kpl-tab-det-xpad);padding-left:var(--kpl-tab-det-xpad)}
.tabbed-details .carousel .carousel-content-item .tabbed-details-link{border:0;color:currentColor}
.tabbed-details .carousel .carousel-content-item .tabbed-details-link:focus{outline:1px auto #5e9ed6;outline:5px auto -webkit-focus-ring-color}
@media(hover:none){.tabbed-details .carousel .carousel-content-item .tabbed-details-button:hover{color:var(--kpl-btn-color);background-color:transparent}
}