.pxl-tabs.svelte-1q55f5a{--pxl-tab-transition-duration: .3s;--pxl-tab-transition-easing: ease;--pxl-tab-hover-transition: .2s;--pxl-tab-space-items: 0px;--pxl-tab-title-color: #333333;--pxl-tab-title-color-active: var(--pxl-primary, #8bc34a);--pxl-tab-title-color-hover: var(--pxl-primary, #8bc34a);--pxl-tab-content-color: #333333;--pxl-tab-border-title: var(--pxl-primary, #8bc34a);--pxl-tab-background-active: var(--pxl-primary, #8bc34a);--pxl-tab-active-indicator: var(--pxl-primary, #8bc34a);--pxl-tab-active-indicator-height: 3px;width:var(--pxl-tabs-width, 100%);max-width:var(--pxl-tabs-max-width, 100%)}.pxl-tabs--inner.svelte-1q55f5a{display:flex;flex-direction:column;gap:2rem}.pxl-tabs1.svelte-1q55f5a .pxl-tabs--title:where(.svelte-1q55f5a){display:flex;gap:var(--pxl-tab-space-items);border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.pxl-tabs1.svelte-1q55f5a .pxl-tab--title:where(.svelte-1q55f5a){background:none;border:none;padding:1rem 0;margin-right:var(--pxl-tab-space-items);cursor:pointer;position:relative;font-size:var(--pxl-tab-title-font-size, 16px);font-weight:var(--pxl-tab-title-font-weight, 500);line-height:var(--pxl-tab-title-line-height, 1.5);color:var(--pxl-tab-title-color);transition:color var(--pxl-tab-hover-transition) var(--pxl-tab-transition-easing)}.pxl-tabs1.svelte-1q55f5a .pxl-tab--title:where(.svelte-1q55f5a):before,.pxl-tabs1.svelte-1q55f5a .pxl-tab--title:where(.svelte-1q55f5a):after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:var(--pxl-tab-active-indicator-height);background-color:var(--pxl-tab-border-title);transform:scaleX(0);transition:transform var(--pxl-tab-transition-duration) var(--pxl-tab-transition-easing)}.pxl-tabs1.svelte-1q55f5a .pxl-tab--title:where(.svelte-1q55f5a):hover{color:var(--pxl-tab-title-color-hover)}.pxl-tabs1.svelte-1q55f5a .pxl-tab--title:where(.svelte-1q55f5a):hover:before{transform:scaleX(1)}.pxl-tabs1.svelte-1q55f5a .pxl-tab--title.active:where(.svelte-1q55f5a){color:var(--pxl-tab-title-color-active)}.pxl-tabs1.svelte-1q55f5a .pxl-tab--title.active:where(.svelte-1q55f5a):after{transform:scaleX(1)}.pxl-tabs2.svelte-1q55f5a .pxl-tabs--inner:where(.svelte-1q55f5a){flex-direction:row;align-items:flex-start}.pxl-tabs2.svelte-1q55f5a .pxl-tabs--title:where(.svelte-1q55f5a){display:flex;flex-direction:column;gap:var(--pxl-tab-space-items);margin-right:2rem;min-width:200px}.pxl-tabs2.svelte-1q55f5a .pxl-tab--title:where(.svelte-1q55f5a){background:none;border:1px solid transparent;padding:1rem;cursor:pointer;position:relative;font-size:var(--pxl-tab-title-font-size, 16px);font-weight:var(--pxl-tab-title-font-weight, 500);line-height:var(--pxl-tab-title-line-height, 1.5);color:var(--pxl-tab-title-color);transition:all var(--pxl-tab-hover-transition) var(--pxl-tab-transition-easing);border-radius:8px;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--pxl-tab-space-items)}.pxl-tabs2.svelte-1q55f5a .pxl-tab--title:where(.svelte-1q55f5a):before{content:"";position:absolute;inset:0;background:var(--pxl-tab-background-active);opacity:0;transition:opacity var(--pxl-tab-transition-duration) var(--pxl-tab-transition-easing);border-radius:inherit;z-index:-1}.pxl-tabs2.svelte-1q55f5a .pxl-tab--title:where(.svelte-1q55f5a):hover{color:var(--pxl-tab-title-color-hover);border-color:var(--pxl-tab-border-title)}.pxl-tabs2.svelte-1q55f5a .pxl-tab--title.active:where(.svelte-1q55f5a){color:var(--pxl-tab-title-color-active)}.pxl-tabs2.svelte-1q55f5a .pxl-tab--title.active:where(.svelte-1q55f5a):before{opacity:.1}.pxl-tabs2.svelte-1q55f5a .pxl-tab--icon:where(.svelte-1q55f5a){margin-left:.5rem;color:var(--pxl-tab-icon-color, inherit);transition:color var(--pxl-tab-hover-transition) var(--pxl-tab-transition-easing)}.pxl-tabs2.svelte-1q55f5a .pxl-tab--title:where(.svelte-1q55f5a):hover .pxl-tab--icon:where(.svelte-1q55f5a){color:var(--pxl-tab-icon-color-hover, inherit)}.pxl-tabs2.svelte-1q55f5a .pxl-tab--title.active:where(.svelte-1q55f5a) .pxl-tab--icon:where(.svelte-1q55f5a){color:var(--pxl-tab-icon-color-active, inherit)}.pxl-tabs--content.svelte-1q55f5a{flex:1}.pxl-tab--content.svelte-1q55f5a{opacity:0;transition:opacity var(--pxl-tab-transition-duration) var(--pxl-tab-transition-easing)}.pxl-tab--content.active.svelte-1q55f5a{opacity:1}.pxl-content--inner.svelte-1q55f5a{padding:var(--pxl-tab-content-padding-top, 0) var(--pxl-tab-content-padding-right, 0) var(--pxl-tab-content-padding-bottom, 0) var(--pxl-tab-content-padding-left, 0);color:var(--pxl-tab-content-color);font-size:var(--pxl-tab-content-font-size, 14px);font-weight:var(--pxl-tab-content-font-weight, 400);line-height:var(--pxl-tab-content-line-height, 1.6)}.tab-effect-slide.svelte-1q55f5a .pxl-tab--content:where(.svelte-1q55f5a){overflow:hidden;transition:height var(--pxl-tab-transition-duration) var(--pxl-tab-transition-easing),opacity var(--pxl-tab-transition-duration) var(--pxl-tab-transition-easing)}.pxl-tab--title.svelte-1q55f5a:focus{outline:2px solid var(--pxl-tab-title-color-active);outline-offset:2px}.pxl-tab--content.svelte-1q55f5a:focus{outline:2px solid var(--pxl-tab-title-color-active);outline-offset:-2px}.animate-fadeIn.svelte-1q55f5a{animation:svelte-1q55f5a-pxlFadeIn .6s ease-out forwards}.animate-slideUp.svelte-1q55f5a{animation:svelte-1q55f5a-pxlSlideUp .6s ease-out forwards}.animate-slideDown.svelte-1q55f5a{animation:svelte-1q55f5a-pxlSlideDown .6s ease-out forwards}@keyframes svelte-1q55f5a-pxlFadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1q55f5a-pxlSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1q55f5a-pxlSlideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.pxl-tabs2.svelte-1q55f5a .pxl-tabs--inner:where(.svelte-1q55f5a){flex-direction:column}.pxl-tabs2.svelte-1q55f5a .pxl-tabs--title:where(.svelte-1q55f5a){flex-direction:row;margin-right:0;margin-bottom:1rem;min-width:auto;flex-wrap:wrap}.pxl-tabs1.svelte-1q55f5a .pxl-tabs--title:where(.svelte-1q55f5a){flex-wrap:wrap;gap:.5rem}.pxl-tabs1.svelte-1q55f5a .pxl-tab--title:where(.svelte-1q55f5a){margin-right:.5rem;font-size:var(--pxl-tab-mobile-title-font-size, 14px)}.pxl-content--inner.svelte-1q55f5a{font-size:var(--pxl-tab-mobile-content-font-size, 13px)}}