.dp-tabs{display:flex;flex-direction:column;width:100%}.dp-tabs__list{--dp-tabs-h:2.5rem;display:flex;align-items:stretch;gap:var(--cds-spacing-05);border-block-end:1px solid var(--cds-border-subtle)}.dp-tabs__list--sm{--dp-tabs-h:2rem}.dp-tabs__list--md{--dp-tabs-h:2.5rem}.dp-tabs__list--lg{--dp-tabs-h:3rem}.dp-tabs__tab{display:flex;align-items:center;gap:var(--cds-spacing-03);height:var(--dp-tabs-h);min-height:var(--dp-tabs-h);margin-block-end:-1px;padding-inline:var(--cds-spacing-03);border:none;border-block-end:2px solid transparent;border-radius:0;background:transparent;color:var(--cds-text-secondary);font-size:var(--font-ui-size);font-weight:400;cursor:pointer;outline:none}.dp-tabs__tab-icon{flex:none;color:inherit}.dp-tabs__tab-label{white-space:nowrap}.dp-tabs__list--line .dp-tabs__tab:hover:not(:disabled):not([aria-selected=true]){border-block-end-color:var(--cds-border-strong);color:var(--text)}.dp-tabs__list--line .dp-tabs__tab[aria-selected=true]{border-block-end-color:var(--text);color:var(--text);font-weight:500}.dp-tabs__list--contained{border-block-end:none;gap:var(--cds-spacing-01);padding:var(--cds-spacing-01);background:var(--cds-layer);border-radius:var(--radius-md);width:-moz-fit-content;width:fit-content}.dp-tabs__list--contained .dp-tabs__tab{border-block-end:none;border-radius:var(--radius-sm);padding-inline:var(--cds-spacing-05)}.dp-tabs__list--contained .dp-tabs__tab:hover:not(:disabled):not([aria-selected=true]){background:var(--cds-layer-hover);color:var(--text)}.dp-tabs__list--contained .dp-tabs__tab[aria-selected=true]{background:var(--cds-layer-selected);color:var(--text);font-weight:500}.dp-tabs__tab:focus-visible{z-index:1;outline:none;box-shadow:inset 0 0 0 2px var(--cds-focus),inset 0 0 0 3px var(--cds-focus-inset)}.dp-tabs__tab:disabled{border-block-end-color:var(--cds-border-subtle);color:var(--cds-text-disabled);cursor:not-allowed}.dp-tabs__panel{padding-block-start:var(--cds-spacing-05)}.dp-tabs__panel[hidden]{display:none}@media (pointer:coarse){.dp-tabs__tab{min-height:var(--control-height-touch)}}@media (max-width:767px){.dp-tabs__tab{min-height:var(--control-height-touch)}}