.nv-tabs-root{gap:inherit;width:100%;max-width:100%;overflow:hidden}.nv-tabs-content,.nv-tabs-root{flex-direction:column;display:flex}.nv-tabs-content{align-items:flex-start;gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*6);align-self:stretch}.nv-tabs-list{&:where(:not(.nv-internal-tabs-list--kind-unstyled)){align-items:center;gap:calc(var(--spacing)*2);flex-wrap:nowrap;width:100%;display:flex;position:relative;& .nv-tabs-trigger{cursor:pointer;gap:calc(var(--spacing)*2);font-size:var(--text-14);line-height:var(--leading-lh-100);color:var(--text-color-placeholder);flex-shrink:0;&:hover{color:var(--text-color-secondary)}&:active,&[data-state=active]{color:var(--text-color-primary)}&[data-state=active]{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}&:disabled,&[data-disabled]{cursor:not-allowed;color:var(--text-color-disabled);background-color:#0000;border-color:#0000}}& .nv-tabs-scroll-button{margin-bottom:calc(var(--spacing)*.5);height:calc(var(--spacing)*10);width:calc(var(--spacing)*10)}}&.nv-tabs-list--kind-primary{box-shadow:inset 0 -2px 0 0 var(--border-color-base);& .nv-tabs-scroll-button{margin-bottom:calc(var(--spacing)*1)}& .nv-tabs-scroll-container{white-space:nowrap;display:block}& .nv-tabs-scroll-shadow{height:40px}& .nv-tabs-trigger{height:calc(var(--spacing)*10);cursor:pointer;border-radius:0;border-radius:var(--radius-none);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1);border-left-color:#0000;border-bottom:var(--border-width-2) var(--tw-border-style) #0000;border-right-color:#0000;border-top-color:#0000;justify-content:center;align-items:center;display:inline-flex;&:disabled{cursor:not-allowed}&:where(:hover:not(:disabled)){border-bottom:var(--border-width-2) var(--tw-border-style) var(--border-color-interaction-hover)}&:where(:active,&[data-state=active]){border-bottom:var(--border-width-4) var(--tw-border-style) var(--border-color-interaction-selected);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}}}&.nv-tabs-list--kind-secondary{& .nv-tabs-scroll-container{gap:calc(var(--spacing)*2)}& .nv-tabs-scroll-container,& .nv-tabs-scroll-shadow{height:calc(var(--spacing)*8)}& .nv-tabs-trigger{border-radius:var(--radius-3xl);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1);&:where(:hover:not(:disabled)){background-color:var(--background-color-interaction-hover)}&:where(:active){background-color:var(--background-color-interaction-pressed)}&[data-state=active]{background-color:var(--background-color-interaction-hover)}}}&.nv-tabs-list--kind-tertiary{& .nv-tabs-scroll-container{gap:calc(var(--spacing)*2);height:22px}& .nv-tabs-scroll-shadow{height:22px;&:first-child{left:calc(var(--spacing)*8)}&:last-child{right:calc(var(--spacing)*8)}}& .nv-tabs-trigger{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1)}& .nv-tabs-trigger:has(>svg:only-child){padding:calc(var(--spacing)*1)}}}.nv-tabs-scroll-container{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;align-items:center;display:flex;position:relative;overflow-x:auto;&::-webkit-scrollbar{display:none}&.nv-tabs-scroll-container--fade-left{mask-image:var(--tw-mask-linear),var(--tw-mask-radial),var(--tw-mask-conic);--tw-mask-linear:var(--tw-mask-left),var(--tw-mask-right),var(--tw-mask-bottom),var(--tw-mask-top);--tw-mask-left:linear-gradient(to left,var(--tw-mask-left-from-color)var(--tw-mask-left-from-position),var(--tw-mask-left-to-color)var(--tw-mask-left-to-position));--tw-mask-left-from-position:95%;mask-composite:intersect}&.nv-tabs-scroll-container--fade-both,&.nv-tabs-scroll-container--fade-right{mask-image:var(--tw-mask-linear),var(--tw-mask-radial),var(--tw-mask-conic);--tw-mask-linear:var(--tw-mask-left),var(--tw-mask-right),var(--tw-mask-bottom),var(--tw-mask-top);--tw-mask-right:linear-gradient(to right,var(--tw-mask-right-from-color)var(--tw-mask-right-from-position),var(--tw-mask-right-to-color)var(--tw-mask-right-to-position));--tw-mask-right-from-position:95%;mask-composite:intersect}&.nv-tabs-scroll-container--fade-both{--tw-mask-left:linear-gradient(to left,var(--tw-mask-left-from-color)var(--tw-mask-left-from-position),var(--tw-mask-left-to-color)var(--tw-mask-left-to-position));--tw-mask-left-from-position:95%}}.nv-tabs-scroll-container-ellipses{padding-inline:calc(var(--spacing)*3);font-size:var(--text-14);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--text-color-primary)}