.tab{box-sizing:border-box;width:88px;height:51px;padding:var(--space-20);background:var(--color-gray-light);border-radius:var(--radius-10);font:var(--text-option);color:var(--color-black);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;display:flex}.tab--active{border-color:var(--color-blue)}.tab--two-line{justify-content:center;align-items:flex-start;gap:var(--space-15);text-align:left;flex-direction:column;width:auto;min-width:97px;height:75px}.tab__title{font:var(--text-option);color:var(--color-black)}.tab__comment{font:var(--text-small);color:var(--color-gray)}.tab--two-line .tab__title,.tab--two-line .tab__comment{white-space:nowrap}.tab--fluid{white-space:nowrap;width:auto}.tabs-select{position:relative}.tabs-select__trigger{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--space-10);width:100%;padding:var(--space-20) var(--space-10);background:var(--color-gray-light);border-radius:var(--radius-10);font:var(--text-option);color:var(--color-black);cursor:pointer;border:none;display:flex}.tabs-select__icon{transition:transform var(--transition-fast);flex-shrink:0}.tabs-select--open .tabs-select__icon{transform:rotate(180deg)}.tabs-select__list{gap:var(--space-10);margin-top:var(--space-10);flex-direction:column;display:flex}.tabs-select__list[hidden]{display:none}@media (width>=1200px){.tabs-select__trigger{display:none}.tabs-select__list,.tabs-select__list[hidden]{flex-flow:wrap;margin-top:0;display:flex}}