.tabs{width:100%;display:flex;flex-direction:column;height:100%}.tabs-header{display:flex;width:100%}.tabs-header button{flex:1;text-align:center;padding:calc(var(--spacing) * 4);cursor:pointer;font-weight:800;white-space:nowrap;border-radius:var(--radius-md)var(--radius-md)0 0;color:var(--color-card-title);transition:background-color var(--transition-speed)ease-in-out;border-bottom:1px solid var(--color-card-border);font-size:var(--text-lg)}.tabs-header button:hover{background-color:var(--color-card-background-alt-hover)}.tabs-header button.tab-active{color:var(--color-card-title-alt);background-color:var(--color-card-background-alt);border:1px solid var(--color-card-border-alt);border-bottom:none}.tabs-body{flex:auto;display:flex;flex-direction:column}.tab-panel{display:none;min-height:200px;flex:auto;overflow-y:auto;flex-direction:column;padding:calc(var(--spacing) * 8);border-radius:0 0 var(--radius-md)var(--radius-md);border:1px solid var(--color-card-border);border-top:none;transition:background-color var(--transition-speed)ease-in-out}.tab-panel+.tab-panel{display:none}.tab-panel.tab-active{display:flex!important;background-color:var(--color-card-background)}.tab-panel-mobile-title{display:none}.tab-panel-content{flex:auto;display:flex;flex-direction:column;justify-content:center;color:var(--color-card-body);font-size:var(--text-lg)}.tab-active .tab-panel-content{animation:tabFadeSlide var(--transition-speed)ease-in-out}@keyframes tabFadeSlide{0%{opacity:0}100%{opacity:1}}@media(max-width:1080px){.tabs-header button{white-space:wrap}}@media(max-width:852px){.tabs-header{display:none}.tab-panel{display:block!important;border-radius:var(--radius-md);margin-bottom:1rem;background-color:inherit;border:none;padding:0;transition:none}.tab-panel.tab-active{background-color:inherit}.tab-active .tab-panel-content{animation:none}.tab-panel-mobile-title{display:block;font-weight:800;font-size:var(--text-xl);color:var(--color-card-title-alt);background-color:var(--color-card-background-alt);border-radius:var(--radius-md)var(--radius-md)0 0;padding:calc(var(--spacing) * 2)calc(var(--spacing) * 4)}.tab-panel-content .tab-panel-body{background-color:var(--color-card-background);border-radius:0 0 var(--radius-md)var(--radius-md);border:1px solid var(--color-card-border);border-top:none;padding:calc(var(--spacing) * 2)calc(var(--spacing) * 4)}}