@layer reset,tokens;@layer components{.wod-field{gap:var(--md-sys-space-50);font-family:var(--md-ref-typeface-plain);display:grid}.wod-field>label{font-size:var(--md-sys-typescale-emphasized-body-small-size);color:var(--md-sys-color-on-surface-variant)}.wod-field input,.wod-field textarea,.wod-field select{min-height:56px;padding:var(--md-sys-space-200);border-radius:var(--md-comp-field-shape);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);font:inherit;font-size:var(--wod-type-body);transition:border-color var(--md-sys-motion-expressive-fast-effects-duration) var(--md-sys-motion-expressive-fast-effects), background-color var(--md-sys-motion-expressive-fast-effects-duration) var(--md-sys-motion-expressive-fast-effects), box-shadow var(--md-sys-motion-expressive-fast-effects-duration) var(--md-sys-motion-expressive-fast-effects)}.wod-field--outlined input,.wod-field--outlined textarea{border-color:var(--md-sys-color-outline);background:0 0}@media (hover:hover){.wod-field input:hover:not(:focus):not(:disabled),.wod-field textarea:hover:not(:focus):not(:disabled),.wod-field select:hover:not(:focus):not(:disabled){border-color:var(--md-sys-color-outline)}}.wod-field input:focus,.wod-field textarea:focus,.wod-field select:focus{outline:var(--md-sys-focus-ring-width) solid var(--md-sys-color-primary);outline-offset:0;border-color:var(--md-sys-color-primary)}.wod-field--error input,.wod-field--error textarea,.wod-field--error select,:is(.wod-field input:user-invalid,.wod-field textarea:user-invalid,.wod-field select:user-invalid){border-color:var(--md-sys-color-error)}:is(.wod-field:has(:user-invalid) .wod-field__support,.wod-field:has(:user-invalid) .wod-field__error){color:var(--md-sys-color-error)}:is(.wod-field input:user-invalid:focus,.wod-field textarea:user-invalid:focus,.wod-field select:user-invalid:focus){animation:wod-error-shake .32s var(--md-sys-motion-expressive-fast-effects)}@media (prefers-reduced-motion:reduce){:is(.wod-field input:user-invalid:focus,.wod-field textarea:user-invalid:focus,.wod-field select:user-invalid:focus){animation:none}}.wod-field__support{font-size:var(--wod-type-body-sm);line-height:var(--wod-type-body-sm-line);color:var(--md-sys-color-on-surface-variant);text-wrap:pretty;margin:0}.wod-field__error{color:var(--md-sys-color-error);font-size:var(--md-sys-typescale-emphasized-body-small-size)}.wod-field input:disabled,.wod-field textarea:disabled,.wod-field select:disabled{opacity:var(--md-sys-state-disabled-opacity);cursor:not-allowed;background:var(--md-sys-color-surface-container)}.wod-field--with-addons .wod-field__control,.wod-search.wod-field--with-addons,.wod-search:has(>.wod-field__addon){align-items:center;gap:var(--md-sys-space-100);display:flex}.wod-field--with-addons .wod-field__control{min-height:56px;padding-inline:var(--md-sys-space-150);border-radius:var(--md-comp-field-shape);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);transition:border-color var(--md-sys-motion-expressive-fast-effects-duration) var(--md-sys-motion-expressive-fast-effects), box-shadow var(--md-sys-motion-expressive-fast-effects-duration) var(--md-sys-motion-expressive-fast-effects)}.wod-field--with-addons.wod-field--outlined .wod-field__control{border-color:var(--md-sys-color-outline);background:0 0}.wod-field--with-addons .wod-field__control:focus-within{outline:var(--md-sys-focus-ring-width) solid var(--md-sys-color-primary);outline-offset:0;border-color:var(--md-sys-color-primary)}.wod-field--with-addons .wod-field__control input,.wod-field--with-addons .wod-field__control textarea,.wod-field--with-addons .wod-field__control select{min-width:0;min-height:var(--md-sys-target-min);padding:var(--md-sys-space-150) 0;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;margin:0}.wod-field--with-addons .wod-field__control input:focus,.wod-field--with-addons .wod-field__control textarea:focus,.wod-field--with-addons .wod-field__control select:focus{box-shadow:none;border-color:#0000;outline:none}.wod-field__addon{justify-content:center;align-items:center;gap:var(--md-sys-space-50);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-emphasized-label-large-size,14px);flex:none;line-height:1;display:inline-flex}.wod-field__addon--start{margin-inline-end:0}.wod-field__addon--end{margin-inline-start:0}.wod-field__addon .material-symbols-rounded{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:24px}.wod-field__addon kbd,kbd.wod-field__addon{min-height:28px;padding:0 var(--md-sys-space-100);border-radius:var(--md-sys-shape-small);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:var(--md-ref-typeface-plain);letter-spacing:.02em;box-shadow:inset 0 0 0 1px var(--md-sys-color-outline-variant);align-items:center;font-size:12px;font-weight:600;display:inline-flex}}@layer patterns,utilities;
