.code-tabs{display:flex}@media (max-width:639px){.code-tabs{flex-direction:column}}.code-tabs .code-tabs_nav{-webkit-user-select:none;-ms-user-select:none;user-select:none;width:33%;padding-block:calc(var(--s-space-10, (1 * calc((var(--s-spaces-max)  - var(--s-spaces-min)) * .01) * 10)  + var(--s-spaces-min))*var(--s-scale, 1));flex-grow:0;flex-shrink:0;position:relative}@media (max-width:639px){.code-tabs .code-tabs_nav{width:100%}}.code-tabs .code-tabs_tab{cursor:pointer;padding:calc(var(--s-space-4, (1 * calc((var(--s-spaces-max)  - var(--s-spaces-min)) * .01) * 4)  + var(--s-spaces-min))*var(--s-scale, 1)) calc(var(--s-space-10, (1 * calc((var(--s-spaces-max)  - var(--s-spaces-min)) * .01) * 10)  + var(--s-spaces-min))*var(--s-scale, 1)) calc(var(--s-space-4, (1 * calc((var(--s-spaces-max)  - var(--s-spaces-min)) * .01) * 4)  + var(--s-spaces-min))*var(--s-scale, 1)) calc(var(--s-space-10, (1 * calc((var(--s-spaces-max)  - var(--s-spaces-min)) * .01) * 10)  + var(--s-spaces-min))*var(--s-scale, 1));position:relative}.code-tabs .code-tabs_tab{transition-property:var(--s-transition-fast-property);transition-duration:var(--s-transition-fast-duration);transition-timing-function:var(--s-transition-fast-timing-function);transition-delay:var(--s-transition-fast-delay)}.code-tabs .code-tabs_tab{border-top-left-radius:var(--s-radius-default-top-left);border-top-right-radius:var(--s-radius-default-top-right);border-bottom-left-radius:var(--s-radius-default-bottom-left);border-bottom-right-radius:var(--s-radius-default-bottom-right)}.code-tabs .code-tabs_tab:before{content:"";z-index:1;opacity:.0001;pointer-events:none;background:linear-gradient(135deg,hsla(calc(var(--s-color-accent-h) + 0),calc(calc(calc(var(--s-color-accent-s) + 0) - 0)*1%),calc(calc(calc(var(--s-color-accent-l) + 0) - 0)*1%),1),hsla(calc(var(--s-color-accent-h) + 0),calc(calc(calc(var(--s-color-accent-s) + 0) - 0)*1%),calc(calc(calc(var(--s-color-accent-l) + 0) - 0)*1%),0) 40%) border-box;border:0 solid transparent;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0);mask-image:linear-gradient(#000 0,#000 0),linear-gradient(#000 0,#000 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.code-tabs .code-tabs_tab:before{border-top-left-radius:var(--s-radius-default-top-left);border-top-right-radius:var(--s-radius-default-top-right);border-bottom-left-radius:var(--s-radius-default-bottom-left);border-bottom-right-radius:var(--s-radius-default-bottom-right)}.code-tabs .code-tabs_tab:before{transition-property:var(--s-transition-default-property);transition-duration:var(--s-transition-default-duration);transition-timing-function:var(--s-transition-default-timing-function);transition-delay:var(--s-transition-default-delay)}.code-tabs .code-tabs_tab:after{content:"";z-index:-1;opacity:.0001;pointer-events:none;background:linear-gradient(270deg,hsla(var(--s-shade-surface-main-hue, var(--s-shade-surface-hue, calc(var(--s-color-main-h)  + var(--s-shade-surface-main-spin, var(--s-shade-surface-spin, 0))))),calc(var(--s-shade-surface-main-saturation, var(--s-shade-surface-saturation, calc(var(--s-color-main-s)  + var(--s-shade-surface-main-saturate, var(--s-shade-surface-saturate, 0))  - var(--s-shade-surface-main-desaturate, var(--s-shade-surface-desaturate, 0)))))*1%),calc(var(--s-shade-surface-main-lightness, var(--s-shade-surface-lightness, calc(var(--s-color-main-l)  + var(--s-shade-surface-main-lighten, var(--s-shade-surface-lighten, 0))  - var(--s-shade-surface-main-darken, var(--s-shade-surface-darken, 0)))))*1%),0),hsla(var(--s-shade-surface-main-hue, var(--s-shade-surface-hue, calc(var(--s-color-main-h)  + var(--s-shade-surface-main-spin, var(--s-shade-surface-spin, 0))))),calc(var(--s-shade-surface-main-saturation, var(--s-shade-surface-saturation, calc(var(--s-color-main-s)  + var(--s-shade-surface-main-saturate, var(--s-shade-surface-saturate, 0))  - var(--s-shade-surface-main-desaturate, var(--s-shade-surface-desaturate, 0)))))*1%),calc(var(--s-shade-surface-main-lightness, var(--s-shade-surface-lightness, calc(var(--s-color-main-l)  + var(--s-shade-surface-main-lighten, var(--s-shade-surface-lighten, 0))  - var(--s-shade-surface-main-darken, var(--s-shade-surface-darken, 0)))))*1%),1) 40%) border-box;border:0 solid transparent;width:100%;height:100%;position:absolute;top:0;left:0}.code-tabs .code-tabs_tab:after{border-top-left-radius:var(--s-radius-default-top-left);border-top-right-radius:var(--s-radius-default-top-right);border-bottom-left-radius:var(--s-radius-default-bottom-left);border-bottom-right-radius:var(--s-radius-default-bottom-right)}.code-tabs .code-tabs_tab:after{transition-property:var(--s-transition-default-property);transition-duration:var(--s-transition-default-duration);transition-timing-function:var(--s-transition-default-timing-function);transition-delay:var(--s-transition-default-delay)}.code-tabs .code-tabs_tab.-active{padding:calc(var(--s-space-10, (1 * calc((var(--s-spaces-max)  - var(--s-spaces-min)) * .01) * 10)  + var(--s-spaces-min))*var(--s-scale, 1)) calc(var(--s-space-10, (1 * calc((var(--s-spaces-max)  - var(--s-spaces-min)) * .01) * 10)  + var(--s-spaces-min))*var(--s-scale, 1)) calc(var(--s-space-10, (1 * calc((var(--s-spaces-max)  - var(--s-spaces-min)) * .01) * 10)  + var(--s-spaces-min))*var(--s-scale, 1)) calc(var(--s-space-10, (1 * calc((var(--s-spaces-max)  - var(--s-spaces-min)) * .01) * 10)  + var(--s-spaces-min))*var(--s-scale, 1))}.code-tabs .code-tabs_tab.-active:before{opacity:1;border-width:.0625rem}.code-tabs .code-tabs_tab.-active:after{opacity:1}.code-tabs .code-tabs_tab:has(+.-active){padding-bottom:calc(var(--s-space-10, (1 * calc((var(--s-spaces-max)  - var(--s-spaces-min)) * .01) * 10)  + var(--s-spaces-min))*var(--s-scale, 1))}.code-tabs .code-tabs_tab.-active+li{padding-top:calc(var(--s-space-10, (1 * calc((var(--s-spaces-max)  - var(--s-spaces-min)) * .01) * 10)  + var(--s-spaces-min))*var(--s-scale, 1))}.code-tabs .code-tabs_tab-title{margin-bottom:calc(var(--s-space-2, (1 * calc((var(--s-spaces-max)  - var(--s-spaces-min)) * .01) * 2)  + var(--s-spaces-min))*var(--s-scale, 1))}.code-tabs .code-tabs_tab:hover .code-tabs_tab-title{color:hsla(var(--s-shade-text-accent-hue, var(--s-shade-text-hue, calc(var(--s-color-accent-h)  + var(--s-shade-text-accent-spin, var(--s-shade-text-spin, 0))))),calc(var(--s-shade-text-accent-saturation, var(--s-shade-text-saturation, calc(var(--s-color-accent-s)  + var(--s-shade-text-accent-saturate, var(--s-shade-text-saturate, 0))  - var(--s-shade-text-accent-desaturate, var(--s-shade-text-desaturate, 0)))))*1%),calc(var(--s-shade-text-accent-lightness, var(--s-shade-text-lightness, calc(var(--s-color-accent-l)  + var(--s-shade-text-accent-lighten, var(--s-shade-text-lighten, 0))  - var(--s-shade-text-accent-darken, var(--s-shade-text-darken, 0)))))*1%),var(--s-shade-text-accent-alpha, var(--s-shade-text-alpha, var(--s-color-accent-a, 1))))}.code-tabs .code-tabs_tab:focus-within .code-tabs_tab-title{color:hsla(var(--s-shade-text-accent-hue, var(--s-shade-text-hue, calc(var(--s-color-accent-h)  + var(--s-shade-text-accent-spin, var(--s-shade-text-spin, 0))))),calc(var(--s-shade-text-accent-saturation, var(--s-shade-text-saturation, calc(var(--s-color-accent-s)  + var(--s-shade-text-accent-saturate, var(--s-shade-text-saturate, 0))  - var(--s-shade-text-accent-desaturate, var(--s-shade-text-desaturate, 0)))))*1%),calc(var(--s-shade-text-accent-lightness, var(--s-shade-text-lightness, calc(var(--s-color-accent-l)  + var(--s-shade-text-accent-lighten, var(--s-shade-text-lighten, 0))  - var(--s-shade-text-accent-darken, var(--s-shade-text-darken, 0)))))*1%),var(--s-shade-text-accent-alpha, var(--s-shade-text-alpha, var(--s-color-accent-a, 1))))}.code-tabs .code-tabs_tab.-active .code-tabs_tab-title{color:hsla(var(--s-shade-text-accent-hue, var(--s-shade-text-hue, calc(var(--s-color-accent-h)  + var(--s-shade-text-accent-spin, var(--s-shade-text-spin, 0))))),calc(var(--s-shade-text-accent-saturation, var(--s-shade-text-saturation, calc(var(--s-color-accent-s)  + var(--s-shade-text-accent-saturate, var(--s-shade-text-saturate, 0))  - var(--s-shade-text-accent-desaturate, var(--s-shade-text-desaturate, 0)))))*1%),calc(var(--s-shade-text-accent-lightness, var(--s-shade-text-lightness, calc(var(--s-color-accent-l)  + var(--s-shade-text-accent-lighten, var(--s-shade-text-lighten, 0))  - var(--s-shade-text-accent-darken, var(--s-shade-text-darken, 0)))))*1%),var(--s-shade-text-accent-alpha, var(--s-shade-text-alpha, var(--s-color-accent-a, 1))))}.code-tabs .code-tabs_tab-description{opacity:.0001;height:0;overflow:hidden}.code-tabs .code-tabs_tab-description{transition-property:var(--s-transition-default-property);transition-duration:var(--s-transition-default-duration);transition-timing-function:var(--s-transition-default-timing-function);transition-delay:var(--s-transition-default-delay)}.code-tabs .code-tabs_tab.-active .code-tabs_tab-description{height:calc-size(auto,size);opacity:.5}.code-tabs .shiki{flex-direction:column;flex-grow:1;display:flex;background:0 0!important;border:0!important}.code-tabs .shiki{transition-property:var(--s-transition-default-property);transition-duration:var(--s-transition-default-duration);transition-timing-function:var(--s-transition-default-timing-function);transition-delay:var(--s-transition-default-delay)}.code-tabs .code{flex-direction:column;flex-grow:1;display:flex;background:0 0!important;border:0!important}.code-tabs .code{transition-property:var(--s-transition-default-property);transition-duration:var(--s-transition-default-duration);transition-timing-function:var(--s-transition-default-timing-function);transition-delay:var(--s-transition-default-delay)}.code-tabs .code-tabs_content{border:hsla(calc(var(--s-color-accent-h) + 0),calc(calc(calc(var(--s-color-accent-s) + 0) - 0)*1%),calc(calc(calc(var(--s-color-accent-l) + 0) - 0)*1%),.01) .0625rem solid;flex-direction:column;flex-grow:1;display:flex;background:hsla(var(--s-shade-surface-main-hue, var(--s-shade-surface-hue, calc(var(--s-color-main-h)  + var(--s-shade-surface-main-spin, var(--s-shade-surface-spin, 0))))),calc(var(--s-shade-surface-main-saturation, var(--s-shade-surface-saturation, calc(var(--s-color-main-s)  + var(--s-shade-surface-main-saturate, var(--s-shade-surface-saturate, 0))  - var(--s-shade-surface-main-desaturate, var(--s-shade-surface-desaturate, 0)))))*1%),calc(var(--s-shade-surface-main-lightness, var(--s-shade-surface-lightness, calc(var(--s-color-main-l)  + var(--s-shade-surface-main-lighten, var(--s-shade-surface-lighten, 0))  - var(--s-shade-surface-main-darken, var(--s-shade-surface-darken, 0)))))*1%),var(--s-shade-surface-main-alpha, var(--s-shade-surface-alpha, var(--s-color-main-a, 1))))!important}.code-tabs .code-tabs_content{border-top-left-radius:var(--s-radius-default-top-left);border-top-right-radius:var(--s-radius-default-top-right);border-bottom-left-radius:var(--s-radius-default-bottom-left);border-bottom-right-radius:var(--s-radius-default-bottom-right)}.code-tabs .code-tabs_code-wrapper{flex-grow:1;display:flex}.code-tabs .code-tabs_code-wrapper{transition-property:var(--s-transition-default-property);transition-duration:var(--s-transition-default-duration);transition-timing-function:var(--s-transition-default-timing-function);transition-delay:var(--s-transition-default-delay)}.code-tabs .code-tabs_code{opacity:.0001;flex-direction:column;flex-grow:1;display:flex;translate:0 .625rem}.code-tabs .code-tabs_code{transition-property:var(--s-transition-default-property);transition-duration:var(--s-transition-default-duration);transition-timing-function:var(--s-transition-default-timing-function);transition-delay:var(--s-transition-default-delay)}.code-tabs .code-tabs_code{transition-delay:.2s!important}.code-tabs .code-tabs_code.-active{opacity:1;translate:0}@starting-style{.code-tabs .code-tabs_code.-active{opacity:.0001;translate:0 .625rem}}