html,body{margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%}:root{--black-a1: rgba(0, 0, 0, .05);--black-a2: rgba(0, 0, 0, .1);--black-a3: rgba(0, 0, 0, .15);--black-a4: rgba(0, 0, 0, .2);--black-a5: rgba(0, 0, 0, .3);--black-a6: rgba(0, 0, 0, .4);--black-a7: rgba(0, 0, 0, .5);--black-a8: rgba(0, 0, 0, .6);--black-a9: rgba(0, 0, 0, .7);--black-a10: rgba(0, 0, 0, .8);--black-a11: rgba(0, 0, 0, .9);--black-a12: rgba(0, 0, 0, .95)}@supports (color: color(display-p3 1 1 1)){@media(color-gamut:p3){:root{--black-a1: color(display-p3 0 0 0 / .05);--black-a2: color(display-p3 0 0 0 / .1);--black-a3: color(display-p3 0 0 0 / .15);--black-a4: color(display-p3 0 0 0 / .2);--black-a5: color(display-p3 0 0 0 / .3);--black-a6: color(display-p3 0 0 0 / .4);--black-a7: color(display-p3 0 0 0 / .5);--black-a8: color(display-p3 0 0 0 / .6);--black-a9: color(display-p3 0 0 0 / .7);--black-a10: color(display-p3 0 0 0 / .8);--black-a11: color(display-p3 0 0 0 / .9);--black-a12: color(display-p3 0 0 0 / .95)}}}:root,.light,.light-theme{--green-1: #fbfefc;--green-2: #f4fbf6;--green-3: #e6f6eb;--green-4: #d6f1df;--green-5: #c4e8d1;--green-6: #adddc0;--green-7: #8eceaa;--green-8: #5bb98b;--green-9: #30a46c;--green-10: #2b9a66;--green-11: #218358;--green-12: #193b2d}@supports (color: color(display-p3 1 1 1)){@media(color-gamut:p3){:root,.light,.light-theme{--green-1: color(display-p3 .986 .996 .989);--green-2: color(display-p3 .963 .983 .967);--green-3: color(display-p3 .913 .964 .925);--green-4: color(display-p3 .859 .94 .879);--green-5: color(display-p3 .796 .907 .826);--green-6: color(display-p3 .718 .863 .761);--green-7: color(display-p3 .61 .801 .675);--green-8: color(display-p3 .451 .715 .559);--green-9: color(display-p3 .332 .634 .442);--green-10: color(display-p3 .308 .595 .417);--green-11: color(display-p3 .19 .5 .32);--green-12: color(display-p3 .132 .228 .18)}}}:root,.light,.light-theme{--mauve-1: #fdfcfd;--mauve-2: #faf9fb;--mauve-3: #f2eff3;--mauve-4: #eae7ec;--mauve-5: #e3dfe6;--mauve-6: #dbd8e0;--mauve-7: #d0cdd7;--mauve-8: #bcbac7;--mauve-9: #8e8c99;--mauve-10: #84828e;--mauve-11: #65636d;--mauve-12: #211f26}@supports (color: color(display-p3 1 1 1)){@media(color-gamut:p3){:root,.light,.light-theme{--mauve-1: color(display-p3 .991 .988 .992);--mauve-2: color(display-p3 .98 .976 .984);--mauve-3: color(display-p3 .946 .938 .952);--mauve-4: color(display-p3 .915 .906 .925);--mauve-5: color(display-p3 .886 .876 .901);--mauve-6: color(display-p3 .856 .846 .875);--mauve-7: color(display-p3 .814 .804 .84);--mauve-8: color(display-p3 .735 .728 .777);--mauve-9: color(display-p3 .555 .549 .596);--mauve-10: color(display-p3 .514 .508 .552);--mauve-11: color(display-p3 .395 .388 .424);--mauve-12: color(display-p3 .128 .122 .147)}}}:root,.light,.light-theme{--blue-1: #fbfdff;--blue-2: #f4faff;--blue-3: #e6f4fe;--blue-4: #d5efff;--blue-5: #c2e5ff;--blue-6: #acd8fc;--blue-7: #8ec8f6;--blue-8: #5eb1ef;--blue-9: #0090ff;--blue-10: #0588f0;--blue-11: #0d74ce;--blue-12: #113264}@supports (color: color(display-p3 1 1 1)){@media(color-gamut:p3){:root,.light,.light-theme{--blue-1: color(display-p3 .986 .992 .999);--blue-2: color(display-p3 .96 .979 .998);--blue-3: color(display-p3 .912 .956 .991);--blue-4: color(display-p3 .853 .932 1);--blue-5: color(display-p3 .788 .894 .998);--blue-6: color(display-p3 .709 .843 .976);--blue-7: color(display-p3 .606 .777 .947);--blue-8: color(display-p3 .451 .688 .917);--blue-9: color(display-p3 .247 .556 .969);--blue-10: color(display-p3 .234 .523 .912);--blue-11: color(display-p3 .15 .44 .84);--blue-12: color(display-p3 .102 .193 .379)}}}button,fieldset,input{all:unset}.TabsRoot{display:flex;flex-direction:column;box-sizing:border-box;border-radius:0;width:100%;height:100vh;box-shadow:0 2px 10px var(--black-a4)}.TabsList{min-height:20px;box-sizing:border-box;flex-shrink:0;display:flex;width:100%;height:5vh}.TabsContent{height:95vh}.TabsTrigger{box-sizing:border-box;font-family:inherit;flex:1;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;color:var(--blue-10);-webkit-user-select:none;user-select:none;border-bottom:2px solid var(--blue-8)}.TabsTrigger[data-state=active]{border-top:2px solid var(--blue-8);border-left:2px solid var(--blue-8);border-right:2px solid var(--blue-8);border-bottom:0px}.ScrollAreaRoot{width:100%;height:100%;overflow:hidden;box-shadow:0 2px 10px var(--black-a4);--scrollbar-size: 10px}.ScrollAreaViewport{width:100%;height:100%}.ScrollAreaScrollbar{width:2px;height:10px;display:flex;-webkit-user-select:none;user-select:none;touch-action:none;padding:2px;background:#0000000d}.ScrollAreaThumb{flex:1;background:#666;position:relative}.ScrollAreaThumb:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:44px;min-height:44px}.ScrollAreaCorner{background:transparent}.DemoListBox{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;padding:10px;width:100%;box-sizing:border-box}.DemoOption{flex:0 0 calc(50% - 5px);height:100px;border:1px solid var(--slate-6);border-radius:6px;padding:5px;box-shadow:0 1px 2px var(--blue-8);font-size:12px;box-sizing:border-box}.DemoOption:hover{border-color:var(--slate-8);background-color:var(--slate-2);box-shadow:0 4px 12px var(--blue-a3),0 1px 2px var(--blue-8);transform:translateY(-1px)}.DemoOptionName{color:var(--blue-11);font-weight:600}.DemoOptionDescription{font-size:smaller;color:var(--blue-12);font-weight:400}:root,.light,.light-theme{--grass-1: #fbfefb;--grass-2: #f5fbf5;--grass-3: #e9f6e9;--grass-4: #daf1db;--grass-5: #c9e8ca;--grass-6: #b2ddb5;--grass-7: #94ce9a;--grass-8: #65ba74;--grass-9: #46a758;--grass-10: #3e9b4f;--grass-11: #2a7e3b;--grass-12: #203c25}@supports (color: color(display-p3 1 1 1)){@media(color-gamut:p3){:root,.light,.light-theme{--grass-1: color(display-p3 .986 .996 .985);--grass-2: color(display-p3 .966 .983 .964);--grass-3: color(display-p3 .923 .965 .917);--grass-4: color(display-p3 .872 .94 .865);--grass-5: color(display-p3 .811 .908 .802);--grass-6: color(display-p3 .733 .864 .724);--grass-7: color(display-p3 .628 .803 .622);--grass-8: color(display-p3 .477 .72 .482);--grass-9: color(display-p3 .38 .647 .378);--grass-10: color(display-p3 .344 .598 .342);--grass-11: color(display-p3 .263 .488 .261);--grass-12: color(display-p3 .151 .233 .153)}}}#demo-frame{box-sizing:border-box;height:100%;width:100%;border-width:2px;border-color:var(--grass-10)}.ClsGridColumn{height:100vh}.ClsTitle{height:5%;padding:5px;border-bottom:2px solid var(--grass-6);font-size:20px;font-weight:1000;color:var(--grass-10)}