.tabs{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem 2rem}.tabs--compact{justify-content:center;column-gap:0}.tabs__title{flex:0 0 auto;text-transform:uppercase;font-size:.6875rem;order:0;font-weight:500;letter-spacing:.12em;transition:var(--transition-1);cursor:pointer;padding-bottom:.25rem;border:1px solid transparent;border-bottom-color:transparent;background:transparent;font-family:inherit;color:inherit}button.tabs__title{-webkit-appearance:none;appearance:none}.tabs__title[aria-selected=true],input:checked+.tabs__title{border-bottom-color:var(--color-1)}.tabs__title--compact{font-weight:600;padding:.5rem 2.5rem;border:1px solid var(--color-1)}.tabs__title--compact[aria-selected=true],input:checked+.tabs__title--compact{background-color:var(--color-1);color:#fff}.tabs__content{width:100%;flex:0 0 100%;order:2;display:none}.tabs__content[role=tabpanel]:not([hidden]),input:checked+label+.tabs__content{display:block}