.tabs{flex-direction:column;min-height:100%;display:flex}.tab-buttons{align-items:flex-end;gap:24px;margin-bottom:2rem;display:flex;position:relative}.tab-buttons--sticky{z-index:10;background:#fff;position:sticky;top:0}.tab-buttons:after{content:"";background:0 0;border-radius:100px;height:1px;position:absolute;inset:auto 0 0}.tab-buttons__indicator{background-color:var(--foreground);pointer-events:none;z-index:1;border-radius:100px;height:2px;transition:transform .3s,width .3s;position:absolute;bottom:0;left:0}.tab-buttons__indicator--hidden{display:none}.tab-button{outline:none;justify-content:center;align-items:center;gap:8px;padding-block:10px 12px;display:flex;position:relative}.tab-button svg path{stroke:var(--text-secondary)}.tab-button__label{color:var(--muted-foreground);font-size:1rem;font-weight:500;line-height:.9rem;transition:color .3s}.tab-button:hover svg path{stroke:#000}.tab-button:hover .tab-button__label{color:var(--foreground)}.tab-button .tab-button__notification{background:var(--destructive);border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;right:-8px}.tab-button.active-tab svg path{stroke:#000}.tab-button.active-tab .tab-button__label{color:var(--foreground);font-weight:600}.tab-content__wrapper{flex:1;width:100%;position:relative}.tab-content{width:inherit;display:none}.tab-content.active-tab__content{height:100%;display:block;position:relative}@keyframes fade{0%{opacity:0}to{opacity:1}}