@property --border-gap-start{syntax:"<length-percentage>";inherits:true;initial-value:0%}@property --border-gap-end{syntax:"<length-percentage>";inherits:true;initial-value:100%}.css-tabs{--tab-border:1px solid #d4d4d8cc;--tab-border-color:#d4d4d8cc;--tab-bg-outside:#f4f4f599;--tab-bg-inside:#ffffffb3;--tab-text:#52525b;--tab-text-active:#059669;--panel-bg:#ffffffb3;--tab-gap-start:calc(6px + (100% - 12px)/3);--tab-gap-end:calc(6px + 2*(100% - 12px)/3);transition:--border-gap-start .25s ease-out,--border-gap-end .25s ease-out}.dark .css-tabs{--tab-border:1px solid #3f3f46cc;--tab-border-color:#3f3f46cc;--tab-bg-outside:#27272a99;--tab-bg-inside:#18181b80;--tab-text:#a1a1aa;--tab-text-active:#34d399;--panel-bg:#18181b80}.css-tabs:has(#tab-1:checked){--border-gap-start:6px;--border-gap-end:var(--tab-gap-start)}.css-tabs:has(#tab-2:checked){--border-gap-start:var(--tab-gap-start);--border-gap-end:var(--tab-gap-end)}.css-tabs:has(#tab-3:checked){--border-gap-start:var(--tab-gap-end);--border-gap-end:calc(100% - 6px)}.css-tabs [type=radio]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.css-tabs .tab-list{background:unset;gap:0;margin-bottom:0;padding:6px 6px 0;display:flex;position:relative}.css-tabs .tab-list:before{content:"";background-image:linear-gradient(to right,var(--tab-border-color)0,var(--tab-border-color)var(--border-gap-start),transparent var(--border-gap-start),transparent var(--border-gap-end),var(--tab-border-color)var(--border-gap-end),var(--tab-border-color)100%);pointer-events:none;z-index:0;height:1px;position:absolute;bottom:0;left:0;right:0}.css-tabs .tab-list:after{content:"";background:var(--tab-bg-inside);border:var(--tab-border);pointer-events:none;z-index:0;border-bottom:none;border-radius:8px 8px 0 0;width:calc(33.3333% - 4px);transition:left .25s ease-out;position:absolute;top:6px;bottom:0;left:6px}.css-tabs #tab-1:checked~.tab-list:after{left:6px}.css-tabs #tab-2:checked~.tab-list:after{left:calc(33.3333% + 2px)}.css-tabs #tab-3:checked~.tab-list:after{left:calc(66.6667% - 2px)}.css-tabs .tab-list label{z-index:1;color:var(--tab-text);cursor:pointer;border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;flex:1;justify-content:center;align-items:center;margin-bottom:-1px;padding:10px 18px;font-size:.875rem;font-weight:500;transition:color .15s;display:flex;position:relative}.css-tabs .tab-list label .tab-label-text{border-radius:6px;padding:4px 10px;transition:background-color .15s;display:inline-block}.css-tabs .tab-list label:hover{color:var(--tab-text)}.dark .css-tabs .tab-list label:hover{color:#d4d4d8}.css-tabs .tab-list label:hover .tab-label-text{background-color:#0000000f}.dark .css-tabs .tab-list label:hover .tab-label-text{background-color:#ffffff14}.css-tabs #tab-1:checked~.tab-list label[for=tab-1]:hover .tab-label-text,.css-tabs #tab-2:checked~.tab-list label[for=tab-2]:hover .tab-label-text,.css-tabs #tab-3:checked~.tab-list label[for=tab-3]:hover .tab-label-text{background-color:#0000}.css-tabs #tab-1:checked~.tab-list label[for=tab-1],.css-tabs #tab-2:checked~.tab-list label[for=tab-2],.css-tabs #tab-3:checked~.tab-list label[for=tab-3]{color:var(--tab-text-active)}.css-tabs .panel{background:var(--panel-bg);border:var(--tab-border);border-top:none;border-radius:0 0 10px 10px;min-height:120px;padding:20px;display:none}.css-tabs #tab-1:checked~.panel-1,.css-tabs #tab-2:checked~.panel-2,.css-tabs #tab-3:checked~.panel-3{display:block}.anchor-pill-tabs{--pill-border:1px solid #d4d4d8cc;--pill-bg-hover:#0000000d;--pill-bg-active:#fffc;--pill-text:#52525b;--pill-text-active:#059669;--panel-bg:#ffffffb3}.dark .anchor-pill-tabs{--pill-border:1px solid #3f3f46cc;--pill-bg-hover:#ffffff0f;--pill-bg-active:#18181b80;--pill-text:#a1a1aa;--pill-text-active:#34d399;--panel-bg:#18181b80}.anchor-pill-tabs [type=radio]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.anchor-pill-tabs .tab-list{background:#f4f4f599;border:1px solid #d4d4d899;border-bottom:none;border-radius:12px 12px 0 0;gap:4px;margin-bottom:0;padding:6px;display:flex;position:relative}.dark .anchor-pill-tabs .tab-list{background:#27272a66;border-color:#3f3f4680}.anchor-pill-tabs .tab-list .hover-pill,.anchor-pill-tabs .tab-list .active-pill{pointer-events:none;z-index:0;border-radius:8px;position:absolute}.anchor-pill-tabs .tab-list .hover-pill{position-anchor:--tab-1;left:anchor(left);top:anchor(top);width:anchor-size(width);height:anchor-size(height);background:var(--pill-bg-hover);opacity:0;transition:opacity .15s,left .2s ease-out,top .2s ease-out,width .2s ease-out,height .2s ease-out}.anchor-pill-tabs .tab-list:has(.tab-1:hover) .hover-pill{position-anchor:--tab-1;left:anchor(left);top:anchor(top);width:anchor-size(width);height:anchor-size(height);opacity:1}.anchor-pill-tabs .tab-list:has(.tab-2:hover) .hover-pill{position-anchor:--tab-2;left:anchor(left);top:anchor(top);width:anchor-size(width);height:anchor-size(height);opacity:1}.anchor-pill-tabs .tab-list:has(.tab-3:hover) .hover-pill{position-anchor:--tab-3;left:anchor(left);top:anchor(top);width:anchor-size(width);height:anchor-size(height);opacity:1}.anchor-pill-tabs .tab-list .active-pill{position-anchor:--tab-1;left:anchor(left);top:anchor(top);width:anchor-size(width);height:anchor-size(height);background:var(--pill-bg-active);border:var(--pill-border);transition:left .25s ease-out,top .25s ease-out,width .25s ease-out,height .25s ease-out}.anchor-pill-tabs:has(#pill-1:checked) .tab-list .active-pill{position-anchor:--tab-1;left:anchor(left);top:anchor(top);width:anchor-size(width);height:anchor-size(height)}.anchor-pill-tabs:has(#pill-2:checked) .tab-list .active-pill{position-anchor:--tab-2;left:anchor(left);top:anchor(top);width:anchor-size(width);height:anchor-size(height)}.anchor-pill-tabs:has(#pill-3:checked) .tab-list .active-pill{position-anchor:--tab-3;left:anchor(left);top:anchor(top);width:anchor-size(width);height:anchor-size(height)}.anchor-pill-tabs .tab-list label{z-index:1;color:var(--pill-text);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:10px 18px;font-size:.875rem;font-weight:500;transition:color .15s;display:flex;position:relative}.anchor-pill-tabs .tab-list label:hover{color:var(--pill-text)}.dark .anchor-pill-tabs .tab-list label:hover{color:#d4d4d8}.anchor-pill-tabs #pill-1:checked~.tab-list label[for=pill-1],.anchor-pill-tabs #pill-2:checked~.tab-list label[for=pill-2],.anchor-pill-tabs #pill-3:checked~.tab-list label[for=pill-3]{color:var(--pill-text-active)}.anchor-pill-tabs{grid-template-rows:auto minmax(120px,auto);display:grid}.anchor-pill-tabs [type=radio],.anchor-pill-tabs .tab-list{grid-area:1/1}.anchor-pill-tabs .panel{background:var(--panel-bg);opacity:0;pointer-events:none;border:1px solid #d4d4d899;border-top:none;border-radius:0 0 12px 12px;grid-area:2/1;min-height:120px;padding:20px;transition:opacity .25s}.dark .anchor-pill-tabs .panel{border-color:#3f3f46cc}.anchor-pill-tabs #pill-1:checked~.panel-1,.anchor-pill-tabs #pill-2:checked~.panel-2,.anchor-pill-tabs #pill-3:checked~.panel-3{opacity:1;pointer-events:auto;z-index:1}