@layer cn-blocks{.cn-tabs__wrap{display:grid;gap:28px;text-align:start}.cn-tabs__list{display:none}.is-tabs .cn-tabs__list{display:flex;flex-wrap:wrap;gap:4px;border-block-end:1px solid var(--t-border)}.is-tabs .cn-tabs__nojs{display:none}.cn-tabs__panels{display:grid;gap:40px}.cn-tabs__nojs{font-size:var(--cn-fs-h4);margin-block-end:12px}.cn-tabs__tab{padding:12px 18px;border:0;border-block-end:2px solid transparent;margin-block-end:-1px;background:none;color:var(--t-muted);font:inherit;font-weight:600;cursor:pointer}.cn-tabs__tab:hover{color:var(--t-heading)}.cn-tabs__tab[aria-selected="true"]{color:var(--t-heading);border-block-end-color:var(--t-link)}.cn-tabs__panel:focus-visible{outline:2px solid var(--t-focus);outline-offset:4px;border-radius:4px}.cn-tabs__copy{display:grid;gap:14px;justify-items:start}.cn-tabs__title{font-family:var(--cn-f-heading);font-weight:var(--cn-fw-heading);font-size:var(--cn-fs-h3);color:var(--t-heading)}.cn-tabs__body{max-inline-size:48rem}.cn-tabs__wrap--pills .cn-tabs__list{border:0;gap:8px;justify-content:center}.cn-tabs__wrap--pills .cn-tabs__tab{border:1px solid var(--t-border);border-radius:var(--cn-r-pill);margin:0;padding:10px 20px}.cn-tabs__wrap--pills .cn-tabs__tab[aria-selected="true"]{background:var(--t-btn-bg);border-color:var(--t-btn-bg);color:var(--t-btn-fg)}@container cn-b (min-width:56rem){.is-tabs .cn-tabs__wrap--vertical{grid-template-columns:16rem minmax(0,1fr);gap:48px;align-items:start}.cn-tabs__wrap--vertical .cn-tabs__list{flex-direction:column;border-block-end:0;border-inline-start:1px solid var(--t-border)}.cn-tabs__wrap--vertical .cn-tabs__tab{text-align:start;border-block-end:0;border-inline-start:2px solid transparent;margin:0 0 0 -1px}.cn-tabs__wrap--vertical .cn-tabs__tab[aria-selected="true"]{border-inline-start-color:var(--t-link);background:var(--t-hover)}}}