.klx-tabs{width:100%;max-width:var(--width--regular, 1200px);margin:0 auto;position:relative}.klx-tabs .klx-tabs-nav{text-align:center;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0;margin-bottom:2rem}.klx-tabs .klx-tabs-nav .klx-tab-button{position:relative;display:inline-block;padding:.75em 1.5em;color:var(--c--text, #333);opacity:.6;cursor:pointer;transition:opacity .3s ease;background:rgba(0,0,0,0);border:none;font-weight:500;font-size:1rem}.klx-tabs .klx-tabs-nav .klx-tab-button:after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--c--primary, #007cba);opacity:0;transition:opacity .3s ease 0s;bottom:0;transform:translateY(5px)}.klx-tabs .klx-tabs-nav .klx-tab-button.active,.klx-tabs .klx-tabs-nav .klx-tab-button:hover{opacity:1}.klx-tabs .klx-tabs-nav .klx-tab-button.active:after,.klx-tabs .klx-tabs-nav .klx-tab-button:hover:after{opacity:1;transform:translateY(0px)}.klx-tabs .klx-tabs-content{margin-top:1rem;opacity:1;max-width:100%;margin:0 auto;padding:0}.klx-tabs .klx-tabs-content .klx-tabs-item{display:none}.klx-tabs .klx-tabs-content .klx-tabs-item.active{display:block}.scrollable-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:var(--c--white, #fff);border:1px solid var(--c--light-grey, #ddd);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease}.scrollable-arrow.prev{left:-20px}.scrollable-arrow.next{right:-20px}.scrollable-arrow.hidden{opacity:0;pointer-events:none}.scrollable-arrow:hover{background:var(--c--primary, #007cba);color:var(--c--white, #fff)}.scrollable-arrow svg{width:16px;height:16px}@media(max-width: 1199px){.klx-tabs{max-width:calc(100% - 2rem)}}@media(max-width: 991px){.klx-tabs .klx-tabs-nav:after{content:"";position:absolute;right:0;top:0;bottom:0;width:5em;background:linear-gradient(90deg, transparent, var(--c--background, #fff));z-index:2;pointer-events:none}.klx-tabs .klx-tabs-nav .inner{overflow:auto;overflow-x:auto;overflow-y:hidden;padding-right:4em}.klx-tabs .klx-tabs-nav .inner::-webkit-scrollbar{width:0;height:0}.klx-tabs .scrollable-arrow.prev{left:10px}.klx-tabs .scrollable-arrow.next{right:10px}}@media(max-width: 767px){.klx-tabs .klx-tabs-nav{justify-content:flex-start}.klx-tabs .klx-tabs-nav .klx-tab-button{padding:.5em 1em;font-size:.9em}}@media(max-width: 575px){.klx-tabs .klx-tabs-nav .klx-tab-button{padding:.4em .8em;font-size:.85em}}