@layer arche.base;@layer arche.components{.arche-tabs{min-width:0}.arche-tabs__list[data-orientation=horizontal]{gap:var(--arche-spacing-5);margin:calc(-1 * var(--arche-spacing-1));padding:var(--arche-spacing-1);overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:calc(var(--arche-tabs-fade) + var(--arche-spacing-1));background:linear-gradient(var(--arche-color-border-subtle), var(--arche-color-border-subtle)) left var(--arche-spacing-1) bottom var(--arche-spacing-1) / calc(100% - 2 * var(--arche-spacing-1)) 1px no-repeat;display:flex;overflow-x:auto}.arche-tabs__list[data-orientation=horizontal]::-webkit-scrollbar{display:none}.arche-tabs__list{--arche-tabs-fade:var(--arche-spacing-8);--arche-tabs-fade-start:black;--arche-tabs-fade-end:black}.arche-tabs__list[data-orientation=horizontal][data-overflow-start]{--arche-tabs-fade-start:transparent}.arche-tabs__list[data-orientation=horizontal][data-overflow-end]{--arche-tabs-fade-end:transparent}.arche-tabs__list[data-orientation=horizontal]:is([data-overflow-start],[data-overflow-end]){-webkit-mask-image:linear-gradient(to right, var(--arche-tabs-fade-start), black var(--arche-tabs-fade), black calc(100% - var(--arche-tabs-fade)), var(--arche-tabs-fade-end));mask-image:linear-gradient(to right, var(--arche-tabs-fade-start), black var(--arche-tabs-fade), black calc(100% - var(--arche-tabs-fade)), var(--arche-tabs-fade-end))}.arche-tabs__list[data-orientation=horizontal]:is([data-overflow-start],[data-overflow-end]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){-webkit-mask-image:linear-gradient(to left, var(--arche-tabs-fade-start), black var(--arche-tabs-fade), black calc(100% - var(--arche-tabs-fade)), var(--arche-tabs-fade-end));mask-image:linear-gradient(to left, var(--arche-tabs-fade-start), black var(--arche-tabs-fade), black calc(100% - var(--arche-tabs-fade)), var(--arche-tabs-fade-end))}.arche-tabs__trigger{align-items:center;gap:var(--arche-spacing-2);border-radius:var(--arche-radius-md);color:var(--arche-color-text-muted);font-family:var(--arche-font-family-sans);font-size:var(--arche-font-size-sm);font-weight:var(--arche-font-weight-medium);text-align:start;white-space:nowrap;cursor:pointer;transition:color var(--arche-duration-fast) var(--arche-easing-standard);background:0 0;border:0;flex:none;margin:0;padding:.625rem 0;line-height:1.2;display:inline-flex;position:relative}.arche-tabs__trigger:hover:not([data-disabled]),.arche-tabs__trigger[aria-selected=true]{color:var(--arche-color-text-strong)}.arche-tabs__trigger[aria-selected=true]:after{content:"";background:var(--arche-color-selected);height:2px;box-shadow:var(--arche-glow-selected);position:absolute;inset:auto 0 0}.arche-tabs__trigger[data-disabled]{color:var(--arche-color-text-disabled);cursor:not-allowed}.arche-tabs__panel{border-radius:var(--arche-radius-md);padding-top:.875rem}.arche-tabs__panel[hidden]{display:none!important}.arche-tabs[data-orientation=vertical]{align-items:flex-start;gap:var(--arche-spacing-6);display:flex}.arche-tabs__list[data-orientation=vertical]{border-inline-end:1px solid var(--arche-color-border-subtle);flex-direction:column;flex:none;display:flex}.arche-tabs__trigger[data-orientation=vertical]{padding-block:var(--arche-spacing-2);padding-inline:0 var(--arche-spacing-5)}.arche-tabs__trigger[data-orientation=vertical][aria-selected=true]:after{width:2px;height:auto;inset-block:0;inset-inline:auto -1px}.arche-tabs__panel[data-orientation=vertical]{flex:1;min-width:0;padding-top:.375rem}@media (forced-colors:active){.arche-tabs__trigger[aria-selected=true]:after{forced-color-adjust:none;box-shadow:none;background:highlight}.arche-tabs__list[data-orientation=horizontal]{border-bottom:1px solid canvastext}.arche-tabs__trigger[data-disabled]{color:graytext}}}
