.wc-component__tabs { .wc-component__tab-list { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; > .wc-component__tab-item { border: none; flex: auto; background: transparent; padding: $gap-small $gap; color: $black; outline-offset: -1px; text-align: center; transition: box-shadow 0.1s linear; &.is-active { box-shadow: inset 0 -3px $black; font-weight: 600; position: relative; } &:focus { color: $black; outline-offset: -1px; outline: 1px dotted $gray-60; } .wc-component__tab-item-content { width: fit-content; display: inline-block; } } } .wc-component__tab-content { padding: $gap; } }