@layer component{.m-tab-content{flex-shrink:0;display:none;width:100%}.m-tab-content.active{display:block}.m-tab-header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}.m-tab-content-wrapper{display:flex;flex-wrap:nowrap;overflow:hidden;padding:var(--space-10);gap:var(--space-10)}.m-tab-header{display:inline-flex;align-items:center;justify-content:center;flex-grow:1;height:54px;padding:var(--space-3) var(--space-10);max-width:300px;text-align:center;position:relative;z-index:0;cursor:pointer;font-weight:700;font-size:13px;letter-spacing:.9px;text-transform:uppercase;color:var(--color-white);border-radius:var(--border-radius);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(var(--color-white-rgb),.1);transition:all .2s ease-in-out;-webkit-font-smoothing:antialiased}.m-tab-header:before{content:"";position:absolute;z-index:-1;inset:0;padding:1px;border-radius:var(--border-radius);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:var(--color-light-blue)}.m-tab-header.active{background:linear-gradient(to right,var(--gradiant-start-color) 0,var(--gradiant-end-color) 100%)}.m-tab-header.active:after{content:"";position:absolute;bottom:0;transform:translateY(calc(100% + 24px));z-index:1;background:url(/images/triangle.svg) no-repeat;display:block;width:29px;height:18px}}