.d-narrow,.d-chip{align-items:center;gap:var(--d-s2);height:var(--d-h-sm);padding:0 var(--d-s4);border:1px solid var(--d-rule);border-radius:var(--d-r-pill);background:var(--d-paper);color:var(--d-ink);font:var(--d-body);white-space:nowrap;flex:none;display:inline-flex}.d-narrow{cursor:pointer;outline:none}.d-narrow[data-on]{border-color:var(--d-ink)}.d-narrow .d-icon{width:var(--d-s4);height:var(--d-s4);color:var(--d-grey)}.d-narrow-lead{margin-left:calc(-1 * var(--d-s1));flex:none;display:inline-flex}.d-narrow:has(>.d-narrow-open){gap:var(--d-s1);padding-right:var(--d-s2);cursor:default}.d-narrow-open,.d-narrow-x{align-items:center;gap:var(--d-s2);height:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;outline:none;padding:0;display:inline-flex}.d-narrow-x{width:var(--d-h-pill);height:var(--d-h-pill);border-radius:var(--d-r-circle);justify-content:center}.d-narrow:is([data-hovered],[data-shows=hover]){background:var(--d-wash)}.d-narrow:has(>[data-hovered]){background:var(--d-wash)}.d-narrow:is([data-pressed],[data-shows=pressed]){background:var(--d-rule)}.d-narrow:has(>[data-pressed]){background:var(--d-rule)}.d-narrow:is([data-focus-visible],[data-shows=focus]){outline:var(--d-nudge-2) solid var(--d-ink);outline-offset:var(--d-nudge-2)}.d-narrow:has(>[data-focus-visible]){outline:var(--d-nudge-2) solid var(--d-ink);outline-offset:var(--d-nudge-2)}.d-narrow[data-disabled]{color:color-mix(in srgb, var(--d-grey) 50%, var(--d-paper));cursor:default}.d-key{height:var(--d-p-swatch);padding:0 var(--d-s1);border:1px solid var(--d-rule);border-radius:var(--d-r-xs);background:var(--d-paper);color:var(--d-grey);font:var(--d-count);align-items:center;display:inline-flex}.d-field{gap:var(--d-s2);contain:layout;flex-direction:column;min-width:0;display:flex}.d-field-head{justify-content:space-between;align-items:baseline;gap:var(--d-s3);margin-bottom:var(--d-s1);display:flex}.d-field-under{gap:var(--d-s1);flex-direction:column;display:flex}.d-field-help{font:var(--d-line);color:var(--d-grey)}.d-field-error{align-items:center;gap:var(--d-s2);font:var(--d-line);color:var(--d-red);display:flex}.d-field-error>.d-icon{width:var(--d-s4);height:var(--d-s4)}.d-box{align-items:center;gap:var(--d-s3);width:100%;min-width:0;height:var(--d-h);padding:0 var(--d-s4);border-radius:var(--d-r-sm);background:var(--d-wash);color:var(--d-ink);font:var(--d-body);text-align:left;border:1px solid #0000;outline:none;margin:0;transition:background-color .12s,border-color .12s,box-shadow .12s;display:flex}.d-box[data-inline]{height:var(--d-h-sm)}.d-box::placeholder{color:var(--d-grey);opacity:1}textarea.d-box{height:auto;min-height:calc(var(--d-h) * 2);padding:var(--d-s3) var(--d-s4);resize:none;field-sizing:content}.d-box:is([data-focused],[data-shows=focus]),.d-search:is(:has(>.d-search-input[data-focused]),[data-shows=focus]){border-color:var(--d-ink);background:var(--d-paper);box-shadow:0 0 0 var(--d-s1) var(--d-wash)}.d-caret-at{flex:1;min-width:0;display:grid}.d-caret-at>*{grid-area:1/1}.d-caret{color:#0000;white-space:pre;pointer-events:none;place-self:center start;max-width:100%;overflow:hidden}.d-caret:after{content:"";width:var(--d-nudge-2);vertical-align:-.2em;background:var(--d-ink);height:1.15em;margin-left:1px;display:inline-block}.d-box+.d-caret{padding:0 calc(var(--d-s4) + 1px);font:var(--d-body)}.d-box+.d-caret:after{margin-left:var(--d-s3)}.d-search-input+.d-caret{font:var(--d-body)}.d-box[data-invalid]{border-color:var(--d-red);background:var(--d-paper)}.d-box[data-disabled]{color:var(--d-grey)}.d-field[data-readonly] .d-box[data-focused]{background:var(--d-wash);box-shadow:none;border-color:#0000}.d-mention{z-index:4;width:min(100%, calc(var(--d-menu) * 1.5));margin:var(--d-s1) 0 0;list-style:none;position:absolute;top:100%;left:0}.d-mention-note{padding:var(--d-s2) var(--d-s3);font:var(--d-line);color:var(--d-grey)}.d-search{align-items:center;gap:var(--d-s3);height:var(--d-h-sm);padding:0 var(--d-s2) 0 var(--d-s3);border-radius:var(--d-r-sm);background:var(--d-wash);color:var(--d-ink);border:1px solid #0000;display:flex}.d-search>.d-icon{color:var(--d-grey)}.d-search-input{min-width:0;color:inherit;font:var(--d-body);background:0 0;border:0;outline:none;flex:1;padding:0}.d-search-input::placeholder{color:var(--d-grey);opacity:1}.d-search-input::-webkit-search-cancel-button{display:none}.d-search-key{display:inline-flex}.d-search-x{width:var(--d-h-pill);height:var(--d-h-pill);border-radius:var(--d-r-circle);color:var(--d-grey);cursor:pointer;background:0 0;border:0;outline:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.d-search-x[data-hovered]{background:var(--d-wash)}.d-search-x>.d-icon{width:var(--d-s4);height:var(--d-s4)}.d-search[data-empty]>.d-search-x,.d-search:not([data-empty])>.d-search-key{display:none}.d-box-value{align-items:center;gap:var(--d-s3);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;display:flex;overflow:hidden}.d-box-value[data-placeholder],.d-box>.d-icon{color:var(--d-grey)}.d-box>.d-icon:last-child{width:var(--d-s4);height:var(--d-s4);margin-left:auto;transition:transform .12s}.d-box:is([aria-expanded=true],[data-shows=open])>.d-icon:last-child{transform:rotate(180deg)}.d-box:is([aria-expanded=true],[data-shows=open]){border-color:var(--d-ink);background:var(--d-paper);box-shadow:0 0 0 var(--d-s1) var(--d-wash)}.d-held-open{gap:var(--d-s2);min-width:0;padding-bottom:var(--d-s6);flex-direction:column;display:flex}.d-select-find{padding-bottom:var(--d-s2)}.d-menu-list[data-find]{max-height:calc(var(--d-h-sm) * 8);overflow-y:auto}.d-menu-list{outline:none;flex-direction:column;display:flex}.d-option{align-items:center;gap:var(--d-s3);min-height:var(--d-h-sm);padding:0 var(--d-s3);border-radius:var(--d-r-sm);color:var(--d-ink);font:var(--d-body);cursor:pointer;outline:none;display:flex}.d-option:is([data-focused],[data-hovered],[data-selected],[data-shows=focus]){background:var(--d-wash)}.d-option:is([data-selected],[data-focused],[data-shows=focus]) .d-option-name{font-weight:600}.d-option[data-disabled]{color:var(--d-grey);cursor:default}.d-option-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.d-option-name>b{font-weight:600}.d-option-line{font:var(--d-line);color:var(--d-grey);flex:none}.d-option-tick{color:var(--d-grey);display:none}.d-option[data-selected]>.d-option-tick{display:inline-flex}.d-option-tick>.d-icon{width:var(--d-s4);height:var(--d-s4)}.d-option-lead{flex:none;display:inline-flex}.d-menu-list>section:first-child>.d-menu-head{padding-top:var(--d-s1)}
