:root{--orange: hsl(27, 100%, 61%)}.tabs{width:100%}.tabs[data-orientation=vertical]{display:flex}.tabs__list{position:relative;display:flex}.tabs__list[data-orientation=horizontal]{align-items:center;border-bottom:1px solid hsl(240 5% 84%)}.tabs__list[data-orientation=vertical]{flex-direction:column;align-items:stretch;border-right:1px solid hsl(240 5% 84%)}.tabs__indicator{position:absolute;background-color:var(--orange);transition:all .25s}.tabs__indicator[data-orientation=horizontal]{bottom:-1px;height:2px}.tabs__indicator[data-orientation=vertical]{right:-1px;width:2px}.tabs__trigger{display:inline-block;padding:8px 16px;outline:none}.tabs__trigger:hover{background-color:var(--color-gbn-orange);color:#303041;cursor:pointer}.tabs__trigger:focus-visible{background-color:#f4f4f5}.tabs__trigger[data-disabled],.tabs__trigger[data-disabled]:hover{opacity:.5;background-color:transparent}.tabs__content{padding:16px}