@layer components{:root,[data-color-mode=light]{--al-tabs-border-color-active:#b6bfb8;--al-tabs-border-width-active:max(1px, .0625rem);--al-tabs-underline-color:#000;--al-tabs-accent-bg:#08872b}[data-color-mode=dark]{--al-tabs-border-color-active:#fff;--al-tabs-border-width-active:max(2px, .125rem);--al-tabs-underline-color:#fff;--al-tabs-accent-bg:#08872b}.al-tabs{--al-tabs-container-padding:var(--al-space-1);gap:var(--al-size-4);background-color:var(--al-color-canvas-subtle);border-radius:var(--al-radius-xl);padding:var(--al-tabs-container-padding);width:fit-content;min-height:var(--al-size-48);display:flex;position:relative}.al-tabs-container{display:grid}.al-tabs-container--align-center{justify-items:center}.al-tabs__controls{display:none}@media screen and (width<=48rem){.al-tabs-container{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.al-tabs-container--align-center{align-items:center}.al-tablist-wrapper{width:fit-content;max-width:100%;position:relative;overflow:hidden}.al-tabs{scrollbar-width:none;max-width:100%;overflow:auto hidden}.al-tabs::-webkit-scrollbar{display:none}.al-tabs__controls{width:100%;justify-content:space-between;align-items:center;margin-block-end:var(--al-size-12);display:flex}.al-tabs__indicators{justify-content:center;align-items:center;gap:var(--al-size-4);display:flex}.al-tabs__indicator{width:var(--al-size-6);height:var(--al-size-6);border-radius:var(--al-radius-pill);background:var(--al-color-text-muted);transition:width var(--al-duration-base) var(--al-ease-decelerate)}.al-tabs__indicator--active{width:var(--al-size-24);background:var(--al-color-text)}.al-tabs__control{width:var(--al-size-24);height:var(--al-size-24);color:var(--al-color-text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.al-tabs__control-icon{display:block}.al-tablist-wrapper:after{content:"";z-index:2;pointer-events:none;top:var(--al-size-2);right:var(--al-tabs-border-width-active);bottom:var(--al-size-2);width:var(--al-size-48);background:linear-gradient(to left, var(--al-color-canvas) 30%, transparent);opacity:calc(var(--al-tabs-has-overflow,0) * var(--al-tabs-can-scroll-right,0));position:absolute}.al-tabs-container[data-ready] .al-tablist-wrapper:after{transition:opacity var(--al-duration-base) var(--al-ease-decelerate), visibility var(--al-duration-base) var(--al-ease-decelerate)}.al-tablist-wrapper--default:after{border-radius:var(--al-radius-pill)}}.al-tabs--default{border:var(--al-tabs-border-width-active) solid var(--al-color-border);border-radius:var(--al-radius-pill)}.al-tabs__item{z-index:1;cursor:pointer;padding:var(--al-size-8) var(--al-size-16);border-radius:var(--al-radius-pill);white-space:nowrap;font-family:var(--al-font-sans);font-weight:400;font-size:var(--al-text-sm);line-height:var(--al-leading-normal);letter-spacing:.24px;color:var(--al-color-text);background:0 0;border:0;transition:color .3s ease-in-out;position:relative}@media screen and (width>=48rem){.al-tabs__item{padding-inline:var(--al-space-6)}}.al-tabs__slider{top:var(--al-size-4);bottom:var(--al-size-4);z-index:0;transform:translateX(var(--al-tabs-slider-x,0px));width:var(--al-tabs-slider-width);position:absolute}.al-tabs__slider--animate{transition:transform .3s var(--al-ease-decelerate), width .3s var(--al-ease-decelerate)}.al-tabs--default .al-tabs__slider{border-radius:var(--al-radius-pill);border:var(--al-border-thin) solid var(--al-tabs-border-color-active);background:linear-gradient(#ffffff1f 0%,#9999991f 100%)}.al-tabs__item:focus-visible{outline:var(--al-size-2) solid var(--al-color-focus);outline-offset:var(--al-size-2)}.al-tabs__item--active{color:var(--al-color-text)}.al-tabs__panel-container{margin-top:var(--al-size-16)}@media (prefers-reduced-motion:reduce){.al-tabs,.al-tabs *,.al-tabs__slider{transition:none!important;animation:none!important}}.al-tabs__panel{color:var(--al-color-text)}}