.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-bottom:1px solid transparent}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)}input:checked+.tabs__title--compact{background-color:var(--color-1);color:#fff}.tabs__content{width:100%;flex:0 0 100%;order:2;display:none}input:checked+label+.tabs__content{display:block}