.tab-container{display:flex;flex-direction:column;width:100%;height:max-content;position:relative}.tabs{display:flex;margin-bottom:var(--sl-spacing-small);border-bottom:1px solid var(--sl-color-neutral-200)}.tab{flex:1;padding:1rem;background:0 0;border:none;cursor:pointer;font-size:1rem;transition:background .3s,color .3s}.tab:hover{background:#f0f0f0}.tab.active{background:var(--sl-color-neutral-50);border-bottom:3px solid var(--sl-color-primary-600);color:var(--sl-color-primary-600);font-weight:700}.tab-contents{display:flex;overflow:auto}.tab-content{display:none;animation:fadeIn .4s ease}.tab-content.active{display:flex;flex-direction:column;overflow:auto;padding-bottom:calc(10 * var(--sl-spacing-large))}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.tab{font-size:.9rem;padding:.8rem}}