@layer components{.tabs{display:block}.tabs>input[type=radio]{position:absolute;opacity:0;pointer-events:none}.tabs-bar{display:flex;border-bottom:1px solid var(--border-muted);margin-bottom:var(--space-5)}.tabs-bar>label{flex:1;text-align:center;padding:var(--space-2)var(--space-3);margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--fg-muted);cursor:pointer;font-weight:var(--weight-medium);transition:color var(--duration-fast)var(--easing-out),border-bottom-color var(--duration-fast)var(--easing-out)}.tabs-bar>label:hover{color:var(--fg)}.tabs>input:nth-of-type(1):checked~.tabs-bar>label:nth-of-type(1),.tabs>input:nth-of-type(2):checked~.tabs-bar>label:nth-of-type(2),.tabs>input:nth-of-type(3):checked~.tabs-bar>label:nth-of-type(3),.tabs>input:nth-of-type(4):checked~.tabs-bar>label:nth-of-type(4){color:var(--fg);border-bottom-color:var(--accent)}.tabs>input:nth-of-type(1):focus-visible~.tabs-bar>label:nth-of-type(1),.tabs>input:nth-of-type(2):focus-visible~.tabs-bar>label:nth-of-type(2),.tabs>input:nth-of-type(3):focus-visible~.tabs-bar>label:nth-of-type(3),.tabs>input:nth-of-type(4):focus-visible~.tabs-bar>label:nth-of-type(4){outline:2px solid var(--accent);outline-offset:-2px}.tabs>.tab-panel{display:none}.tabs>input:nth-of-type(1):checked~.tab-panel:nth-of-type(1),.tabs>input:nth-of-type(2):checked~.tab-panel:nth-of-type(2),.tabs>input:nth-of-type(3):checked~.tab-panel:nth-of-type(3),.tabs>input:nth-of-type(4):checked~.tab-panel:nth-of-type(4){display:block}}