.ui-button{justify-content:center;align-items:center;gap:var(--dt-space-2);min-height:var(--dt-control-min);min-width:var(--dt-control-min);padding:var(--dt-space-2) var(--dt-space-4);border:var(--dt-border-width) solid var(--dt-color-border-strong);border-radius:var(--dt-radius-sm);background:var(--dt-color-surface);color:var(--dt-color-text);font:inherit;font-family:var(--dt-font-body);font-size:var(--dt-text-sm);font-weight:var(--dt-weight-regular);line-height:var(--dt-leading-tight);text-align:center;cursor:pointer;transition:background-color var(--dt-duration-fast) var(--dt-ease), border-color var(--dt-duration-fast) var(--dt-ease), color var(--dt-duration-fast) var(--dt-ease);display:inline-flex}.ui-button:hover{background:var(--dt-color-surface-raised);border-color:var(--dt-color-text)}.ui-button:focus-visible{outline:var(--dt-focus-width) solid var(--dt-color-focus);outline-offset:var(--dt-focus-offset)}.ui-button:active{transform:translateY(1px)}.ui-button.is-primary,.ui-button[aria-pressed=true]{background:var(--dt-color-accent);border-color:var(--dt-color-accent);color:var(--dt-color-on-accent);font-weight:var(--dt-weight-bold)}.ui-button.is-primary:hover,.ui-button[aria-pressed=true]:hover{background:var(--dt-color-accent-hover);border-color:var(--dt-color-accent-hover)}.ui-button[aria-pressed=true]{box-shadow:var(--dt-shadow-pressed)}.ui-button:disabled,.ui-button:disabled:hover{background:var(--dt-color-disabled-bg);border-color:var(--dt-color-disabled-border);color:var(--dt-color-disabled-text);font-weight:var(--dt-weight-regular);box-shadow:none;cursor:not-allowed;border-style:dashed;transform:none}.ui-segmented{gap:var(--dt-space-1);flex-wrap:wrap;display:inline-flex}.ui-segmented .ui-button{flex:auto}.ui-slider{gap:var(--dt-space-1);font-size:var(--dt-text-sm);color:var(--dt-color-text);flex-direction:column;display:flex}.ui-slider input{-webkit-appearance:none;appearance:none;width:100%;min-height:var(--dt-control-min);cursor:pointer;background:0 0;margin:0}.ui-slider input::-webkit-slider-runnable-track{height:var(--dt-slider-track);border-radius:var(--dt-radius-pill);background:var(--dt-color-border-strong)}.ui-slider input::-moz-range-track{height:var(--dt-slider-track);border-radius:var(--dt-radius-pill);background:var(--dt-color-border-strong)}.ui-slider input::-moz-range-progress{height:var(--dt-slider-track);border-radius:var(--dt-radius-pill);background:var(--dt-color-accent)}.ui-slider input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--dt-slider-thumb);height:var(--dt-slider-thumb);margin-top:calc((var(--dt-slider-track) - var(--dt-slider-thumb)) / 2);border:var(--dt-border-width-thick) solid var(--dt-color-surface);border-radius:var(--dt-radius-pill);background:var(--dt-color-accent);box-shadow:var(--dt-shadow-sm)}.ui-slider input::-moz-range-thumb{width:var(--dt-slider-thumb);height:var(--dt-slider-thumb);box-sizing:border-box;border:var(--dt-border-width-thick) solid var(--dt-color-surface);border-radius:var(--dt-radius-pill);background:var(--dt-color-accent);box-shadow:var(--dt-shadow-sm)}.ui-slider input:hover::-webkit-slider-thumb{background:var(--dt-color-accent-hover)}.ui-slider input:hover::-moz-range-thumb{background:var(--dt-color-accent-hover)}.ui-slider input:focus-visible{outline:var(--dt-focus-width) solid var(--dt-color-focus);outline-offset:var(--dt-focus-offset);border-radius:var(--dt-radius-sm)}.ui-slider input:disabled{cursor:not-allowed}.ui-slider input:disabled::-webkit-slider-thumb{background:var(--dt-color-disabled-bg);border-color:var(--dt-color-disabled-border)}.ui-slider input:disabled::-moz-range-thumb{background:var(--dt-color-disabled-bg);border-color:var(--dt-color-disabled-border)}.ui-slider:has(input:disabled){color:var(--dt-color-disabled-text)}.ui-checkbox{align-items:center;gap:var(--dt-space-2);min-height:var(--dt-control-min);font-size:var(--dt-text-sm);color:var(--dt-color-text);cursor:pointer;display:flex}.ui-checkbox input{width:1.375em;height:1.375em;accent-color:var(--dt-color-accent);cursor:pointer;flex:none;margin:0}.ui-checkbox input:focus-visible{outline:var(--dt-focus-width) solid var(--dt-color-focus);outline-offset:var(--dt-focus-offset)}.ui-checkbox:has(input:disabled){color:var(--dt-color-disabled-text);cursor:not-allowed}.ui-checkbox input:disabled{cursor:not-allowed}.ui-group{gap:var(--dt-space-2);padding:var(--dt-space-3) var(--dt-space-4);border:var(--dt-border-width) solid var(--dt-color-border);border-radius:var(--dt-radius-md);background:var(--dt-color-surface);box-shadow:var(--dt-shadow-sm);flex-direction:column;display:flex}.ui-group-title{font-family:var(--dt-font-body);font-size:var(--dt-text-sm);font-weight:var(--dt-weight-bold);line-height:var(--dt-leading-tight);color:var(--dt-color-text);margin:0}details.ui-group>summary{align-items:center;gap:var(--dt-space-2);min-height:var(--dt-control-min);margin-block:calc(-1 * var(--dt-space-2));cursor:pointer;border-radius:var(--dt-radius-sm);list-style:none;display:flex}details.ui-group>summary::-webkit-details-marker{display:none}details.ui-group>summary:before{content:"";border-right:var(--dt-border-width-thick) solid var(--dt-color-text-muted);border-bottom:var(--dt-border-width-thick) solid var(--dt-color-text-muted);width:.5em;height:.5em;transition:transform var(--dt-duration) var(--dt-ease);flex:none;margin-inline:.15em .1em;transform:rotate(-45deg)}details.ui-group[open]>summary:before{transform:rotate(45deg)}details.ui-group>summary:hover{color:var(--dt-color-accent)}details.ui-group>summary:hover:before{border-color:var(--dt-color-accent)}details.ui-group>summary:focus-visible{outline:var(--dt-focus-width) solid var(--dt-color-focus);outline-offset:var(--dt-focus-offset)}details.ui-group:not([open]){gap:0}.ui-datalist{font-size:var(--dt-text-sm);line-height:var(--dt-leading-tight);flex-direction:column;margin:0;display:flex}.ui-datalist>div{justify-content:space-between;align-items:baseline;gap:0 var(--dt-space-2);padding-block:var(--dt-space-2);border-top:var(--dt-border-width) solid var(--dt-color-border);flex-wrap:wrap;display:flex}.ui-datalist>div:first-child{border-top:0;padding-top:0}.ui-datalist>div:last-child{padding-bottom:0}.ui-datalist dt{color:var(--dt-color-text-muted)}.ui-datalist dd{color:var(--dt-color-text);font-weight:var(--dt-weight-bold);font-variant-numeric:tabular-nums;text-align:right;margin:0 0 0 auto}.ui-datalist dd small{font-size:var(--dt-text-xs);font-weight:var(--dt-weight-regular);color:var(--dt-color-text-muted);display:block}.ui-legend{padding:var(--dt-space-2) var(--dt-space-3);border:var(--dt-border-width) solid var(--dt-color-stage-muted);border-radius:var(--dt-radius-md);background:var(--dt-color-stage-overlay);color:var(--dt-color-stage-text);font-family:var(--dt-font-body);font-size:var(--dt-text-xs);line-height:var(--dt-leading-tight)}.ui-legend ul{gap:var(--dt-space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ui-legend li{align-items:center;gap:var(--dt-space-2);display:flex}.ui-legend .swatch{border-top:.3em solid;flex:none;width:1.6em}.ui-legend .swatch.is-dashed{border-top-style:dashed}.ui-legend-toggle{min-height:var(--dt-control-min);margin-top:var(--dt-space-1);color:inherit;font:inherit;font-weight:var(--dt-weight-bold);text-underline-offset:.2em;cursor:pointer;pointer-events:auto;background:0 0;border:0;align-items:center;padding:0;text-decoration:underline;display:inline-flex}.ui-legend-toggle:hover{color:var(--dt-color-stage-muted)}.ui-legend-toggle:focus-visible{outline:var(--dt-focus-width) solid var(--dt-color-focus);outline-offset:var(--dt-focus-offset);border-radius:var(--dt-radius-sm)}