.tabs{display:flex;flex-direction:column;width:100%}.tabs__titles{border-bottom:1px solid var(--tabs-titles-border-color);display:flex;flex-wrap:wrap;gap:var(--tabs-titles-gap);padding:var(--tabs-titles-padding)}.tabs__title{background:var(--tabs-title-bg);border:var(--tabs-title-border-width) solid var(--tabs-title-border-color);border-radius:var(--tabs-title-border-radius);color:var(--tabs-title-color,var(--text-mid));cursor:pointer;font-size:var(--tabs-title-font-size,var(--text-regular));font-weight:var(--tabs-title-font-weight,var(--weight-medium));margin:0;padding:var(--tabs-title-padding);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.tabs__title.is-active,.tabs__title[aria-selected=true]{background:var(--tabs-title-active-bg);border-color:var(--tabs-title-active-border-color);color:var(--tabs-title-active-color)}.tabs__panels{padding-top:var(--tabs-gap)}.tabs--box{--tabs-titles-border-color:#0000}.tabs--minimal{--tabs-title-active-bg:var(--tabs-title-bg);--tabs-title-border-radius:0;--tabs-title-border-width:2px;--tabs-titles-gap:0;--tabs-titles-padding:0}.tabs--minimal .tabs__title{border-width:0;flex:1;position:relative}.tabs--minimal .tabs__title:before{border-bottom:var(--tabs-title-border-width) solid var(--tabs-title-active-border-color);bottom:-1px;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;transition:all .5s;width:30%}.tabs--minimal .tabs__title.is-active,.tabs--minimal .tabs__title[aria-selected=true]{--tabs-title-color:var(--tabs-title-active-color)}.tabs--minimal .tabs__title.is-active:before,.tabs--minimal .tabs__title[aria-selected=true]:before{opacity:1;width:100%}.tab-item{display:none}.tab-item.is-active,.tab-item[aria-hidden=false]{display:block}