@layer components{.ptabs-nav{max-width:100%}.ptabs{--n:2;--i:0;--pt-h:44px;--pt-pad:4px;max-width:100%;height:var(--pt-h);padding:var(--pt-pad);border-radius:var(--radius-pill);background:var(--color-surface-2);box-shadow:var(--shadow-well);isolation:isolate;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:inline-grid;position:relative}.ptabs[data-size=sm]{--pt-h:40px}.ptabs-thumb{z-index:-1;inset-block:var(--pt-pad);left:var(--pt-pad);width:calc((100% - 2 * var(--pt-pad)) / var(--n));border-radius:var(--radius-pill);translate:calc(var(--i) * 100%) 0;transition:translate var(--spring-snappy);pointer-events:none;background:radial-gradient(60% 100% at 50% 0,#2b3036,#1a1d21);position:absolute;box-shadow:inset 0 1px #ffffff24,0 0 0 1px #c6ff3d80,0 6px 16px -6px #000c}.ptabs[data-none] .ptabs-thumb{opacity:0}.ptabs-thumb:after{content:"";background:radial-gradient(closest-side,#c6ff3d3d,#0000);border-radius:50%;height:12px;position:absolute;bottom:-6px;left:20%;right:20%}.ptabs-opt{border-radius:var(--radius-pill);white-space:nowrap;min-width:0;color:var(--color-text-3);transition:color var(--dur-ui) var(--ease-out);transition-delay:calc(var(--dur-press) * .4);justify-content:center;align-items:center;padding-inline:16px;font-size:14px;font-weight:500;line-height:1;display:inline-flex;position:relative}.ptabs[data-size=sm] .ptabs-opt{padding-inline:14px;font-size:13px}.ptabs-opt[data-on]{color:var(--color-text-1)}@media (hover:hover) and (pointer:fine){.ptabs-opt:not([data-on]):hover{color:var(--color-text-2)}}.ptabs-opt:focus-visible{outline-offset:-2px}.ptabs-opt:before{content:"";position:absolute;inset:-2px 0}}