.tabs{--tabs-gap: 8px;--tabs-radius: 12px;--tabs-border: 1px solid rgba(0, 0, 0, .15);--tabs-bg: var(--white, #fff);--tabs-muted: rgba(0, 0, 0, .7);--tabs-active: rgba(0, 0, 0, .92);--tabs-tab-pad-y: 10px;--tabs-tab-pad-x: 14px;--tabs-pane-radius: 14px;--tabs-pane-pad: 16px;--tabs-nav-gap: 10px;--tabs-pane-bg: rgba(64, 144, 205, .06);display:grid;gap:12px}.tabs__nav{display:flex;flex-wrap:wrap;gap:var(--tabs-gap);align-items:center}.tabs__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--tabs-bg);border:var(--tabs-border);border-radius:var(--tabs-radius);font:inherit;color:var(--tabs-muted);font-weight:600;line-height:1.1;cursor:pointer;padding:var(--tabs-tab-pad-y) var(--tabs-tab-pad-x);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:var(--transition-background-color-04s),var(--transition-color-04s),var(--transition-border-color-04s),box-shadow .2s ease,transform .06s ease}.tabs__tab:active{transform:translateY(1px)}.tabs__tab[aria-selected=true]{color:var(--tabs-active);border-color:#e99002;box-shadow:0 0 0 2px #e990022e}.tabs__tab:focus{outline:none}.tabs__tab:focus-visible{box-shadow:0 0 0 4px #4090cd40}.tabs__tab[aria-selected=true]{color:var(--tabs-active)}.tabs__panes{margin-top:var(--tabs-nav-gap);border:var(--tabs-border);border-radius:var(--tabs-pane-radius);background:var(--tabs-pane-bg);padding:var(--tabs-pane-pad)}.tabs__pane[hidden]{display:none}.tabs__content>:first-child{margin-top:0}.tabs__content>:last-child{margin-bottom:0}.tabs--h-left .tabs__nav{justify-content:flex-start}.tabs--h-center .tabs__nav{justify-content:center}.tabs--h-right .tabs__nav{justify-content:flex-end}.tabs--boxed .tabs__nav{gap:0}.tabs--boxed .tabs__tab{border-radius:0;margin:0}.tabs--boxed .tabs__tab+.tabs__tab{margin-left:-1px}.tabs--boxed .tabs__tab:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.tabs--boxed .tabs__tab:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.tabs--v-left,.tabs--v-right{grid-template-columns:minmax(180px,260px) 1fr;align-items:start}.tabs--v-left .tabs__nav,.tabs--v-right .tabs__nav{flex-direction:column;flex-wrap:nowrap;align-items:stretch}.tabs--v-right{grid-template-columns:1fr minmax(180px,260px)}.tabs--v-right .tabs__nav{order:2}.tabs--v-right .tabs__panes{order:1}
