@import"https://fonts.googleapis.com/css2?family=Flow+Circular&display=swap";.example-wrapper{position:relative;--outline-color: #de6cd2;--outline-width: 2px;background-color:#ebf6fe;padding:1rem;border-radius:8px;min-height:180px;margin-block:2rem;overflow:hidden}.example-wrapper.center{display:flex;justify-content:center;align-items:center}.example-wrapper *{line-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.demoActions{min-height:70px;padding:1rem;background-color:#0000000d;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;width:100%}.demoActions:has(.start,.end){justify-content:space-between}.demoActions.stuck{position:absolute;left:0;right:0;top:0}.demoActions .start,.demoActions .end{display:flex;align-items:center;gap:1rem}.demoActions .menu{display:flex;flex-wrap:wrap;gap:.5rem}.demoActions .menu p{font-size:1rem}.demoActions--file{justify-content:center!important}.button{appearance:none;border:0;font-size:14px;color:#222;background-color:#fff;padding:8px 12px;border-radius:8px;transition:.3s ease-out;cursor:pointer;box-shadow:0 0 0 1px #0000000d}.button:hover{background-color:var(--brand-1);color:#fff;stroke:#fff}.button[disabled]{pointer-events:none;opacity:.75}.button-icon{min-width:120px;display:flex;align-items:center;stroke:#222}.icon-only{--size: 2rem;width:var(--size);height:var(--size);align-self:flex-start;padding:0;display:flex;align-items:center;justify-content:center;stroke:#222}.icon-only svg{width:20px;height:20px;opacity:.7}.radioGroup{display:flex;align-items:center;gap:1rem}._wrapper_3051e_2._wrapper_3051e_2{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;padding:6rem 0 0;overflow:hidden;background-color:#fff}._wrapper_3051e_2._wrapper_3051e_2 input{width:100%}._wrapper_3051e_2._wrapper_3051e_2 *{user-select:none}@media (min-width: 700px){._wrapper_3051e_2._wrapper_3051e_2{padding:5rem 0 0;margin:0}}._midContent_3051e_25{width:100%;max-width:930px;padding:1rem 1rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;resize:horizontal;overflow:hidden}@media (min-width: 700px){._midContent_3051e_25{min-height:510px}}._content_3051e_43{container-name:content;container-type:inline-size;background:#fff;margin-bottom:1rem}._contentWrapper_3051e_50{display:grid;grid-template-columns:1fr;gap:1rem;margin:1rem auto 0;padding-inline:1rem}@container content (min-width: 600px){._contentWrapper_3051e_50:has(._sidebar_3051e_58){grid-template-columns:1fr 80px}}@container content (min-width: 600px){._contentWrapper_3051e_50:has(._navActive_3051e_63){grid-template-columns:180px 1fr}}@container content (min-width: 600px){._contentWrapper_3051e_50:has(._sidebar_3051e_58):has(._navActive_3051e_63){grid-template-columns:180px 1fr 80px}}._navActive_3051e_63 div{font-family:Flow Circular,system-ui}._navActive_3051e_63 ul{padding:0;margin-left:1rem;color:gray}._main_3051e_82{container-name:main;container-type:inline-size;background-color:#fff;border-radius:12px}._main_3051e_82 ._header_3051e_88{display:flex;margin-bottom:1rem;outline:dashed 2px rgba(255,20,145,.4);outline-offset:8px;border-radius:2px}._main_3051e_82 ._headerStart_3051e_95{display:flex;align-items:center;gap:.5rem;flex:1}._main_3051e_82 ._meta_3051e_101{display:none;gap:.65rem}._main_3051e_82 ._actions_3051e_105{display:flex;gap:.5rem}._main_3051e_82 ._menuButton_3051e_109{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#f6f8fa;border:1px solid #d0d7de;box-shadow:0 1px #1f23280a,inset 0 1px 0 1px #ffffff40;border-radius:6px}._main_3051e_82 ._menuButton_3051e_109._primary_3051e_119{color:#fff;background:#1f883d;border:1px solid rgba(31,35,40,.15);box-shadow:none}._main_3051e_82 ._menuButton_3051e_109._add_3051e_125{display:none}._main_3051e_82 ._menuButton_3051e_109._dots_3051e_128{height:31px}._main_3051e_82 ._metaItem_3051e_131{display:flex;align-items:center;gap:3px;color:#636c76}._main_3051e_82 ._metaItem_3051e_131 span{display:none}._main_3051e_82 ._metaItem_3051e_131 strong{color:#222}._main_3051e_82 ._title_3051e_143{font-weight:700;font-size:1rem}._main_3051e_82 ._desc_3051e_147{font-size:15px;color:gray}._main_3051e_82 ._search_3051e_151{height:32px}._main_3051e_82 ._search_3051e_151{display:none;align-items:center;gap:4px;padding:4px 6px;border-radius:6px}._main_3051e_82 ._search_3051e_151 svg{fill:gray;width:20px;height:20px}._main_3051e_82 ._section_3051e_166{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:#e8e8e8;border-radius:8px;opacity:.5}@container main (min-width: 330px){._cq_3051e_178 ._meta_3051e_101{display:flex}}@container main (min-width: 330px){._cq_3051e_178 ._menuButton_3051e_109._add_3051e_125{display:flex}}@container main (max-width: 539px){._cq_3051e_178 ._menuButton_3051e_109._add_3051e_125 svg:first-of-type,._cq_3051e_178 ._menuButton_3051e_109._add_3051e_125 span{display:none}}@container main (min-width: 540px){._cq_3051e_178 ._menuButton_3051e_109._add_3051e_125 svg:last-of-type{display:none}}@container main (min-width: 330px){._cq_3051e_178 ._menuButton_3051e_109._dots_3051e_128{display:none}}@container main (min-width: 390px){._cq_3051e_178 ._metaItem_3051e_131._branch_3051e_204 span{display:block}}@container main (min-width: 448px){._cq_3051e_178 ._metaItem_3051e_131._tags_3051e_209 span{display:block}}@container main (min-width: 330px){._cq_3051e_178 ._search_3051e_151{display:flex}}@container main (max-width: 539px){._cq_3051e_178 ._search_3051e_151{padding:4px 10px;background:#f6f8fa;border:1px solid #d0d7de;box-shadow:0 1px #1f23280a,inset 0 1px 0 1px #ffffff40}._cq_3051e_178 ._search_3051e_151 svg{display:none}}@container main (min-width: 540px){._cq_3051e_178 ._search_3051e_151{min-width:160px;background:#fff;border:2px solid #ececec}}._sidebarTitle_3051e_239._sidebarTitle_3051e_239{font-size:15px;font-weight:700}._sidebar_3051e_58 ._list_3051e_244{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}._sidebar_3051e_58 ._list_3051e_244 p{font-size:15px;font-family:Flow Circular,system-ui;color:#aaa}._code_3051e_256{display:flex;flex-wrap:wrap;width:100%}._code_3051e_256>*{flex:1}._code_3051e_256 pre:nth-child(1){border-right:1px solid rgba(255,255,255,.25)}._code_3051e_256 pre{height:100%;border-radius:0!important;margin:0!important;padding:1rem 1.25rem!important;font-size:14px!important}._liveWidth_3051e_275{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}._liveWidth_3051e_275:before{content:"Width: " attr(data-width) "px";display:inline-flex;background-color:#ebf6fe;border-radius:8px;padding:2px 6px;color:#000000bf}._liveWidth_3051e_275:after{content:"";position:absolute;inset:10px 0 -12px;z-index:-1;background-image:linear-gradient(to right,#c8d1d8,#c8d1d8),url("data:image/svg+xml,%3Csvg width='33' height='27' viewBox='0 0 33 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.29289 26.2071C7.68342 26.5976 8.31658 26.5976 8.70711 26.2071L15.0711 19.8431C15.4616 19.4526 15.4616 18.8195 15.0711 18.4289C14.6805 18.0384 14.0474 18.0384 13.6569 18.4289L8 24.0858L2.34315 18.4289C1.95262 18.0384 1.31946 18.0384 0.928932 18.4289C0.538408 18.8195 0.538408 19.4526 0.928932 19.8431L7.29289 26.2071ZM33 0H16V2H33V0ZM7 9V25.5H9V9H7ZM16 0C11.0294 0 7 4.02944 7 9H9C9 5.13401 12.134 2 16 2V0Z' fill='%23C8D1D8'/%3E%3C/svg%3E%0A"),url("data:image/svg+xml,%3Csvg width='33' height='27' viewBox='0 0 33 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.7071 26.2071C25.3166 26.5976 24.6834 26.5976 24.2929 26.2071L17.9289 19.8431C17.5384 19.4526 17.5384 18.8195 17.9289 18.4289C18.3195 18.0384 18.9526 18.0384 19.3431 18.4289L25 24.0858L30.6569 18.4289C31.0474 18.0384 31.6805 18.0384 32.0711 18.4289C32.4616 18.8195 32.4616 19.4526 32.0711 19.8431L25.7071 26.2071ZM0 0H17V2H0V0ZM26 9V25.5H24V9H26ZM17 0C21.9706 0 26 4.02944 26 9H24C24 5.13401 20.866 2 17 2V0Z' fill='%23C8D1D8'/%3E%3C/svg%3E%0A");background-position:24px 0,2px 0,right;background-size:calc(100% - 37px) 2px,auto,auto;background-repeat:no-repeat}._card_3051e_301{display:flex;align-items:flex-start;gap:1rem}._card_3051e_301 ._thumb_3051e_306{--size: clamp(2rem, 3rem + 5cqw, 4rem);flex:0 0 var(--size);width:var(--size);height:var(--size);background-color:#fff;border-radius:12px;box-shadow:inset 0 0 0 1px #0003}._cardContent_3051e_316{flex:1;margin-top:-8px}._cardContent_3051e_316 p{font-family:Flow Circular,system-ui;line-height:1.1}._cardContent_3051e_316 p:first-child{font-size:1.5rem}._status_3051e_328._status_3051e_328{--size: 24px;position:relative;font-size:1rem;display:flex;align-items:center;gap:8px}._status_3051e_328._status_3051e_328 svg{left:0;top:calc(var(--size) / 2);width:var(--size);height:var(--size)}@media (min-width: 500px){._layout_3051e_345 ._filter-label_3051e_345._branch_3051e_204{display:block}}@media (min-width: 700px){._layout_3051e_345 ._filter-label_3051e_345._tags_3051e_209,._layout_3051e_345 ._search_3051e_151,._layout_3051e_345 ._add-file-label_3051e_356{display:block}}@media (min-width: 700px){._layout--toc-only_3051e_363 ._filter-label_3051e_345._branch_3051e_204{display:block}}@media (min-width: 880px){._layout--toc-only_3051e_363 ._filter-label_3051e_345._tags_3051e_209,._layout--toc-only_3051e_363 ._search_3051e_151,._layout--toc-only_3051e_363 ._add-file-label_3051e_356{display:block}}@media (min-width: 600px){._layout--info-only_3051e_381 ._filter-label_3051e_345._branch_3051e_204{display:block}}@media (min-width: 680px){._layout--info-only_3051e_381 ._filter-label_3051e_345._tags_3051e_209,._layout--info-only_3051e_381 ._search_3051e_151,._layout--info-only_3051e_381 ._add-file-label_3051e_356{display:block}}@media (min-width: 730px){._layout--toc-info_3051e_400 ._filter-label_3051e_345._branch_3051e_204{display:block}}@media (min-width: 920px){._layout--toc-info_3051e_400 ._filter-label_3051e_345._tags_3051e_209,._layout--toc-info_3051e_400 ._search_3051e_151,._layout--toc-info_3051e_400 ._add-file-label_3051e_356{display:block}}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:25rem}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#bbc7d0;border-radius:.5rem;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-4px;background-color:#9c3ce7;border-radius:.5rem;height:12px;width:12px}input[type=range]:focus::-webkit-slider-thumb{outline:1px solid #9c3ce7;outline-offset:.125rem}input[type=range]::-moz-range-track{background-color:#bbc7d0;border-radius:.5rem;height:4px}input[type=range]::-moz-range-thumb{background-color:#9c3ce7;border:none;border-radius:.5rem;height:12px;width:12px}input[type=range]:focus::-moz-range-thumb{outline:1px solid #9c3ce7;outline-offset:.125rem}._browser_kbitk_1{container-name:viewport;container-type:inline-size;width:100%;height:100%;background-color:#fff;border-radius:12px 12px 0 0;overflow-y:auto;overscroll-behavior-y:contain;box-shadow:0 3px 10px #0000001a;outline-offset:-2px;transition:.2s ease-out;margin-bottom:1rem}._browser_kbitk_1._hidden_kbitk_17{overflow:hidden}._full_kbitk_21{container-type:size}._header_kbitk_25{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;height:50px;padding-inline:1rem;background-color:#d7e3ec}._header_kbitk_25 ._logo_kbitk_35{font-weight:700}._nav_kbitk_39{display:flex;flex-direction:column;gap:.15rem}._nav_kbitk_39 span{width:20px;height:3px;background-color:#00000026;border-radius:10px}@container viewport (min-width: 300px){._nav_kbitk_39{flex-direction:row;gap:.75rem}._nav_kbitk_39 span{width:40px;height:5px}}._bar_kbitk_61{display:flex;align-items:center;gap:4px;height:20px;background-color:#222;padding-inline:8px}._bar_kbitk_61 span{width:7px;height:7px;border-radius:50%}._bar_kbitk_61 span:first-child{background-color:#ff5f57}._bar_kbitk_61 span:nth-child(2){background-color:#febc2e}._bar_kbitk_61 span:nth-child(3){background-color:#28c941}.test[data-astro-cid-s3447yaf]{max-width:1000px;margin:2rem auto}