.text-default{color:#333}.text-contrast,.text-contrast h1,.text-contrast h2,.text-contrast h3,.text-contrast h4,.text-contrast h5,.text-contrast h6{color:#fff!important}.tabSection{background:#2dccd3;border-radius:48px;margin:0 auto;max-width:90%;padding:8px 0 48px;width:100%}.tabOuterContainer{background-color:#ffffff1a;border-radius:24px;margin:0 auto;max-width:1080px;overflow:hidden;padding-bottom:0;width:100%}.tabContentLayout{align-items:center;display:flex}.tabText{padding:32px}.tabImage,.tabText{width:50%}.tabImage img{height:auto;padding:32px;width:100%}.custom-tab-container{margin:0 auto;max-width:1080px;padding:1rem}.tab-header{border-bottom:0 solid #e0e0e0;display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:.5rem 1rem;position:relative;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tab-header::-webkit-scrollbar{display:none}.tab-header:after,.tab-header:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:40px;z-index:2}.tab-header:before{background:linear-gradient(90deg,rgba(45,204,211,.8),transparent);bottom:32px;left:0;opacity:0;position:fixed;top:128px}.tab-header:after{background:linear-gradient(270deg,rgba(45,204,211,.8),transparent);bottom:32px;opacity:1;position:fixed;right:0;top:128px}.tab-header.scrolled-left:before,.tab-header.scrolled-right:after{opacity:1}.tab-header.no-scroll:after{opacity:0}.tab-button{align-items:center;background:none;border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:500;min-height:44px;min-width:fit-content;outline:none;padding:12px 20px;position:relative;transition:all .3s ease;white-space:nowrap}.tab-button:hover{color:#ffffffbf;transform:translateY(-1px)}.tab-button:after{background-color:#fff;border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.tab-button.active:after,.tab-button:focus:after{width:60%}.tab-button.active{background-color:hsla(0,0%,100%,0)}.tab-content-container{min-height:300px;overflow:hidden;padding-top:1rem;position:relative}.swipe-hint{animation:swipeHint 4s ease-in-out 2s;background:rgba(0,0,0,.1);border-radius:12px;color:hsla(0,0%,100%,.7);font-size:12px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;right:10px;top:10px;z-index:1}@keyframes swipeHint{0%,20%{opacity:0;transform:translateX(10px)}30%,70%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}.tab-content{display:none;transition:all .3s ease-in-out}.tab-content.active{display:block}.tab-progress{display:none;gap:8px;justify-content:center;margin-top:8px;padding:16px 0 8px}.tab-progress-dot{background:hsla(0,0%,100%,.3);border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.tab-progress-dot.active{background:#fff;transform:scale(1.3)}.tab-progress-dot:hover{background:hsla(0,0%,100%,.6)}@media (max-width:768px){.tabContentLayout{align-content:flex-start;align-items:flex-start;flex-direction:column;justify-content:flex-start}.tabImage{width:100%}.tabImage img,.tabText{padding:16px;width:100%}.tab-button{font-size:16px;min-height:44px;padding:12px 16px}.tabSection{border-radius:16px;margin:0;max-width:100%;padding:16px 0 0}.tab-header{padding-left:1rem;padding-right:.5rem}.tab-button:last-child{margin-right:1rem}.tab-progress{display:flex}.swipe-hint{display:block}.tab-content-container.swiping{opacity:.9;transform:scale(.98)}}@media (min-width:769px){.swipe-hint{display:none}}.tab-content.loading{opacity:.5;pointer-events:none}.demo-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.demo-content h3{color:#2dccd3;margin-top:0}.demo-content p{margin-bottom:1rem}