@layer unstyled-web-components{uwc-input[type=file]{>[part=root]{[part=control]{display:flex;align-items:baseline;gap:3px;[part=placeholder]{visibility:hidden;white-space:nowrap;font-size:.85em;ul[part=files]:empty~[part=control] &{visibility:visible}}}ul[part=files]{display:block;list-style:none;padding:0;margin:0;li{display:flex;justify-content:space-between}}}}}@layer unstyled-web-components{uwc-input:is([type=text],[type=search]){display:flex;border:1px solid gray;border-radius:2px;padding:2px 3px;height:min-content;width:172px;position:relative;font-family:Arial;font-size:13.3333px;cursor:text;overflow:hidden;&[disabled]{pointer-events:none;background:var(--disabled-background)}>[part=root]{overflow:hidden;&[hidden]{display:initial;width:fit-content}uwc-input:has(>[part=values].empty) &:has([contenteditable]:empty){flex-basis:100%}[contenteditable]{width:100%;outline:none;height:1lh;white-space:nowrap;[hidden] &{opacity:0;width:0}}[part=placeholder]{position:absolute;top:0;left:0;pointer-events:none;visibility:hidden;color:gray;uwc-input:has(>[part=values].empty) [contenteditable]:empty+&{visibility:visible}}}>dialog[popover]{cursor:default;[aria-selected=true]{background:#00f;color:#fff}[aria-current=true]{background:highlight;color:highlightText}}}}@layer unstyled-web-components{uwc-input[type=number]{cursor:text;display:flex;border-radius:2px;padding:2px 3px;height:min-content;width:172px;position:relative;font-family:Arial;font-size:13.3333px;border:1px solid gray;&[disabled]{pointer-events:none;background:var(--disabled-background)}>[part=root]{[contenteditable]{width:100%;outline:none;height:1lh;white-space:nowrap}[part=placeholder]{position:absolute;pointer-events:none;visibility:hidden;color:gray;[contenteditable]:empty+&{visibility:visible}}}}}@layer unstyled-web-components{uwc-input[type=checkbox]{vertical-align:text-bottom;[disabled] &{pointer-events:none}>[part=root]{width:13px;height:13px;margin:3px 3px 3px 4px;border:1px solid gray;border-radius:2px;padding:1px;box-sizing:border-box;display:flex;[disabled] &{background:var(--disabled-background)}[part=checkmark]{width:100%;height:100%;border-radius:inherit;[checked] &{background:selectedItem}[aria-checked=mixed] &{height:20%;align-self:center}}}}}@layer unstyled-web-components{uwc-input[type=radio]{vertical-align:text-bottom;>[part=root]{width:13px;height:13px;margin:3px 3px 0 5px;border:1px solid gray;border-radius:100%;padding:1px;box-sizing:border-box;[part=checkmark]{width:100%;height:100%;border-radius:inherit;[checked] &{background:selectedItem}}}}}@layer unstyled-web-components{uwc-input[type=date]{>[part=root]{cursor:text;display:flex;border:1px solid gray;border-radius:2px;padding:2px 3px;height:min-content;position:relative;font-family:Arial;font-size:13.3333px}}}@layer unstyled-web-components{uwc-input[type=textarea]{display:flex;border:1px solid gray;border-radius:2px;padding:2px 3px;height:min-content;min-height:3lh;width:172px;position:relative;font-family:Arial;font-size:13.3333px;cursor:text;overflow:hidden;>[part=root]{[contenteditable]{height:100%;width:100%;outline:none}[part=placeholder]{position:absolute;top:0;left:0;pointer-events:none;visibility:hidden;color:gray;[contenteditable]:empty+&{visibility:visible}}}}}@layer unstyled-web-components{uwc-input[type=range]{display:flex;height:1rem;>[part=root]{align-self:center;margin:3px;[part=track]{height:.3lh;line-height:1lh;overflow:hidden;border-radius:.5lh;border:1px solid #b5b5b5;background:#f3f3f3;min-width:125px;position:relative;[part=cover]{position:absolute;height:100%;background-color:#1e90ff;pointer-events:none}}.thumb{position:absolute;top:50%;transform:translate(-50%,-50%);height:1rem;width:1rem;border-radius:100%;background-color:#1e90ff}}}}@layer unstyled-web-components{uwc-input{anchor-name:var(--anchor-name);width:fit-content;display:inline-block;--disabled-background: light-dark( rgba(239, 239, 239, .3), rgba(59, 59, 59, .3) );>[part=root]{position:relative;width:100%;[disabled] &{opacity:.5}}>ul[part=values]{margin:0;padding:0;display:flex;& li{list-style-type:none;white-space:nowrap;&[part=value]{display:none}uwc-input[multiple] &{background-color:hsl(from buttonface h s 85%);color:buttontext;margin-right:.5ch;padding-inline:.5em;@media (prefers-color-scheme: dark){background-color:hsl(from buttonface h s 35%)}}}}>dialog[popover]{z-index:1;&[open]{display:initial;pointer-events:initial}position-anchor:var(--anchor-name);position-area:bottom span-x-end;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;width:min-content;min-width:anchor-size(width);margin:2px 0 0;padding:0;border:1px solid black;box-sizing:border-box;pointer-events:none;>ul{padding:0;margin:0;& li{list-style-type:none;&[aria-selected=true]{background:#00f;color:#fff}}}}>small.validation-message{display:none}}}@layer unstyled-web-components{uwc-datepicker{display:flex;flex-direction:column;align-items:center;width:fit-content;>ul[role=grid]{display:grid;padding:0;width:fit-content;[view=day] &{grid-template-columns:repeat(8,1fr)}[view=month] &{grid-template-columns:repeat(3,1fr)}[view=year] &{grid-template-columns:repeat(3,1fr)}li{list-style:none;height:auto;padding:.5rem;align-self:stretch;text-align:center;&:where(.previous-month,.next-month){color:gray}border:1px dashed transparent;&:where(:not([data-value]),[aria-disabled=true]){cursor:default;pointer-events:none;color:#d3d3d3}&.weekday{pointer-events:unset}&[data-value]{cursor:pointer;&[aria-current=time]{background:highlight;color:highlightText}&[aria-selected=true]{border-color:#00f}}}}[part=selection]{display:flex;width:100%;[part=current]{flex:1 1;white-space:nowrap}}}}@layer unstyled-web-components{uwc-table{display:grid;overflow:auto;max-height:500px;&:not(:defined){display:none}uwc-tr{display:grid;grid-template-columns:subgrid;grid-auto-flow:dense;grid-column:1 / -1;&:not(.visible){contain:strict;content-visibility:auto;contain-intrinsic-size:auto 20px}uwc-td,uwc-th{position:relative;overflow:hidden;div.resize-handle{height:100%;width:3px;cursor:ew-resize;position:absolute;right:0;top:0}}}}}@layer unstyled-web-components{uwc-playground{display:flex;border:1px solid gray;min-height:150px;>pre{flex:1 0;margin:0;padding:1rem;code{display:inline-block;width:100%;height:100%;outline:none}}>[part=preview]{flex:1 0;border:none;border-left:1px solid gray;padding:1rem}}}