tabs-container,tab-buttons,tab-item{display:block}tab-buttons{color:var(--color);display:flex;flex-wrap:wrap;gap:.2em;margin:-0.8rem}tab-buttons>*{margin:.8rem}tab-button{cursor:pointer;padding:calc(1em + 1px) calc(.7em + 1px);border:1px solid var(--color-primary);min-width:8.7rem;transition:.2s}tab-button[opened]{font-weight:bold;border:2px solid var(--color-accent);padding:1em .7em}tab-button[opened]:hover{background-color:var(--color-accent)}tab-button:hover{background-color:var(--color-primary);color:var(--color-tertiary)}tab-item:not([opened]){display:none}tab-item[opened]{opacity:1;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}