@layer cs.components{.cs-shell{--s-h:var(--cs-control-h-md);--s-px:var(--cs-control-px-md);--s-font:var(--cs-control-font);--s-gap:var(--cs-space-2);--s-icon-trim:.125rem;align-items:center;gap:var(--s-gap);inline-size:100%;min-inline-size:0;min-block-size:max(var(--cs-target-min), var(--s-h));padding-inline:var(--s-px);border:var(--cs-bw-control) solid var(--cs-line-control);border-radius:var(--cs-control-radius);background:var(--cs-surface-sunken);color:var(--cs-text-1);font-family:var(--cs-font-sans);font-size:var(--s-font);letter-spacing:var(--cs-track-md);line-height:var(--cs-lh-md);box-shadow:inset 0 1px 0 0 var(--cs-edge-shade);cursor:text;transition:border-color var(--cs-dur-2) var(--cs-ease-standard), background-color var(--cs-dur-2) var(--cs-ease-standard), box-shadow var(--cs-dur-2) var(--cs-ease-standard);display:flex;position:relative}.cs-shell[data-size=sm]{--s-h:var(--cs-control-h-sm);--s-px:var(--cs-control-px-sm);--s-font:var(--cs-text-xs);--s-gap:var(--cs-space-1-5)}.cs-shell[data-size=lg]{--s-h:var(--cs-control-h-lg);--s-px:var(--cs-control-px-lg);--s-font:var(--cs-text-base);--s-gap:var(--cs-space-2-5);--s-icon-trim:.1875rem}.cs-shell[data-icon-start]{padding-inline-start:calc(var(--s-px) - var(--s-icon-trim))}.cs-shell[data-has-action]{padding-inline-end:var(--cs-space-1)}@media (hover:hover){.cs-shell:hover:not([data-disabled],[data-readonly]){border-color:var(--cs-line-control-hover)}}.cs-shell:has(.cs-shell-control:focus-visible){border-color:var(--cs-accent-line);outline:var(--cs-focus-width) solid var(--cs-focus);outline-offset:var(--cs-focus-offset);box-shadow:inset 0 1px 0 0 var(--cs-edge-shade), 0 0 0 calc(var(--cs-focus-offset) + var(--cs-focus-width) + var(--cs-focus-halo-width)) var(--cs-focus-halo)}.cs-shell[data-invalid]{border-color:var(--cs-err-fg);box-shadow:inset 0 1px 0 0 var(--cs-edge-shade), var(--cs-ring-invalid)}.cs-shell[data-invalid]:has(.cs-shell-control:focus-visible){border-color:var(--cs-err-fg)}.cs-shell[data-readonly]{background:var(--cs-surface-1);border-color:var(--cs-line-2);box-shadow:none}.cs-shell[data-disabled]{border:var(--cs-bw-control) var(--cs-line-style-disabled) var(--cs-line-2);color:var(--cs-text-disabled);box-shadow:none;cursor:not-allowed;background:0 0}.cs-shell-control{inline-size:100%;min-inline-size:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:none;-webkit-appearance:none;appearance:none;background:0 0;border:0;border-radius:0;flex:auto;margin:0;padding:0}.cs-shell-control:focus,.cs-shell-control:focus-visible{box-shadow:none;outline:none}.cs-shell-control:disabled{cursor:not-allowed;color:var(--cs-text-disabled);-webkit-text-fill-color:var(--cs-text-disabled);opacity:1}.cs-shell-control::placeholder{color:var(--cs-text-3);opacity:1}.cs-shell[data-disabled] .cs-shell-control::placeholder{color:var(--cs-text-disabled)}.cs-shell-control::-webkit-search-decoration,.cs-shell-control::-webkit-search-cancel-button,.cs-shell-control::-webkit-inner-spin-button,.cs-shell-control::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cs-shell-control:-webkit-autofill,.cs-shell-control:-webkit-autofill:hover,.cs-shell-control:-webkit-autofill:focus{-webkit-text-fill-color:var(--cs-text-1);caret-color:var(--cs-accent-fg);-webkit-box-shadow:0 0 0 100rem var(--cs-surface-sunken) inset;transition:background-color 600000s,color 600000s}.cs-shell:has(.cs-shell-control:autofill){border-color:var(--cs-accent-line)}.cs-shell-icon{color:var(--cs-text-3);transition:color var(--cs-dur-2) var(--cs-ease-standard);flex:none}.cs-shell:has(.cs-shell-control:focus-visible) .cs-shell-icon{color:var(--cs-text-2)}.cs-shell-affix{color:var(--cs-text-3);white-space:nowrap;-webkit-user-select:none;user-select:none;flex:none}.cs-shell[data-disabled] .cs-shell-icon{color:var(--cs-text-disabled)}.cs-shell-action{inline-size:max(var(--cs-target-min), 1.5rem);block-size:max(var(--cs-target-min), 1.5rem);border-radius:calc(var(--cs-control-radius) - .125rem);color:var(--cs-text-3);cursor:pointer;transition:color var(--cs-dur-2) var(--cs-ease-standard), background-color var(--cs-dur-2) var(--cs-ease-standard), scale var(--cs-dur-spring) var(--cs-ease-spring);background:0 0;border:0;flex:none;place-items:center;margin:0;padding:0;display:inline-grid;position:relative}@media (hover:hover){.cs-shell-action:hover:not(:disabled){color:var(--cs-text-1);background:var(--cs-state-hover)}}.cs-shell-action:active:not(:disabled){background:var(--cs-state-press);scale:var(--cs-press-scale);transition-duration:var(--cs-dur-1)}.cs-shell-action:focus-visible{outline:var(--cs-focus-width) solid var(--cs-focus);outline-offset:0;box-shadow:none}.cs-shell-action:disabled{color:var(--cs-text-disabled);cursor:not-allowed}.cs-shell-action[aria-pressed=true]{color:var(--cs-accent-text)}@media (forced-colors:active){.cs-shell{border-color:buttontext}.cs-shell:has(.cs-shell-control:focus-visible){outline-color:highlight}.cs-shell[data-invalid]{border-style:double;border-width:3px}.cs-shell[data-disabled]{color:graytext;border-color:graytext}}}