@import"https://unpkg.com/open-props@1.4.2/open-props.min.css";@import"https://unpkg.com/open-props@1.4.2/normalize.min.css";#app{padding:var(--size-6);max-width:960px;margin:auto}section{margin:var(--size-8) 0}p{max-inline-size:initial}.tabs{--tab-icon-offset-width: 0;--tab-transition-duration-ms: 250;--header-padding-x: var(--size-4);--tab-padding-x: var(--size-4);--tab-padding-y: var(--size-3);--tab-icon-gap: var(--size-2);--tab-icon-size: var(--size-4);--indicator-size: var(--border-size-2)}.tabs--show-icon{--tab-icon-offset-width: calc(var(--tab-icon-size) + var(--tab-icon-gap))}.tabs__header{position:relative;overflow-x:auto;overscroll-behavior-x:contain;display:flex;border-bottom:var(--border-size-1) solid var(--surface-4);user-select:none;scrollbar-width:none;-ms-overflow-style:none}.tabs__header::-webkit-scrollbar{display:none}.tabs__header-padding-left,.tabs__header-padding-right{flex:0 0 auto;height:1px}.tabs__header-padding-left{width:var(--header-padding-x)}.tabs__header-padding-right{width:calc(var(--header-padding-x) + var(--tab-icon-offset-width))}.tabs__tab-list{flex:0 0 auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,auto);justify-content:left;padding:0}.tabs__tab{text-decoration:none;padding:var(--tab-padding-y) var(--tab-padding-x);color:var(--text-1);cursor:pointer;position:relative;margin:0}@media (prefers-reduced-motion: no-preference){.tabs__tab{transition-property:transform,color;transition-timing-function:ease-out;transition-duration:calc(1ms * var(--tab-transition-duration-ms))}}.tabs__tab--active{color:var(--link)}.tabs__tab:focus{outline:none}.tabs__tab:focus-visible{text-decoration:underline}.tabs--show-icon .tabs__tab--active,.tabs--show-icon .tabs__tab--active~.tabs__tab{transform:translate(var(--tab-icon-offset-width))}.tabs__tab-icon{position:absolute;box-sizing:content-box;font-size:var(--tab-icon-size);width:var(--tab-icon-size);top:0;left:calc(-1 * var(--tab-icon-offset-width));height:100%;display:flex;align-items:center;padding-left:var(--tab-padding-x);transform-origin:right center;transform:scale(0)}@media (prefers-reduced-motion: no-preference){.tabs__tab-icon{transition:transform calc(1ms * var(--tab-transition-duration-ms)) ease-out}}.tabs__tab--active>.tabs__tab-icon{transform:scale(1)}@media (prefers-reduced-motion: no-preference){.tabs__tab--active>.tabs__tab-icon{will-change:transform}}.tabs__indicator{height:var(--indicator-size);width:1px;background-color:var(--link);position:absolute;bottom:0;left:0;transform-origin:left center;transform:scaleX(var(--indicator-width)) translate(calc(1px * var(--indicator-offset) / var(--indicator-width)))}@media (prefers-reduced-motion: no-preference){.tabs__indicator{transition-property:transform;transition-duration:calc(1ms * var(--tab-transition-duration-ms));transition-timing-function:ease-out;will-change:transform}}.tabs--has-content{display:grid;grid-template-areas:"header" "content";grid-template-rows:auto minmax(0,1fr);height:100%}.tabs--has-content>.tabs__header{grid-area:header}.tabs__content{grid-area:content;overflow-y:auto;display:none}.tabs__content--active{display:block}.tab-content-container{padding:var(--size-4)}