@swisspost/design-system-styles 10.7.0 → 10.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/README.md +29 -24
  2. package/_svg-icon-map.scss +17 -5
  3. package/basics.css +1 -1
  4. package/cargo-compact.css +1 -1
  5. package/cargo-condensed.css +1 -0
  6. package/cargo-condensed.scss +12 -0
  7. package/cargo-default.css +1 -1
  8. package/cargo-tokens-compact.css +1 -1
  9. package/cargo-tokens-condensed.css +1 -0
  10. package/cargo-tokens-condensed.scss +8 -0
  11. package/cargo-tokens-default.css +1 -1
  12. package/components/avatar.css +1 -1
  13. package/components/blockquote.css +1 -1
  14. package/components/blockquote.scss +5 -1
  15. package/components/button-group.css +1 -1
  16. package/components/button.css +1 -1
  17. package/components/button.scss +5 -0
  18. package/components/card.css +1 -1
  19. package/components/checkbox.css +1 -1
  20. package/components/chip.css +1 -1
  21. package/components/chip.scss +1 -1
  22. package/components/dialog.css +1 -1
  23. package/components/dialog.scss +2 -2
  24. package/components/footer/_post-footer.scss +17 -7
  25. package/components/footer/index.css +1 -1
  26. package/components/form-input.css +1 -1
  27. package/components/form-input.scss +41 -24
  28. package/components/form-search-input.css +1 -1
  29. package/components/form-search-input.scss +1 -1
  30. package/components/form-select.css +1 -1
  31. package/components/form-select.scss +19 -12
  32. package/components/form-textarea.css +1 -1
  33. package/components/form-textarea.scss +5 -3
  34. package/components/header/_custom-properties.scss +32 -8
  35. package/components/header/index.css +1 -1
  36. package/components/inline-notification.css +1 -1
  37. package/components/inline-notification.scss +32 -15
  38. package/components/list-check.css +1 -1
  39. package/components/list-check.scss +18 -53
  40. package/components/list-interactive.css +1 -1
  41. package/components/palette.css +1 -1
  42. package/components/radio-button.css +1 -1
  43. package/components/segmented-button.css +1 -1
  44. package/components/selection-card.css +1 -1
  45. package/components/selection-card.scss +2 -1
  46. package/components/skiplinks.css +1 -1
  47. package/components/switch.css +1 -1
  48. package/components/switch.scss +4 -4
  49. package/components/tabs/_tab-title.scss +8 -8
  50. package/components/tabs/index.css +1 -1
  51. package/components/tag.css +1 -1
  52. package/components/tag.scss +2 -1
  53. package/components/toast.css +1 -1
  54. package/elements/anchor.css +1 -1
  55. package/elements/list-bullet.css +1 -1
  56. package/functions/_icons.scss +4 -3
  57. package/helpers/focus-ring.css +1 -1
  58. package/layout/_containers.scss +1 -1
  59. package/layout/_section.scss +1 -1
  60. package/mixins/_button.scss +12 -1
  61. package/mixins/_color-scheme.scss +48 -17
  62. package/mixins/_forms.scss +3 -3
  63. package/mixins/_list.scss +5 -5
  64. package/mixins/_notification.scss +2 -1
  65. package/mixins/_utilities.scss +22 -29
  66. package/package.json +13 -13
  67. package/placeholders/_button.scss +1 -0
  68. package/post-compact.css +1 -1
  69. package/post-condensed.css +1 -0
  70. package/post-condensed.scss +12 -0
  71. package/post-default.css +1 -1
  72. package/post-tokens-compact.css +1 -1
  73. package/post-tokens-condensed.css +1 -0
  74. package/post-tokens-condensed.scss +8 -0
  75. package/post-tokens-default.css +1 -1
  76. package/tokens/_appearance-condensed.scss +11 -0
  77. package/tokens/_device-condensed.scss +10 -0
  78. package/tokens/_schemes.scss +2 -8
  79. package/utilities/_env-variables.scss +1 -1
  80. package/utilities/_variables.scss +36 -36
  81. package/variables/components/_notification.scss +10 -10
package/components/form-input.css CHANGED
@@ -1 +1 @@
1
- input.form-control{display:block;width:100%;font-family:inherit;appearance:none;background-clip:padding-box;border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-input-enabled-border);position:relative;border-radius:var(--post-device-border-radius-1);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-device-spacing-padding-3);padding-block:var(--post-device-spacing-padding-block-1);height:var(--post-device-sizing-interactive-button-height-6)}input.form-control.form-control-sm{height:var(--post-device-sizing-interactive-button-height-8);padding-block:var(--post-device-spacing-padding-29);font-size:var(--post-device-font-size-7)}input.form-control:focus{border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg)}input.form-control:focus{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}input.form-control:focus:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:focus:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){input.form-control:focus:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:focus:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:focus{border-color:FieldText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:not(:disabled):hover,input.form-control:not(:disabled):focus{border-color:FieldText}}input.form-control:not(:disabled):hover{border-color:var(--post-scheme-color-interactive-input-hover-border);background-color:var(--post-scheme-color-interactive-input-hover-bg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:not(:disabled):hover{border-color:Highlight}}input.form-control[readonly]:not(:disabled){border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}input.form-control[type=file]{overflow:hidden;position:relative}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control[type=file]:disabled{color:GrayText;border-color:GrayText}}input.form-control[type=file]::file-selector-button{padding-block:var(--post-device-spacing-padding-block-1);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-device-spacing-padding-3);margin-block:calc(var(--post-device-spacing-padding-block-1)*-1);color:var(--post-scheme-color-interactive-input-enabled-fg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--post-device-border-width-default);border-radius:0;display:block;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-end:0;margin-inline:0;height:auto;background-color:inherit;border-right:0 none;border-left:inherit}@supports(background: -webkit-named-image(i)){input.form-control[type=file]::file-selector-button{display:initial;position:initial;margin-inline:0;padding-inline:0;width:0;border:0 none}input.form-control[type=file]::after{display:flex;align-items:center;content:"Choose File";position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-end:0;z-index:2;padding-inline:var(--post-device-spacing-padding-inline-1);background-color:inherit;border-inline-start:inherit;text-align:center}[lang=de] input.form-control[type=file]::after{content:"Datei auswählen"}[lang=fr] input.form-control[type=file]::after{content:"Choisir un fichier"}[lang=it] input.form-control[type=file]::after{content:"Scegli file"}input.form-control[type=file][multiple]::after{content:"Choose Files"}[lang=de] input.form-control[type=file][multiple]::after{content:"Dateien auswählen"}[lang=fr] input.form-control[type=file][multiple]::after{content:"Choisir des fichiers"}}input.form-control[type=file].is-valid::file-selector-button,input.form-control[type=file].is-invalid::file-selector-button{padding-inline-end:calc(var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-1))}input.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}input.form-control[type=time]{padding-inline-end:calc(var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-1))}input.form-control[type=time]::-webkit-date-and-time-value{text-align:start}input.form-control[type=time]::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:var(--post-device-position-2);inset-block-start:50%;transform:translateY(-50%);width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1);background:rgba(0,0,0,0);cursor:pointer;z-index:1;padding:0;margin:0}input.form-control[type=time]::-webkit-calendar-picker-indicator:focus-within{border-radius:4px;outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) var(--post-core-border-style-solid) var(--post-device-border-width-focus) !important}input.form-control[type=time]::after{position:absolute;inset-inline-end:var(--post-device-position-2);inset-block-start:50%;transform:translateY(-50%);width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1);content:"";display:block;pointer-events:none;background-color:var(--post-scheme-color-interactive-input-enabled-fg);z-index:2;mask-image:var(--post-icon-time);background-color:currentColor}:root,:host{--post-icon-time: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktdGltZSI+PHN5bWJvbCBpZD0iczE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0xMy40MSA0LjY4LjgtLjhjLjI5LS4yOS4yOS0uNzcgMC0xLjA2cy0uNzctLjI5LTEuMDYgMGwtLjguOGE2Ljk1IDYuOTUgMCAwIDAtMy42LTEuNXYtLjYxaDEuMzJWMEg1Ljk0djEuNWgxLjMydi42MWMtMy40OC4zOC02LjIgMy4zNC02LjIgNi45MiAwIDMuODQgMy4xMiA2Ljk2IDYuOTUgNi45NnM2Ljk1LTMuMTIgNi45NS02Ljk2YzAtMS42NS0uNTgtMy4xNy0xLjU0LTQuMzZaTTggMTQuNWMtMyAwLTUuNDUtMi40NS01LjQ1LTUuNDZTNC45OSAzLjU4IDggMy41OHM1LjQ1IDIuNDUgNS40NSA1LjQ2UzExLjAxIDE0LjUgOCAxNC41bTIuMjUtNi42OWMuMjkuMjkuMjkuNzcgMCAxLjA2bC0xLjcyIDEuNzJjLS4xNS4xNS0uMzQuMjItLjUzLjIycy0uMzgtLjA3LS41My0uMjJsLTIuNS0yLjUxYy0uMjktLjI5LS4yOS0uNzcgMC0xLjA2cy43Ny0uMjkgMS4wNiAwTDggOWwxLjE5LTEuMTljLjI5LS4yOS43Ny0uMjkgMS4wNiAwIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im0xOS45NiA2Ljg4LjkxLS45MWMuMzQtLjM0LjM0LS44OSAwLTEuMjRzLS45LS4zNC0xLjI0IDBsLS45MS45MWExMC40IDEwLjQgMCAwIDAtNS44NC0yLjQyVjEuNzRoMi4zMVYwSDguODJ2MS43NWgyLjMxdjEuNDhjLTUuMzQuNDQtOS41NSA0LjkxLTkuNTUgMTAuMzZDMS41OCAxOS4zMyA2LjI2IDI0IDEyIDI0czEwLjQyLTQuNjcgMTAuNDItMTAuNDFjMC0yLjU2LS45My00LjktMi40Ny02LjcxWk0xMiAyMi4yNWMtNC43OCAwLTguNjctMy44OS04LjY3LTguNjZTNy4yMiA0LjkzIDEyIDQuOTNzOC42NyAzLjg5IDguNjcgOC42Ni0zLjg5IDguNjYtOC42NyA4LjY2bTMuOC0xMC44N2MuMzQuMzQuMzQuOSAwIDEuMjRsLTMuMTggMy4xOGMtLjE3LjE3LS40LjI2LS42Mi4yNnMtLjQ1LS4wOC0uNjItLjI2TDYuOCAxMS4yMmEuODguODggMCAwIDEgMC0xLjI0Yy4zNC0uMzQuOS0uMzQgMS4yNCAwbDMuOTcgMy45NiAyLjU2LTIuNTZjLjM0LS4zNC45LS4zNCAxLjI0IDBaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxwYXRoIGQ9Im0yNi40NyA5LjA5IDEuMzUtMS4zNWEuOTk2Ljk5NiAwIDEgMC0xLjQxLTEuNDFsLTEuMzUgMS4zNWMtMi4xOS0xLjktNC45OC0zLjEyLTguMDUtMy4zNFYyaDMuMjlWMGgtOC41N3YyaDMuMjl2Mi4zNGMtNy4xNy41Mi0xMi44NiA2LjUtMTIuODYgMTMuODFzNi4yMiAxMy44NiAxMy44NiAxMy44NiAxMy44Ni02LjIyIDEzLjg2LTEzLjg2YzAtMy40Ni0xLjI4LTYuNjItMy4zOS05LjA1Wk0xNiAzMEM5LjQ2IDMwIDQuMTQgMjQuNjggNC4xNCAxOC4xNFM5LjQ2IDYuMjggMTYgNi4yOHMxMS44NiA1LjMyIDExLjg2IDExLjg2UzIyLjU0IDMwIDE2IDMwbTQuOTktMTQuNzFjLjM5LjM5LjM5IDEuMDIgMCAxLjQxbC00LjI5IDQuMjljLS4yLjItLjQ1LjI5LS43MS4yOXMtLjUxLS4xLS43MS0uMjlsLTUuOTctNS45N2EuOTk2Ljk5NiAwIDEgMSAxLjQxLTEuNDFsNS4yNyA1LjI3IDMuNTgtMy41OGEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiPjxwYXRoIGQ9Im0zMi45OSAxMS4zIDEuNzktMS43OWMuNDQtLjQ0LjQ0LTEuMTUgMC0xLjU5cy0xLjE1LS40NC0xLjU5IDBMMzEuNCA5LjcxYy0yLjc4LTIuNDQtNi4zNS00LTEwLjI3LTQuMjZ2LTMuMmg0LjI3VjBIMTQuNjJ2Mi4yNWg0LjI3djMuMkM5Ljg2IDYuMDMgMi43IDEzLjUzIDIuNyAyMi43UzEwLjQ2IDQwIDIwIDQwczE3LjMtNy43NiAxNy4zLTE3LjNjMC00LjM3LTEuNjQtOC4zNS00LjMxLTExLjRNMjAgMzcuNzVDMTEuNyAzNy43NSA0Ljk1IDMxIDQuOTUgMjIuN1MxMS43IDcuNjUgMjAgNy42NSAzNS4wNSAxNC40IDM1LjA1IDIyLjcgMjguMyAzNy43NSAyMCAzNy43NW02LjE5LTE4LjU1Yy40NC40NC40NCAxLjE1IDAgMS41OWwtNS4zOSA1LjM5Yy0uMjIuMjItLjUxLjMzLS44LjMzcy0uNTgtLjExLS44LS4zM2wtNy41OS03LjZjLS40NC0uNDQtLjQ0LTEuMTUgMC0xLjU5czEuMTUtLjQ0IDEuNTkgMGw2LjggNi44IDQuNi00LjZjLjQ0LS40NCAxLjE1LS40NCAxLjU5IDBaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGQ9Im0zOS41MiAxMy41MSAyLjIzLTIuMjNjLjQ5LS40OS40OS0xLjI4IDAtMS43N3MtMS4yOC0uNDktMS43NyAwbC0yLjIzIDIuMjNhMjAuNjggMjAuNjggMCAwIDAtMTIuNS01LjE4VjIuNWg1LjI1VjBIMTcuNDl2Mi41aDUuMjV2NC4wNmMtMTAuODYuNjYtMTkuNSA5LjY4LTE5LjUgMjAuNjlTMTIuNTUgNDggMjQgNDhzMjAuNzYtOS4zMSAyMC43Ni0yMC43NWMwLTUuMjctMS45OS0xMC4wOC01LjI1LTEzLjc0Wk0yNCA0NS41MWMtMTAuMDcgMC0xOC4yNi04LjE5LTE4LjI2LTE4LjI1UzEzLjkzIDkgMjQgOXMxOC4yNiA4LjE5IDE4LjI2IDE4LjI1UzM0LjA3IDQ1LjUgMjQgNDUuNVptNy4zOS0yMi4zOWMuNDkuNDkuNDkgMS4yOCAwIDEuNzdsLTYuNSA2LjVjLS4yNC4yNC0uNTYuMzctLjg4LjM3cy0uNjQtLjEyLS44OC0uMzdsLTkuMzQtOS4zM2MtLjQ5LS40OS0uNDktMS4yOCAwLTEuNzdzMS4yOC0uNDkgMS43NyAwbDguNDYgOC40NSA1LjYyLTUuNjJhMS4yNSAxLjI1IDAgMCAxIDEuNzcgMFoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTUyLjQ3IDE3Ljgzcy4wNS0uMDMuMDctLjA1bDMuMTMtMy4xM2MuNTQtLjU0LjU0LTEuNDEgMC0xLjk0LS41NC0uNTQtMS40MS0uNTQtMS45NCAwbC0zLjEzIDMuMTNzLS4wMy4wNS0uMDUuMDdjLTQuNTktNC4xNi0xMC41OC02LjgxLTE3LjE4LTcuMTNWMi43NGg3LjM4VjBIMjMuMjR2Mi43NWg3LjM4djYuMDRDMTYuMDEgOS41MSA0LjM1IDIxLjYxIDQuMzUgMzYuMzhTMTYuNzUgNjQgMzEuOTkgNjRzMjcuNjQtMTIuMzkgMjcuNjQtMjcuNjJjMC03LjEzLTIuNzItMTMuNjQtNy4xNy0xOC41NFpNMzIgNjEuMjRjLTEzLjczIDAtMjQuODktMTEuMTYtMjQuODktMjQuODhTMTguMjggMTEuNDggMzIgMTEuNDhzMjQuODkgMTEuMTYgMjQuODkgMjQuODhTNDUuNzIgNjEuMjQgMzIgNjEuMjRtOS43Mi0zMC4yMWMuNTQuNTQuNTQgMS40MSAwIDEuOTRsLTguNzUgOC43NWMtLjI3LjI3LS42Mi40LS45Ny40cy0uNy0uMTMtLjk3LS40TDE4LjMxIDI5LjAxYy0uNTQtLjU0LS41NC0xLjQxIDAtMS45NC41NC0uNTQgMS40MS0uNTQgMS45NSAwbDExLjc1IDExLjc0IDcuNzgtNy43N2MuNTQtLjU0IDEuNDEtLjU0IDEuOTUgMFoiLz48L3N5bWJvbD48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMTYsIG5vbmUpIiBocmVmPSIjczE2Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczI0LCBub25lKSIgaHJlZj0iI3MyNCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMzMiwgbm9uZSkiIGhyZWY9IiNzMzIiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNDAsIG5vbmUpIiBocmVmPSIjczQwIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQ4LCBub25lKSIgaHJlZj0iI3M0OCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM2NCwgbm9uZSkiIGhyZWY9IiNzNjQiLz48L3N5bWJvbD48L2RlZnM+PHN0eWxlPkBtZWRpYSAobWF4LXdpZHRoOiAyMy45OHB4KSB7Z3stLXMxNjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiAyNHB4KSBhbmQgKG1heC13aWR0aDogMzEuOThweCkge2d7LS1zMjQ6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMzJweCkgYW5kIChtYXgtd2lkdGg6IDM5Ljk4cHgpIHtney0tczMyOmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDQwcHgpIGFuZCAobWF4LXdpZHRoOiA0Ny45OHB4KSB7Z3stLXM0MDpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0OHB4KSBhbmQgKG1heC13aWR0aDogNjMuOThweCkge2d7LS1zNDg6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNjRweCkge2d7LS1zNjQ6YmxvY2s7fX08L3N0eWxlPjxnPjx1c2UgaHJlZj0iI2ktdGltZSIvPjwvZz48L3N2Zz4=")}input.form-control[type=time]:disabled::after{display:none}input.form-control[type=time].is-valid:not(:disabled),input.form-control[type=time].is-invalid:not(:disabled){padding-inline-end:calc(var(--post-device-position-2) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1)*2 + var(--post-device-spacing-padding-3));background-position:top 50% right calc(var(--post-device-position-2) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1))}input.form-control::placeholder{color:var(--post-scheme-color-interactive-input-enabled-fg);opacity:1}input.form-control[type=date]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=date]::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=datetime-local]::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=month]::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=week]::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=time]::-webkit-datetime-edit-meridiem-field:not(:focus){-webkit-text-fill-color:var(--post-scheme-color-interactive-input-enabled-fg) !important}input.form-control[type=date]::-webkit-datetime-edit-day-field:focus,input.form-control[type=date]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=date]::-webkit-datetime-edit-month-field:focus,input.form-control[type=date]::-webkit-datetime-edit-year-field:focus,input.form-control[type=date]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=date]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=date]::-webkit-datetime-edit-second-field:focus,input.form-control[type=date]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=date]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-day-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-month-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-year-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-second-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=month]::-webkit-datetime-edit-day-field:focus,input.form-control[type=month]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=month]::-webkit-datetime-edit-month-field:focus,input.form-control[type=month]::-webkit-datetime-edit-year-field:focus,input.form-control[type=month]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=month]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=month]::-webkit-datetime-edit-second-field:focus,input.form-control[type=month]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=month]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=week]::-webkit-datetime-edit-day-field:focus,input.form-control[type=week]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=week]::-webkit-datetime-edit-month-field:focus,input.form-control[type=week]::-webkit-datetime-edit-year-field:focus,input.form-control[type=week]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=week]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=week]::-webkit-datetime-edit-second-field:focus,input.form-control[type=week]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=week]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=time]::-webkit-datetime-edit-day-field:focus,input.form-control[type=time]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=time]::-webkit-datetime-edit-month-field:focus,input.form-control[type=time]::-webkit-datetime-edit-year-field:focus,input.form-control[type=time]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=time]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=time]::-webkit-datetime-edit-second-field:focus,input.form-control[type=time]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=time]::-webkit-datetime-edit-meridiem-field:focus{background-color:#b4d5fe !important;-webkit-text-fill-color:#000 !important}input.form-control:disabled{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash);opacity:1}input.form-control:disabled::placeholder{color:var(--post-scheme-color-interactive-input-disabled-fg);opacity:1}input.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--post-scheme-color-interactive-input-hover-bg)}input.form-control.is-valid:not(:disabled),input.form-control.is-invalid:not(:disabled){background-size:var(--post-device-sizing-notification-1) var(--post-device-sizing-notification-1);background-position:top 50% right var(--post-device-position-2);background-repeat:no-repeat;padding-inline-end:calc(var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-1))}input.form-control.is-valid:not(:disabled).form-control-sm,input.form-control.is-invalid:not(:disabled).form-control-sm{background-size:var(--post-device-sizing-notification-5) var(--post-device-sizing-notification-5);padding-inline-end:calc(var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-5))}*:not(.form-floating)>input.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){*:not(.form-floating)>input.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){*:not(.form-floating)>input.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}*:not(.form-floating)>input.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){*:not(.form-floating)>input.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){*:not(.form-floating)>input.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}.form-label:has(+input.form-control[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-label:has(+input.form-control-sm){display:block;padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-30);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-floating{position:relative}.form-floating::after{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.form-floating:has(>input.form-control.is-valid:not(:disabled))::after,.form-floating:has(>input.form-control:-webkit-autofill.is-valid)::after{content:"";position:absolute;inset-block-start:var(--post-form-floating-validation-icon-block-start, calc(var(--post-device-sizing-interactive-button-height-6) / 2));transform:translateY(-50%);inset-inline-end:var(--post-form-floating-validation-icon-inline-end, var(--post-device-position-2));z-index:2;pointer-events:none;background-image:var(--post-signal-icon-success)}.form-floating:has(>input.form-control.is-invalid:not(:disabled))::after,.form-floating:has(>input.form-control:-webkit-autofill.is-invalid)::after{content:"";position:absolute;inset-block-start:var(--post-form-floating-validation-icon-block-start, calc(var(--post-device-sizing-interactive-button-height-6) / 2));transform:translateY(-50%);inset-inline-end:var(--post-form-floating-validation-icon-inline-end, var(--post-device-position-2));z-index:1;pointer-events:none;background-image:var(--post-signal-icon-error)}.form-floating:has(>input.form-control[type=time].is-valid:not(:disabled))::after,.form-floating:has(>input.form-control[type=time]:-webkit-autofill.is-valid)::after,.form-floating:has(>input.form-control[type=time].is-invalid:not(:disabled))::after,.form-floating:has(>input.form-control[type=time]:-webkit-autofill.is-invalid)::after{inset-inline-end:calc(var(--post-device-position-2) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1))}.form-floating>input.form-control~label{position:absolute;z-index:1;text-align:start;pointer-events:none;display:block;inset-block-start:var(--post-device-border-width-default);inset-inline-start:var(--post-device-border-width-default);margin:0;padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-device-spacing-padding-inline-4);padding-block-start:var(--post-device-spacing-padding-block-28);border:0;color:var(--post-scheme-color-interactive-input-enabled-fg);width:auto;height:auto;max-width:calc(100% - var(--post-device-border-width-default)*2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:padding-block-start .2s ease-in-out,font-size .2s ease-in-out}.form-floating>input.form-control{min-height:var(--post-device-sizing-interactive-button-height-6);padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}.form-floating>input.form-control::placeholder{color:rgba(0,0,0,0);opacity:0;transition:opacity .25s linear}.form-floating>input.form-control:focus~label,.form-floating>input.form-control:not(:placeholder-shown)~label{color:var(--post-scheme-color-interactive-input-enabled-fg);font-size:var(--post-device-font-size-10);padding-block-start:var(--post-device-spacing-padding-block-30)}.form-floating>input.form-control:focus:not(:hover):not(:disabled)~label,.form-floating>input.form-control:not(:placeholder-shown):not(:hover):not(:disabled)~label{color:var(--post-scheme-color-interactive-input-enabled-fg)}.form-floating>input.form-control:focus::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1;transition:opacity .35s .15s linear}.form-floating>input.form-control:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg)}.form-floating>input.form-control:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-input-hover-fg)}.form-floating>input.form-control[type=file]:focus,.form-floating>input.form-control[type=file]:not(:placeholder-shown){padding-inline-start:var(--post-device-spacing-padding-5);padding-inline-end:var(--post-device-spacing-padding-inline-4)}.form-floating>input.form-control:-webkit-autofill{padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}.form-floating>input.form-control:-webkit-autofill~label{color:var(--post-scheme-color-interactive-input-enabled-fg);font-size:var(--post-device-font-size-10);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-floating>input::placeholder{opacity:0}}
1
+ input.form-control{display:block;width:100%;font-family:inherit;appearance:none;background-clip:padding-box;border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-input-enabled-border);position:relative;border-radius:var(--post-device-border-radius-1);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-device-spacing-padding-3);padding-block:var(--post-device-spacing-padding-block-1);height:var(--post-device-sizing-interactive-button-height-6);font-size:var(--post-device-font-size-12)}input.form-control.form-control-sm{height:var(--post-device-sizing-interactive-button-height-8);padding-block:var(--post-device-spacing-padding-26);font-size:var(--post-device-font-size-8)}input.form-control:focus{border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg)}input.form-control:focus{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}input.form-control:focus:focus-visible{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:focus:focus-visible{outline-color:Highlight !important}}input.form-control:focus.pretend-focus{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:focus.pretend-focus{outline-color:Highlight !important}}input.form-control:focus:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:focus:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){input.form-control:focus:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:focus:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:focus{border-color:FieldText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:not(:disabled):hover,input.form-control:not(:disabled):focus{border-color:FieldText}}input.form-control:not(:disabled):hover{border-color:var(--post-scheme-color-interactive-input-hover-border);background-color:var(--post-scheme-color-interactive-input-hover-bg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:not(:disabled):hover{border-color:Highlight}}input.form-control[readonly]:not(:disabled){border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}input.form-control[type=file]{overflow:hidden;position:relative}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control[type=file]:disabled{color:GrayText;border-color:GrayText}}input.form-control[type=file]::file-selector-button{padding-block:var(--post-device-spacing-padding-block-1);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-device-spacing-padding-3);margin-block:calc(var(--post-device-spacing-padding-block-1)*-1);color:var(--post-scheme-color-interactive-input-enabled-fg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--post-device-border-width-default);border-radius:0;display:block;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-end:0;margin-inline:0;height:auto;background-color:inherit;border-right:0 none;border-left:inherit}@supports(background: -webkit-named-image(i)){input.form-control[type=file]::file-selector-button{display:initial;position:initial;margin-inline:0;padding-inline:0;width:0;border:0 none}input.form-control[type=file]::after{display:flex;align-items:center;content:"Choose File";position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-end:0;z-index:2;padding-inline:var(--post-device-spacing-padding-inline-1);background-color:inherit;border-inline-start:inherit;text-align:center}[lang=de] input.form-control[type=file]::after{content:"Datei auswählen"}[lang=fr] input.form-control[type=file]::after{content:"Choisir un fichier"}[lang=it] input.form-control[type=file]::after{content:"Scegli file"}input.form-control[type=file][multiple]::after{content:"Choose Files"}[lang=de] input.form-control[type=file][multiple]::after{content:"Dateien auswählen"}[lang=fr] input.form-control[type=file][multiple]::after{content:"Choisir des fichiers"}}input.form-control[type=file].is-valid::file-selector-button,input.form-control[type=file].is-invalid::file-selector-button{padding-inline-end:calc(var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-1))}input.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}input.form-control[type=time]{padding-inline-end:calc(var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-1))}input.form-control[type=time]::-webkit-date-and-time-value{text-align:start}input.form-control[type=time]::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:var(--post-device-position-2);inset-block-start:50%;transform:translateY(-50%);width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1);background:rgba(0,0,0,0);cursor:pointer;z-index:1;padding:0;margin:0}input.form-control[type=time]::-webkit-calendar-picker-indicator:focus-within{border-radius:4px;outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) var(--post-core-border-style-solid) var(--post-device-border-width-focus) !important}input.form-control[type=time]::after{position:absolute;inset-inline-end:var(--post-device-position-2);inset-block-start:50%;transform:translateY(-50%);width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1);content:"";display:block;pointer-events:none;background-color:var(--post-scheme-color-interactive-input-enabled-fg);z-index:2;mask-image:var(--post-icon-time);background-color:currentColor}:root,:host{--post-icon-time: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzeW1ib2wgaWQ9ImktdGltZSI+PHN5bWJvbCBpZD0iczE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0xMy40MSA0LjY4LjgtLjhjLjI5LS4yOS4yOS0uNzcgMC0xLjA2cy0uNzctLjI5LTEuMDYgMGwtLjguOGE2Ljk1IDYuOTUgMCAwIDAtMy42LTEuNXYtLjYxaDEuMzJWMEg1Ljk0djEuNWgxLjMydi42MWMtMy40OC4zOC02LjIgMy4zNC02LjIgNi45MiAwIDMuODQgMy4xMiA2Ljk2IDYuOTUgNi45NnM2Ljk1LTMuMTIgNi45NS02Ljk2YzAtMS42NS0uNTgtMy4xNy0xLjU0LTQuMzZaTTggMTQuNWMtMyAwLTUuNDUtMi40NS01LjQ1LTUuNDZTNC45OSAzLjU4IDggMy41OHM1LjQ1IDIuNDUgNS40NSA1LjQ2UzExLjAxIDE0LjUgOCAxNC41bTIuMjUtNi42OWMuMjkuMjkuMjkuNzcgMCAxLjA2bC0xLjcyIDEuNzJjLS4xNS4xNS0uMzQuMjItLjUzLjIycy0uMzgtLjA3LS41My0uMjJsLTIuNS0yLjUxYy0uMjktLjI5LS4yOS0uNzcgMC0xLjA2cy43Ny0uMjkgMS4wNiAwTDggOWwxLjE5LTEuMTljLjI5LS4yOS43Ny0uMjkgMS4wNiAwIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Im0xOS45NiA2Ljg4LjkxLS45MWMuMzQtLjM0LjM0LS44OSAwLTEuMjRzLS45LS4zNC0xLjI0IDBsLS45MS45MWExMC40IDEwLjQgMCAwIDAtNS44NC0yLjQyVjEuNzRoMi4zMVYwSDguODJ2MS43NWgyLjMxdjEuNDhjLTUuMzQuNDQtOS41NSA0LjkxLTkuNTUgMTAuMzZDMS41OCAxOS4zMyA2LjI2IDI0IDEyIDI0czEwLjQyLTQuNjcgMTAuNDItMTAuNDFjMC0yLjU2LS45My00LjktMi40Ny02LjcxWk0xMiAyMi4yNWMtNC43OCAwLTguNjctMy44OS04LjY3LTguNjZTNy4yMiA0LjkzIDEyIDQuOTNzOC42NyAzLjg5IDguNjcgOC42Ni0zLjg5IDguNjYtOC42NyA4LjY2bTMuOC0xMC44N2MuMzQuMzQuMzQuOSAwIDEuMjRsLTMuMTggMy4xOGMtLjE3LjE3LS40LjI2LS42Mi4yNnMtLjQ1LS4wOC0uNjItLjI2TDYuOCAxMS4yMmEuODguODggMCAwIDEgMC0xLjI0Yy4zNC0uMzQuOS0uMzQgMS4yNCAwbDMuOTcgMy45NiAyLjU2LTIuNTZjLjM0LS4zNC45LS4zNCAxLjI0IDBaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxwYXRoIGQ9Im0yNi40NyA5LjA5IDEuMzUtMS4zNWEuOTk2Ljk5NiAwIDEgMC0xLjQxLTEuNDFsLTEuMzUgMS4zNWMtMi4xOS0xLjktNC45OC0zLjEyLTguMDUtMy4zNFYyaDMuMjlWMGgtOC41N3YyaDMuMjl2Mi4zNGMtNy4xNy41Mi0xMi44NiA2LjUtMTIuODYgMTMuODFzNi4yMiAxMy44NiAxMy44NiAxMy44NiAxMy44Ni02LjIyIDEzLjg2LTEzLjg2YzAtMy40Ni0xLjI4LTYuNjItMy4zOS05LjA1Wk0xNiAzMEM5LjQ2IDMwIDQuMTQgMjQuNjggNC4xNCAxOC4xNFM5LjQ2IDYuMjggMTYgNi4yOHMxMS44NiA1LjMyIDExLjg2IDExLjg2UzIyLjU0IDMwIDE2IDMwbTQuOTktMTQuNzFjLjM5LjM5LjM5IDEuMDIgMCAxLjQxbC00LjI5IDQuMjljLS4yLjItLjQ1LjI5LS43MS4yOXMtLjUxLS4xLS43MS0uMjlsLTUuOTctNS45N2EuOTk2Ljk5NiAwIDEgMSAxLjQxLTEuNDFsNS4yNyA1LjI3IDMuNTgtMy41OGEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQwIiB2aWV3Qm94PSIwIDAgNDAgNDAiPjxwYXRoIGQ9Im0zMi45OSAxMS4zIDEuNzktMS43OWMuNDQtLjQ0LjQ0LTEuMTUgMC0xLjU5cy0xLjE1LS40NC0xLjU5IDBMMzEuNCA5LjcxYy0yLjc4LTIuNDQtNi4zNS00LTEwLjI3LTQuMjZ2LTMuMmg0LjI3VjBIMTQuNjJ2Mi4yNWg0LjI3djMuMkM5Ljg2IDYuMDMgMi43IDEzLjUzIDIuNyAyMi43UzEwLjQ2IDQwIDIwIDQwczE3LjMtNy43NiAxNy4zLTE3LjNjMC00LjM3LTEuNjQtOC4zNS00LjMxLTExLjRNMjAgMzcuNzVDMTEuNyAzNy43NSA0Ljk1IDMxIDQuOTUgMjIuN1MxMS43IDcuNjUgMjAgNy42NSAzNS4wNSAxNC40IDM1LjA1IDIyLjcgMjguMyAzNy43NSAyMCAzNy43NW02LjE5LTE4LjU1Yy40NC40NC40NCAxLjE1IDAgMS41OWwtNS4zOSA1LjM5Yy0uMjIuMjItLjUxLjMzLS44LjMzcy0uNTgtLjExLS44LS4zM2wtNy41OS03LjZjLS40NC0uNDQtLjQ0LTEuMTUgMC0xLjU5czEuMTUtLjQ0IDEuNTkgMGw2LjggNi44IDQuNi00LjZjLjQ0LS40NCAxLjE1LS40NCAxLjU5IDBaIi8+PC9zeW1ib2w+PHN5bWJvbCBpZD0iczQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGQ9Im0zOS41MiAxMy41MSAyLjIzLTIuMjNjLjQ5LS40OS40OS0xLjI4IDAtMS43N3MtMS4yOC0uNDktMS43NyAwbC0yLjIzIDIuMjNhMjAuNjggMjAuNjggMCAwIDAtMTIuNS01LjE4VjIuNWg1LjI1VjBIMTcuNDl2Mi41aDUuMjV2NC4wNmMtMTAuODYuNjYtMTkuNSA5LjY4LTE5LjUgMjAuNjlTMTIuNTUgNDggMjQgNDhzMjAuNzYtOS4zMSAyMC43Ni0yMC43NWMwLTUuMjctMS45OS0xMC4wOC01LjI1LTEzLjc0Wk0yNCA0NS41MWMtMTAuMDcgMC0xOC4yNi04LjE5LTE4LjI2LTE4LjI1UzEzLjkzIDkgMjQgOXMxOC4yNiA4LjE5IDE4LjI2IDE4LjI1UzM0LjA3IDQ1LjUgMjQgNDUuNVptNy4zOS0yMi4zOWMuNDkuNDkuNDkgMS4yOCAwIDEuNzdsLTYuNSA2LjVjLS4yNC4yNC0uNTYuMzctLjg4LjM3cy0uNjQtLjEyLS44OC0uMzdsLTkuMzQtOS4zM2MtLjQ5LS40OS0uNDktMS4yOCAwLTEuNzdzMS4yOC0uNDkgMS43NyAwbDguNDYgOC40NSA1LjYyLTUuNjJhMS4yNSAxLjI1IDAgMCAxIDEuNzcgMFoiLz48L3N5bWJvbD48c3ltYm9sIGlkPSJzNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHBhdGggZD0iTTUyLjQ3IDE3Ljgzcy4wNS0uMDMuMDctLjA1bDMuMTMtMy4xM2MuNTQtLjU0LjU0LTEuNDEgMC0xLjk0LS41NC0uNTQtMS40MS0uNTQtMS45NCAwbC0zLjEzIDMuMTNzLS4wMy4wNS0uMDUuMDdjLTQuNTktNC4xNi0xMC41OC02LjgxLTE3LjE4LTcuMTNWMi43NGg3LjM4VjBIMjMuMjR2Mi43NWg3LjM4djYuMDRDMTYuMDEgOS41MSA0LjM1IDIxLjYxIDQuMzUgMzYuMzhTMTYuNzUgNjQgMzEuOTkgNjRzMjcuNjQtMTIuMzkgMjcuNjQtMjcuNjJjMC03LjEzLTIuNzItMTMuNjQtNy4xNy0xOC41NFpNMzIgNjEuMjRjLTEzLjczIDAtMjQuODktMTEuMTYtMjQuODktMjQuODhTMTguMjggMTEuNDggMzIgMTEuNDhzMjQuODkgMTEuMTYgMjQuODkgMjQuODhTNDUuNzIgNjEuMjQgMzIgNjEuMjRtOS43Mi0zMC4yMWMuNTQuNTQuNTQgMS40MSAwIDEuOTRsLTguNzUgOC43NWMtLjI3LjI3LS42Mi40LS45Ny40cy0uNy0uMTMtLjk3LS40TDE4LjMxIDI5LjAxYy0uNTQtLjU0LS41NC0xLjQxIDAtMS45NC41NC0uNTQgMS40MS0uNTQgMS45NSAwbDExLjc1IDExLjc0IDcuNzgtNy43N2MuNTQtLjU0IDEuNDEtLjU0IDEuOTUgMFoiLz48L3N5bWJvbD48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zMTYsIG5vbmUpIiBocmVmPSIjczE2Ii8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczI0LCBub25lKSIgaHJlZj0iI3MyNCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXMzMiwgbm9uZSkiIGhyZWY9IiNzMzIiLz48dXNlIHN0eWxlPSJkaXNwbGF5OiB2YXIoLS1zNDAsIG5vbmUpIiBocmVmPSIjczQwIi8+PHVzZSBzdHlsZT0iZGlzcGxheTogdmFyKC0tczQ4LCBub25lKSIgaHJlZj0iI3M0OCIvPjx1c2Ugc3R5bGU9ImRpc3BsYXk6IHZhcigtLXM2NCwgbm9uZSkiIGhyZWY9IiNzNjQiLz48L3N5bWJvbD48L2RlZnM+PHN0eWxlPkBtZWRpYSAobWF4LXdpZHRoOiAyMy45OHB4KSB7Z3stLXMxNjpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiAyNHB4KSBhbmQgKG1heC13aWR0aDogMzEuOThweCkge2d7LS1zMjQ6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogMzJweCkgYW5kIChtYXgtd2lkdGg6IDM5Ljk4cHgpIHtney0tczMyOmJsb2NrO319QG1lZGlhIChtaW4td2lkdGg6IDQwcHgpIGFuZCAobWF4LXdpZHRoOiA0Ny45OHB4KSB7Z3stLXM0MDpibG9jazt9fUBtZWRpYSAobWluLXdpZHRoOiA0OHB4KSBhbmQgKG1heC13aWR0aDogNjMuOThweCkge2d7LS1zNDg6YmxvY2s7fX1AbWVkaWEgKG1pbi13aWR0aDogNjRweCkge2d7LS1zNjQ6YmxvY2s7fX08L3N0eWxlPjxnPjx1c2UgaHJlZj0iI2ktdGltZSIvPjwvZz48L3N2Zz4=")}input.form-control[type=time]:disabled::after{display:none}input.form-control[type=time].is-valid:not(:disabled),input.form-control[type=time].is-invalid:not(:disabled){padding-inline-end:calc(var(--post-device-position-2) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1)*2 + var(--post-device-spacing-padding-3));background-position:top 50% right calc(var(--post-device-position-2) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1))}input.form-control::placeholder{color:var(--post-scheme-color-interactive-input-enabled-fg);opacity:1}input.form-control[type=date]:not(:disabled)::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=date]:not(:disabled)::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=date]:not(:disabled)::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=date]:not(:disabled)::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=date]:not(:disabled)::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=date]:not(:disabled)::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=date]:not(:disabled)::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=date]:not(:disabled)::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=datetime-local]:not(:disabled)::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=datetime-local]:not(:disabled)::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=datetime-local]:not(:disabled)::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=datetime-local]:not(:disabled)::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=datetime-local]:not(:disabled)::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=datetime-local]:not(:disabled)::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=datetime-local]:not(:disabled)::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=datetime-local]:not(:disabled)::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=month]:not(:disabled)::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=month]:not(:disabled)::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=month]:not(:disabled)::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=month]:not(:disabled)::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=month]:not(:disabled)::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=month]:not(:disabled)::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=month]:not(:disabled)::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=month]:not(:disabled)::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=week]:not(:disabled)::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=week]:not(:disabled)::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=week]:not(:disabled)::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=week]:not(:disabled)::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=week]:not(:disabled)::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=week]:not(:disabled)::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=week]:not(:disabled)::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=week]:not(:disabled)::-webkit-datetime-edit-meridiem-field:not(:focus),input.form-control[type=time]:not(:disabled)::-webkit-datetime-edit-day-field:not(:focus),input.form-control[type=time]:not(:disabled)::-webkit-datetime-edit-month-field:not(:focus),input.form-control[type=time]:not(:disabled)::-webkit-datetime-edit-year-field:not(:focus),input.form-control[type=time]:not(:disabled)::-webkit-datetime-edit-hour-field:not(:focus),input.form-control[type=time]:not(:disabled)::-webkit-datetime-edit-minute-field:not(:focus),input.form-control[type=time]:not(:disabled)::-webkit-datetime-edit-second-field:not(:focus),input.form-control[type=time]:not(:disabled)::-webkit-datetime-edit-ampm-field:not(:focus),input.form-control[type=time]:not(:disabled)::-webkit-datetime-edit-meridiem-field:not(:focus){-webkit-text-fill-color:var(--post-scheme-color-interactive-input-enabled-fg) !important}input.form-control[type=date]:disabled::-webkit-datetime-edit-day-field,input.form-control[type=date]:disabled::-webkit-datetime-edit-month-field,input.form-control[type=date]:disabled::-webkit-datetime-edit-year-field,input.form-control[type=date]:disabled::-webkit-datetime-edit-hour-field,input.form-control[type=date]:disabled::-webkit-datetime-edit-minute-field,input.form-control[type=date]:disabled::-webkit-datetime-edit-second-field,input.form-control[type=date]:disabled::-webkit-datetime-edit-ampm-field,input.form-control[type=date]:disabled::-webkit-datetime-edit-meridiem-field,input.form-control[type=datetime-local]:disabled::-webkit-datetime-edit-day-field,input.form-control[type=datetime-local]:disabled::-webkit-datetime-edit-month-field,input.form-control[type=datetime-local]:disabled::-webkit-datetime-edit-year-field,input.form-control[type=datetime-local]:disabled::-webkit-datetime-edit-hour-field,input.form-control[type=datetime-local]:disabled::-webkit-datetime-edit-minute-field,input.form-control[type=datetime-local]:disabled::-webkit-datetime-edit-second-field,input.form-control[type=datetime-local]:disabled::-webkit-datetime-edit-ampm-field,input.form-control[type=datetime-local]:disabled::-webkit-datetime-edit-meridiem-field,input.form-control[type=month]:disabled::-webkit-datetime-edit-day-field,input.form-control[type=month]:disabled::-webkit-datetime-edit-month-field,input.form-control[type=month]:disabled::-webkit-datetime-edit-year-field,input.form-control[type=month]:disabled::-webkit-datetime-edit-hour-field,input.form-control[type=month]:disabled::-webkit-datetime-edit-minute-field,input.form-control[type=month]:disabled::-webkit-datetime-edit-second-field,input.form-control[type=month]:disabled::-webkit-datetime-edit-ampm-field,input.form-control[type=month]:disabled::-webkit-datetime-edit-meridiem-field,input.form-control[type=week]:disabled::-webkit-datetime-edit-day-field,input.form-control[type=week]:disabled::-webkit-datetime-edit-month-field,input.form-control[type=week]:disabled::-webkit-datetime-edit-year-field,input.form-control[type=week]:disabled::-webkit-datetime-edit-hour-field,input.form-control[type=week]:disabled::-webkit-datetime-edit-minute-field,input.form-control[type=week]:disabled::-webkit-datetime-edit-second-field,input.form-control[type=week]:disabled::-webkit-datetime-edit-ampm-field,input.form-control[type=week]:disabled::-webkit-datetime-edit-meridiem-field,input.form-control[type=time]:disabled::-webkit-datetime-edit-day-field,input.form-control[type=time]:disabled::-webkit-datetime-edit-month-field,input.form-control[type=time]:disabled::-webkit-datetime-edit-year-field,input.form-control[type=time]:disabled::-webkit-datetime-edit-hour-field,input.form-control[type=time]:disabled::-webkit-datetime-edit-minute-field,input.form-control[type=time]:disabled::-webkit-datetime-edit-second-field,input.form-control[type=time]:disabled::-webkit-datetime-edit-ampm-field,input.form-control[type=time]:disabled::-webkit-datetime-edit-meridiem-field{-webkit-text-fill-color:var(--post-scheme-color-interactive-input-disabled-fg) !important}input.form-control[type=date]::-webkit-datetime-edit-day-field:focus,input.form-control[type=date]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=date]::-webkit-datetime-edit-month-field:focus,input.form-control[type=date]::-webkit-datetime-edit-year-field:focus,input.form-control[type=date]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=date]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=date]::-webkit-datetime-edit-second-field:focus,input.form-control[type=date]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=date]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-day-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-month-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-year-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-second-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=datetime-local]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=month]::-webkit-datetime-edit-day-field:focus,input.form-control[type=month]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=month]::-webkit-datetime-edit-month-field:focus,input.form-control[type=month]::-webkit-datetime-edit-year-field:focus,input.form-control[type=month]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=month]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=month]::-webkit-datetime-edit-second-field:focus,input.form-control[type=month]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=month]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=week]::-webkit-datetime-edit-day-field:focus,input.form-control[type=week]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=week]::-webkit-datetime-edit-month-field:focus,input.form-control[type=week]::-webkit-datetime-edit-year-field:focus,input.form-control[type=week]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=week]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=week]::-webkit-datetime-edit-second-field:focus,input.form-control[type=week]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=week]::-webkit-datetime-edit-meridiem-field:focus,input.form-control[type=time]::-webkit-datetime-edit-day-field:focus,input.form-control[type=time]::-webkit-datetime-edit-fields-wrapper:focus,input.form-control[type=time]::-webkit-datetime-edit-month-field:focus,input.form-control[type=time]::-webkit-datetime-edit-year-field:focus,input.form-control[type=time]::-webkit-datetime-edit-hour-field:focus,input.form-control[type=time]::-webkit-datetime-edit-minute-field:focus,input.form-control[type=time]::-webkit-datetime-edit-second-field:focus,input.form-control[type=time]::-webkit-datetime-edit-ampm-field:focus,input.form-control[type=time]::-webkit-datetime-edit-meridiem-field:focus{background-color:#b4d5fe !important;-webkit-text-fill-color:#000 !important}input.form-control:disabled{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash);opacity:1}input.form-control:disabled::placeholder{color:var(--post-scheme-color-interactive-input-disabled-fg);opacity:1}input.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--post-scheme-color-interactive-input-hover-bg)}input.form-control.is-valid:not(:disabled),input.form-control.is-invalid:not(:disabled){background-size:var(--post-device-sizing-notification-1) var(--post-device-sizing-notification-1);background-position:top 50% right var(--post-device-position-2);background-repeat:no-repeat;padding-inline-end:calc(var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-1))}input.form-control.is-valid:not(:disabled).form-control-sm,input.form-control.is-invalid:not(:disabled).form-control-sm{background-size:var(--post-device-sizing-notification-5) var(--post-device-sizing-notification-5);padding-inline-end:calc(var(--post-device-spacing-padding-3) + var(--post-device-position-2) + var(--post-device-sizing-notification-5))}*:not(.form-floating)>input.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){*:not(.form-floating)>input.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){*:not(.form-floating)>input.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}*:not(.form-floating)>input.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){*:not(.form-floating)>input.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){*:not(.form-floating)>input.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}.form-label:has(+input.form-control[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-label:has(+input.form-control-sm){display:block;padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-41);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-floating{position:relative}.form-floating::after{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.form-floating:has(>input.form-control.is-valid:not(:disabled))::after,.form-floating:has(>input.form-control:-webkit-autofill.is-valid)::after{content:"";position:absolute;inset-block-start:var(--post-form-floating-validation-icon-block-start, calc(var(--post-device-sizing-interactive-button-height-6) / 2));transform:translateY(-50%);inset-inline-end:var(--post-form-floating-validation-icon-inline-end, var(--post-device-position-2));z-index:2;pointer-events:none;background-image:var(--post-signal-icon-success)}.form-floating:has(>input.form-control.is-invalid:not(:disabled))::after,.form-floating:has(>input.form-control:-webkit-autofill.is-invalid)::after{content:"";position:absolute;inset-block-start:var(--post-form-floating-validation-icon-block-start, calc(var(--post-device-sizing-interactive-button-height-6) / 2));transform:translateY(-50%);inset-inline-end:var(--post-form-floating-validation-icon-inline-end, var(--post-device-position-2));z-index:1;pointer-events:none;background-image:var(--post-signal-icon-error)}.form-floating:has(>input.form-control[type=time].is-valid:not(:disabled))::after,.form-floating:has(>input.form-control[type=time]:-webkit-autofill.is-valid)::after,.form-floating:has(>input.form-control[type=time].is-invalid:not(:disabled))::after,.form-floating:has(>input.form-control[type=time]:-webkit-autofill.is-invalid)::after{inset-inline-end:calc(var(--post-device-position-2) + var(--post-device-spacing-gap-inline-8) + var(--post-device-sizing-notification-1))}.form-floating>input.form-control~label{position:absolute;z-index:1;text-align:start;pointer-events:none;display:block;inset-block-start:var(--post-device-border-width-default);inset-inline-start:var(--post-device-border-width-default);margin:0;padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-device-spacing-padding-inline-4);padding-block-start:var(--post-device-spacing-padding-block-28);border:0;color:var(--post-scheme-color-interactive-input-enabled-fg);font-size:var(--post-device-font-size-12);width:auto;height:auto;max-width:calc(100% - var(--post-device-border-width-default)*2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:padding-block-start .2s ease-in-out,font-size .2s ease-in-out}.form-floating>input.form-control{min-height:var(--post-device-sizing-interactive-button-height-6);padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}.form-floating>input.form-control::placeholder{color:rgba(0,0,0,0);opacity:0;transition:opacity .25s linear}.form-floating>input.form-control:focus~label,.form-floating>input.form-control:not(:placeholder-shown)~label{color:var(--post-scheme-color-interactive-input-enabled-fg);font-size:var(--post-device-font-size-10);padding-block-start:var(--post-device-spacing-padding-block-30)}.form-floating>input.form-control:focus:not(:hover):not(:disabled)~label,.form-floating>input.form-control:not(:placeholder-shown):not(:hover):not(:disabled)~label{color:var(--post-scheme-color-interactive-input-enabled-fg)}.form-floating>input.form-control:focus::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1;transition:opacity .35s .15s linear}.form-floating>input.form-control:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg)}.form-floating>input.form-control:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-input-hover-fg)}.form-floating>input.form-control[type=file]:focus,.form-floating>input.form-control[type=file]:not(:placeholder-shown){padding-inline-start:var(--post-device-spacing-padding-5);padding-inline-end:var(--post-device-spacing-padding-inline-4)}.form-floating>input.form-control:-webkit-autofill{padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}.form-floating>input.form-control:-webkit-autofill~label{color:var(--post-scheme-color-interactive-input-enabled-fg);font-size:var(--post-device-font-size-10);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-floating>input::placeholder{opacity:0}}
package/components/form-input.scss CHANGED
@@ -34,6 +34,7 @@ input.form-control {
34
34
  padding-inline-end: tokens.get('input-padding-inline-end');
35
35
  padding-block: tokens.get('input-standalone-padding-block');
36
36
  height: tokens.get('input-sizing-height');
37
+ font-size: tokens.get('input-font-size');
37
38
 
38
39
  &.form-control-sm {
39
40
  height: tokens.get('input-small-sizing-height');
@@ -171,8 +172,8 @@ input.form-control {
171
172
  &::file-selector-button {
172
173
  padding-inline-end: calc(
173
174
  #{tokens.get('input-padding-inline-end')} +
174
- #{tokens.get('input-validation-icon-position-inline-end')} +
175
- #{tokens.get('input-sizing-icon')}
175
+ #{tokens.get('input-validation-icon-position-inline-end')} +
176
+ #{tokens.get('input-sizing-icon')}
176
177
  );
177
178
  }
178
179
  }
@@ -185,8 +186,8 @@ input.form-control {
185
186
  &[type='time'] {
186
187
  padding-inline-end: calc(
187
188
  #{tokens.get('input-padding-inline-end')} +
188
- #{tokens.get('input-validation-icon-position-inline-end')} +
189
- #{tokens.get('input-sizing-icon')}
189
+ #{tokens.get('input-validation-icon-position-inline-end')} +
190
+ #{tokens.get('input-sizing-icon')}
190
191
  );
191
192
 
192
193
  &::-webkit-date-and-time-value {
@@ -231,14 +232,14 @@ input.form-control {
231
232
  &:not(:disabled) {
232
233
  padding-inline-end: calc(
233
234
  #{tokens.get('input-validation-icon-position-inline-end')} +
234
- #{tokens.get('post-datepicker-input-icons-gap-inline', components.$post-datepicker)} +
235
- #{tokens.get('input-sizing-icon')} * 2 + #{tokens.get('input-padding-inline-end')}
235
+ #{tokens.get('post-datepicker-input-icons-gap-inline', components.$post-datepicker)} +
236
+ #{tokens.get('input-sizing-icon')} * 2 + #{tokens.get('input-padding-inline-end')}
236
237
  );
237
238
  background-position: top 50% right
238
239
  calc(
239
240
  #{tokens.get('input-validation-icon-position-inline-end')} +
240
- #{tokens.get('post-datepicker-input-icons-gap-inline', components.$post-datepicker)} +
241
- #{tokens.get('input-sizing-icon')}
241
+ #{tokens.get('post-datepicker-input-icons-gap-inline', components.$post-datepicker)} +
242
+ #{tokens.get('input-sizing-icon')}
242
243
  );
243
244
  }
244
245
  }
@@ -257,15 +258,30 @@ input.form-control {
257
258
  &[type='month'],
258
259
  &[type='week'],
259
260
  &[type='time'] {
260
- &::-webkit-datetime-edit-day-field:not(:focus),
261
- &::-webkit-datetime-edit-month-field:not(:focus),
262
- &::-webkit-datetime-edit-year-field:not(:focus),
263
- &::-webkit-datetime-edit-hour-field:not(:focus),
264
- &::-webkit-datetime-edit-minute-field:not(:focus),
265
- &::-webkit-datetime-edit-second-field:not(:focus),
266
- &::-webkit-datetime-edit-ampm-field:not(:focus),
267
- &::-webkit-datetime-edit-meridiem-field:not(:focus) {
268
- -webkit-text-fill-color: tokens.get('input-color-enabled-fg') !important;
261
+ &:not(:disabled) {
262
+ &::-webkit-datetime-edit-day-field:not(:focus),
263
+ &::-webkit-datetime-edit-month-field:not(:focus),
264
+ &::-webkit-datetime-edit-year-field:not(:focus),
265
+ &::-webkit-datetime-edit-hour-field:not(:focus),
266
+ &::-webkit-datetime-edit-minute-field:not(:focus),
267
+ &::-webkit-datetime-edit-second-field:not(:focus),
268
+ &::-webkit-datetime-edit-ampm-field:not(:focus),
269
+ &::-webkit-datetime-edit-meridiem-field:not(:focus) {
270
+ -webkit-text-fill-color: tokens.get('input-color-enabled-fg') !important;
271
+ }
272
+ }
273
+
274
+ &:disabled {
275
+ &::-webkit-datetime-edit-day-field,
276
+ &::-webkit-datetime-edit-month-field,
277
+ &::-webkit-datetime-edit-year-field,
278
+ &::-webkit-datetime-edit-hour-field,
279
+ &::-webkit-datetime-edit-minute-field,
280
+ &::-webkit-datetime-edit-second-field,
281
+ &::-webkit-datetime-edit-ampm-field,
282
+ &::-webkit-datetime-edit-meridiem-field {
283
+ -webkit-text-fill-color: tokens.get('input-color-disabled-fg') !important;
284
+ }
269
285
  }
270
286
 
271
287
  // Safari-specific: Override default selection styles where background and text colors
@@ -309,16 +325,16 @@ input.form-control {
309
325
  background-repeat: no-repeat;
310
326
  padding-inline-end: calc(
311
327
  #{tokens.get('input-padding-inline-end')} +
312
- #{tokens.get('input-validation-icon-position-inline-end')} +
313
- #{tokens.get('input-sizing-icon')}
328
+ #{tokens.get('input-validation-icon-position-inline-end')} +
329
+ #{tokens.get('input-sizing-icon')}
314
330
  );
315
331
 
316
332
  &.form-control-sm {
317
333
  background-size: tokens.get('input-small-sizing-icon') tokens.get('input-small-sizing-icon');
318
334
  padding-inline-end: calc(
319
335
  #{tokens.get('input-padding-inline-end')} +
320
- #{tokens.get('input-validation-icon-position-inline-end')} +
321
- #{tokens.get('input-small-sizing-icon')}
336
+ #{tokens.get('input-validation-icon-position-inline-end')} +
337
+ #{tokens.get('input-small-sizing-icon')}
322
338
  );
323
339
  }
324
340
  }
@@ -339,7 +355,7 @@ input.form-control {
339
355
  padding-inline: tokens.get('input-non-floating-small-label-padding-inline');
340
356
  padding-block: tokens.get('input-non-floating-small-label-padding-block');
341
357
  font-weight: tokens.get('input-non-floating-small-label-font-weight');
342
- font-size: tokens.get('input-non-floating-small-font-size');
358
+ font-size: tokens.get('input-non-floating-small-label-font-size');
343
359
  }
344
360
 
345
361
  .form-floating {
@@ -392,8 +408,8 @@ input.form-control {
392
408
  &:has(> input.form-control[type='time']:-webkit-autofill.is-invalid)::after {
393
409
  inset-inline-end: calc(
394
410
  #{tokens.get('input-validation-icon-position-inline-end')} +
395
- #{tokens.get('post-datepicker-input-icons-gap-inline', components.$post-datepicker)} +
396
- #{tokens.get('input-sizing-icon')}
411
+ #{tokens.get('post-datepicker-input-icons-gap-inline', components.$post-datepicker)} +
412
+ #{tokens.get('input-sizing-icon')}
397
413
  );
398
414
  }
399
415
 
@@ -411,6 +427,7 @@ input.form-control {
411
427
  padding-block-start: tokens.get('input-label-empty-padding-block-start');
412
428
  border: 0;
413
429
  color: tokens.get('input-color-enabled-fg');
430
+ font-size: tokens.get('input-font-size');
414
431
  width: auto;
415
432
  height: auto;
416
433
  max-width: calc(100% - (#{tokens.get('input-border-width')} * 2));
package/components/form-search-input.css CHANGED
@@ -1 +1 @@
1
- .search-input{position:relative}.search-input input[type=search]::-webkit-search-decoration,.search-input input[type=search]::-webkit-search-cancel-button,.search-input input[type=search]::-webkit-search-results-button,.search-input input[type=search]::-webkit-search-results-decoration{display:none}.search-input .form-control{padding-right:var(--post-core-dimension-48)}.search-input .form-control:not(:placeholder-shown){padding-right:var(--post-core-dimension-80)}.search-input .form-control:not(:placeholder-shown)~.form-label{padding-right:var(--post-core-dimension-82)}.search-input .form-control:not(:placeholder-shown)~.delete-button{visibility:visible;opacity:1}.search-input .form-control~.form-label{z-index:0;padding-right:var(--post-core-dimension-50)}.search-input .delete-button,.search-input .search-button{z-index:1;padding:0;position:absolute;transform:translateY(-50%);background:none;border:0;display:flex;align-items:center;justify-content:center;border-radius:var(--post-device-border-radius-focus);transition:opacity .2s ease,visibility .2s ease,fill .2s ease;color:var(--post-scheme-color-interactive-input-enabled-fg);right:var(--post-core-dimension-14);top:calc(var(--post-device-sizing-interactive-button-height-6)/2)}.search-input .delete-button post-icon,.search-input .search-button post-icon{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.search-input .delete-button:not([disabled]),.search-input .search-button:not([disabled]){cursor:pointer}.search-input .delete-button:not([disabled]) :where(:hover>*) post-icon,.search-input .search-button:not([disabled]) :where(:hover>*) post-icon{color:var(--post-scheme-color-interactive-input-hover-fg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .delete-button:not([disabled]) :where(:hover>*) post-icon,.search-input .search-button:not([disabled]) :where(:hover>*) post-icon{color:Highlight}}.search-input .search-button{right:var(--post-core-dimension-14)}.search-input .search-button:focus-visible{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.search-input .search-button:focus-visible:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .search-button:focus-visible:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.search-input .search-button:focus-visible:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .search-button:focus-visible:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.search-input .delete-button{right:calc(var(--post-device-sizing-notification-1) + var(--post-core-dimension-8) + var(--post-core-dimension-14));visibility:hidden;opacity:0}.search-input .delete-button:focus-visible{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.search-input .delete-button:focus-visible:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .delete-button:focus-visible:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.search-input .delete-button:focus-visible:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .delete-button:focus-visible:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}
1
+ .search-input{position:relative}.search-input input[type=search]::-webkit-search-decoration,.search-input input[type=search]::-webkit-search-cancel-button,.search-input input[type=search]::-webkit-search-results-button,.search-input input[type=search]::-webkit-search-results-decoration{display:none}.search-input .form-control{padding-right:var(--post-core-dimension-48)}.search-input .form-control:not(:placeholder-shown){padding-right:var(--post-core-dimension-80)}.search-input .form-control:not(:placeholder-shown)~.form-label{padding-right:var(--post-core-dimension-82)}.search-input .form-control:not(:placeholder-shown)~.delete-button{visibility:visible;opacity:1}.search-input .form-control~.form-label{z-index:0;padding-right:var(--post-core-dimension-50)}.search-input .delete-button,.search-input .search-button{z-index:1;padding:0;position:absolute;transform:translateY(-50%);background:none;border:0;display:flex;align-items:center;justify-content:center;border-radius:var(--post-device-border-radius-focus);transition:opacity .2s ease,visibility .2s ease,fill .2s ease;color:var(--post-scheme-color-interactive-input-enabled-fg);right:var(--post-core-dimension-14);top:calc(var(--post-device-sizing-interactive-button-height-6)/2)}.search-input .delete-button post-icon,.search-input .search-button post-icon{width:var(--post-device-sizing-notification-1);height:var(--post-device-sizing-notification-1)}.search-input .delete-button:not([disabled]),.search-input .search-button:not([disabled]){cursor:pointer}.search-input .delete-button:not([disabled]) :where(:hover>*) post-icon,.search-input .search-button:not([disabled]) :where(:hover>*) post-icon{color:var(--post-scheme-color-interactive-input-hover-fg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .delete-button:not([disabled]) :where(:hover>*) post-icon,.search-input .search-button:not([disabled]) :where(:hover>*) post-icon{color:Highlight}}.search-input .search-button{right:var(--post-core-dimension-14)}.search-input .search-button:focus-visible{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.search-input .search-button:focus-visible:focus-visible{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .search-button:focus-visible:focus-visible{outline-color:Highlight !important}}.search-input .search-button:focus-visible.pretend-focus{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .search-button:focus-visible.pretend-focus{outline-color:Highlight !important}}.search-input .search-button:focus-visible:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .search-button:focus-visible:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.search-input .search-button:focus-visible:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .search-button:focus-visible:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.search-input .delete-button{right:calc(var(--post-device-sizing-notification-1) + var(--post-core-dimension-8) + var(--post-core-dimension-14));visibility:hidden;opacity:0}.search-input .delete-button:focus-visible{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.search-input .delete-button:focus-visible:focus-visible{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .delete-button:focus-visible:focus-visible{outline-color:Highlight !important}}.search-input .delete-button:focus-visible.pretend-focus{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .delete-button:focus-visible.pretend-focus{outline-color:Highlight !important}}.search-input .delete-button:focus-visible:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .delete-button:focus-visible:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.search-input .delete-button:focus-visible:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.search-input .delete-button:focus-visible:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}
package/components/form-search-input.scss CHANGED
@@ -54,7 +54,7 @@ tokens.$default-map: components.$post-search-input;
54
54
  .delete-button {
55
55
  right: calc(
56
56
  tokens.get('input-sizing-icon', components.$post-text-input) +
57
- tokens.get('input-search-filled-gap-icon') + tokens.get('search-position-inline-end-icon')
57
+ tokens.get('input-search-filled-gap-icon') + tokens.get('search-position-inline-end-icon')
58
58
  );
59
59
  visibility: hidden;
60
60
  opacity: 0;
package/components/form-select.css CHANGED
@@ -1 +1 @@
1
- .form-select{display:block;width:100%;font-family:inherit;appearance:none;position:relative;min-height:var(--post-device-sizing-interactive-button-height-6);padding-block:var(--post-device-spacing-padding-block-1);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-core-dimension-48);background-color:var(--post-scheme-color-interactive-input-enabled-bg);background-repeat:no-repeat;background-size:var(--post-device-sizing-notification-1);background-position:center right var(--post-device-position-2);border-width:var(--post-device-border-width-default);border-color:var(--post-scheme-color-interactive-input-enabled-border);border-radius:var(--post-device-border-radius-1);color:var(--post-scheme-color-interactive-input-enabled-fg);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}.form-select.form-select-sm{min-height:var(--post-device-sizing-interactive-button-height-8);padding-block:var(--post-device-spacing-padding-29);background-size:var(--post-device-sizing-notification-5);font-size:var(--post-device-font-size-7)}.form-select:disabled{opacity:1;color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash)}.form-select:disabled:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23696864' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}.form-select:not(:disabled):focus{background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);border-color:var(--post-scheme-color-interactive-input-enabled-border)}.form-select:not(:disabled):focus:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}.form-select:not(:disabled):focus{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.form-select:not(:disabled):focus:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):focus:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-select:not(:disabled):focus:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):focus:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):focus{border-color:FieldText}}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23ffffff' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}.form-select:not(:disabled):hover{background-color:var(--post-scheme-color-interactive-input-hover-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);border-color:var(--post-scheme-color-interactive-input-hover-border)}.form-select:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23ffffff' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):hover{border-color:Highlight}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select{background-color:Field;border-color:FieldText;color:FieldText}.form-select:focus-visible{color:FieldText}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23ffffff' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}.form-select.is-valid:not(:disabled),.form-select.is-invalid:not(:disabled){padding-inline-end:var(--post-core-dimension-82);background-position:center right var(--post-device-position-2),center right var(--post-device-position-3)}.form-select.is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}.form-select.is-valid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}.form-select.is-valid:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select.is-valid:not(:disabled),.form-select.is-valid:not(:disabled):hover:not([multiple]),.form-select.is-valid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select.is-valid:not(:disabled),.form-select.is-valid:not(:disabled):hover:not([multiple]),.form-select.is-valid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}}.form-select.is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}.form-select.is-invalid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}.form-select.is-invalid:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select.is-invalid:not(:disabled),.form-select.is-invalid:not(:disabled):hover:not([multiple]),.form-select.is-invalid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select.is-invalid:not(:disabled),.form-select.is-invalid:not(:disabled):hover:not([multiple]),.form-select.is-invalid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}}.form-select[multiple],.form-select[size]:not([size="1"]){background-image:none}.form-select[multiple].is-valid,.form-select[multiple].is-invalid,.form-select[size]:not([size="1"]).is-valid,.form-select[size]:not([size="1"]).is-invalid{background-position:center right var(--post-device-position-3)}.form-select[multiple].is-valid:not(:disabled),.form-select[size]:not([size="1"]).is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select[multiple].is-valid:not(:disabled),.form-select[size]:not([size="1"]).is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select[multiple].is-valid:not(:disabled),.form-select[size]:not([size="1"]).is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}.form-select[multiple].is-invalid:not(:disabled),.form-select[size]:not([size="1"]).is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select[multiple].is-invalid:not(:disabled),.form-select[size]:not([size="1"]).is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select[multiple].is-invalid:not(:disabled),.form-select[size]:not([size="1"]).is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}.form-label:has(+select.form-select[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-label:has(+select.form-select-sm){display:block;padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-30);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-floating{position:relative}.form-floating>.form-select{padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}.form-floating>.form-select~label{position:absolute;z-index:1;text-align:start;pointer-events:none;display:block;left:var(--post-device-border-width-default);top:var(--post-device-border-width-default);font-size:var(--post-device-font-size-10);padding-inline-start:calc(var(--post-device-spacing-padding-5) - var(--post-device-border-width-default));padding-inline-end:0;padding-block-start:var(--post-device-spacing-padding-block-30);border-radius:var(--post-device-border-radius-1);color:var(--post-scheme-color-interactive-input-enabled-fg);max-width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-50));background-color:var(--post-scheme-color-interactive-input-enabled-bg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .25s ease-in-out,padding-block-start .25s ease-in-out}.form-floating>.form-select:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-input-hover-fg);background-color:var(--post-scheme-color-interactive-input-hover-bg)}.form-floating>.form-select:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg)}.form-floating>.form-select:has(option[value=""]:checked:empty):not([multiple])~label,.form-floating>.form-select:has(option:not([value]):checked:empty):not([multiple])~label,.form-floating>.form-select.form-select-empty~label{padding-block-start:var(--post-device-spacing-padding-block-28);font-size:unset}.form-floating>.form-select[multiple]{padding-block-start:calc(var(--post-device-border-width-default) + var(--post-device-spacing-padding-block-29));padding-block-end:0;height:auto}.form-floating>.form-select[multiple] option{color:var(--post-scheme-color-interactive-input-enabled-fg)}.form-floating>.form-select[multiple]~label{width:calc(100% - var(--post-core-dimension-48)*2)}.form-floating>.form-select[multiple]:disabled option{color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-floating>.form-select[multiple]:empty~label{padding-block:var(--post-device-spacing-padding-block-1);width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-device-spacing-padding-5))}[data-color-scheme=dark] .form-select:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}[data-color-scheme=dark] .form-select:not([multiple]):disabled{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.6' fill='%23fcfcfc' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}[data-color-scheme=dark] .form-select:not([multiple]):not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}[data-color-scheme=dark] .form-select:not([multiple]):not(:disabled):hover{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}[data-color-scheme=dark] .form-select:not([multiple]).is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}[data-color-scheme=dark] .form-select:not([multiple]).is-valid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}[data-color-scheme=dark] .form-select:not([multiple]).is-valid:not(:disabled):hover{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}[data-color-scheme=dark] .form-select:not([multiple]).is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}[data-color-scheme=dark] .form-select:not([multiple]).is-invalid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}[data-color-scheme=dark] .form-select:not([multiple]).is-invalid:not(:disabled):hover{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}.no-toggle-arrow::after{display:none !important}
1
+ .form-select{display:block;width:100%;font-family:inherit;appearance:none;position:relative;min-height:var(--post-device-sizing-interactive-button-height-6);padding-block:var(--post-device-spacing-padding-block-1);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-core-dimension-48);background-color:var(--post-scheme-color-interactive-input-enabled-bg);background-repeat:no-repeat;background-size:var(--post-device-sizing-notification-1);background-position:center right var(--post-device-position-2);border-width:var(--post-device-border-width-default);border-color:var(--post-scheme-color-interactive-input-enabled-border);border-radius:var(--post-device-border-radius-1);color:var(--post-scheme-color-interactive-input-enabled-fg);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E");font-size:var(--post-device-font-size-12)}.form-select.form-select-sm{min-height:var(--post-device-sizing-interactive-button-height-8);padding-block:var(--post-device-spacing-padding-26);background-size:var(--post-device-sizing-notification-5);font-size:var(--post-device-font-size-8)}.form-select:disabled{opacity:1;color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash)}.form-select:disabled:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23696864' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}.form-select:not(:disabled):focus{background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);border-color:var(--post-scheme-color-interactive-input-enabled-border)}.form-select:not(:disabled):focus:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}.form-select:not(:disabled):focus{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.form-select:not(:disabled):focus:focus-visible{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):focus:focus-visible{outline-color:Highlight !important}}.form-select:not(:disabled):focus.pretend-focus{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):focus.pretend-focus{outline-color:Highlight !important}}.form-select:not(:disabled):focus:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):focus:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-select:not(:disabled):focus:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):focus:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):focus{border-color:FieldText}}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23ffffff' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}.form-select:not(:disabled):hover{background-color:var(--post-scheme-color-interactive-input-hover-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);border-color:var(--post-scheme-color-interactive-input-hover-border)}.form-select:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23ffffff' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select:not(:disabled):hover{border-color:Highlight}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-select{background-color:Field;border-color:FieldText;color:FieldText}.form-select:focus-visible{color:FieldText}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23ffffff' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}}.form-select.is-valid:not(:disabled),.form-select.is-invalid:not(:disabled){padding-inline-end:var(--post-core-dimension-82);background-position:center right var(--post-device-position-2),center right var(--post-device-position-3)}.form-select.is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}.form-select.is-valid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}.form-select.is-valid:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select.is-valid:not(:disabled),.form-select.is-valid:not(:disabled):hover:not([multiple]),.form-select.is-valid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select.is-valid:not(:disabled),.form-select.is-valid:not(:disabled):hover:not([multiple]),.form-select.is-valid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}}.form-select.is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}.form-select.is-invalid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}.form-select.is-invalid:not(:disabled):hover:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select.is-invalid:not(:disabled),.form-select.is-invalid:not(:disabled):hover:not([multiple]),.form-select.is-invalid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select.is-invalid:not(:disabled),.form-select.is-invalid:not(:disabled):hover:not([multiple]),.form-select.is-invalid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}}.form-select[multiple],.form-select[size]:not([size="1"]){background-image:none}.form-select[multiple].is-valid,.form-select[multiple].is-invalid,.form-select[size]:not([size="1"]).is-valid,.form-select[size]:not([size="1"]).is-invalid{background-position:center right var(--post-device-position-3)}.form-select[multiple].is-valid:not(:disabled),.form-select[size]:not([size="1"]).is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select[multiple].is-valid:not(:disabled),.form-select[size]:not([size="1"]).is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select[multiple].is-valid:not(:disabled),.form-select[size]:not([size="1"]).is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}.form-select[multiple].is-invalid:not(:disabled),.form-select[size]:not([size="1"]).is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){.form-select[multiple].is-invalid:not(:disabled),.form-select[size]:not([size="1"]).is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){.form-select[multiple].is-invalid:not(:disabled),.form-select[size]:not([size="1"]).is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}.form-label:has(+select.form-select[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-label:has(+select.form-select-sm){display:block;padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-41);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-floating{position:relative}.form-floating>.form-select{padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}.form-floating>.form-select~label{position:absolute;z-index:1;text-align:start;pointer-events:none;display:block;left:var(--post-device-border-width-default);top:var(--post-device-border-width-default);font-size:var(--post-device-font-size-10);padding-inline-start:calc(var(--post-device-spacing-padding-5) - var(--post-device-border-width-default));padding-inline-end:0;padding-block-start:var(--post-device-spacing-padding-block-30);border-radius:var(--post-device-border-radius-1);color:var(--post-scheme-color-interactive-input-enabled-fg);max-width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-50));background-color:var(--post-scheme-color-interactive-input-enabled-bg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .25s ease-in-out,padding-block-start .25s ease-in-out}.form-floating>.form-select:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-input-hover-fg);background-color:var(--post-scheme-color-interactive-input-hover-bg)}.form-floating>.form-select:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg)}.form-floating>.form-select:has(option[value=""]:checked:empty):not([multiple])~label,.form-floating>.form-select:has(option:not([value]):checked:empty):not([multiple])~label,.form-floating>.form-select.form-select-empty~label{padding-block-start:var(--post-device-spacing-padding-block-28);font-size:var(--post-device-font-size-12)}.form-floating>.form-select[multiple]{padding-block-start:calc(var(--post-device-border-width-default) + var(--post-device-spacing-padding-block-29));padding-block-end:0;height:auto}.form-floating>.form-select[multiple] option{color:var(--post-scheme-color-interactive-input-enabled-fg)}.form-floating>.form-select[multiple]~label{width:calc(100% - var(--post-core-dimension-48)*2)}.form-floating>.form-select[multiple]:disabled option{color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-floating>.form-select[multiple]:empty~label{padding-block:var(--post-device-spacing-padding-block-1);width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-device-spacing-padding-5))}[data-color-scheme=dark] .form-select:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}[data-color-scheme=dark] .form-select:not([multiple]):disabled{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.6' fill='%23fcfcfc' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}[data-color-scheme=dark] .form-select:not([multiple]):not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}[data-color-scheme=dark] .form-select:not([multiple]):not(:disabled):hover{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E")}[data-color-scheme=dark] .form-select:not([multiple]).is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}[data-color-scheme=dark] .form-select:not([multiple]).is-valid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}[data-color-scheme=dark] .form-select:not([multiple]).is-valid:not(:disabled):hover{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-success)}[data-color-scheme=dark] .form-select:not([multiple]).is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}[data-color-scheme=dark] .form-select:not([multiple]).is-invalid:not(:disabled):focus{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23050400' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}[data-color-scheme=dark] .form-select:not([multiple]).is-invalid:not(:disabled):hover{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' fill='%23504f4b' d='M27.6 10.667 16 22.267l-11.467-11.6-1.067 1.067 12.533 12.4 12.533-12.4z'/%3E%3C/svg%3E"),var(--post-signal-icon-error)}.no-toggle-arrow::after{display:none !important}
package/components/form-select.scss CHANGED
@@ -26,6 +26,7 @@ tokens.$default-map: components.$post-select;
26
26
  border-radius: tokens.get('select-border-radius');
27
27
  color: tokens.get('select-color-enabled-fg');
28
28
  background-image: forms-fx.select-arrow-icon('enabled');
29
+ font-size: tokens.get('select-font-size');
29
30
 
30
31
  &.form-select-sm {
31
32
  min-height: tokens.get('select-small-sizing-height');
@@ -192,7 +193,7 @@ tokens.$default-map: components.$post-select;
192
193
  padding-inline: tokens.get('select-non-floating-small-label-padding-inline');
193
194
  padding-block: tokens.get('select-non-floating-small-label-padding-block');
194
195
  font-weight: tokens.get('select-non-floating-small-label-font-weight');
195
- font-size: tokens.get('select-non-floating-small-font-size');
196
+ font-size: tokens.get('select-non-floating-small-label-font-size');
196
197
  }
197
198
 
198
199
  .form-floating {
@@ -220,9 +221,9 @@ tokens.$default-map: components.$post-select;
220
221
  color: tokens.get('select-color-enabled-fg');
221
222
  max-width: calc(
222
223
  100% -
223
- (#{tokens.get('select-border-width')} * 2) - tokens.get(
224
- 'select-label-empty-padding-inline-end'
225
- )
224
+ (#{tokens.get('select-border-width')} * 2) - tokens.get(
225
+ 'select-label-empty-padding-inline-end'
226
+ )
226
227
  );
227
228
  background-color: tokens.get('select-color-enabled-bg');
228
229
  white-space: nowrap;
@@ -249,7 +250,7 @@ tokens.$default-map: components.$post-select;
249
250
  &.form-select-empty {
250
251
  ~ label {
251
252
  padding-block-start: tokens.get('select-label-empty-padding-block-start');
252
- font-size: unset;
253
+ font-size: tokens.get('select-font-size');
253
254
  }
254
255
  }
255
256
 
@@ -278,7 +279,7 @@ tokens.$default-map: components.$post-select;
278
279
  padding-block: tokens.get('select-standalone-padding-block');
279
280
  width: calc(
280
281
  100% - (#{tokens.get('select-border-width')} * 2) -
281
- #{tokens.get('select-label-empty-padding-inline-start')}
282
+ #{tokens.get('select-label-empty-padding-inline-start')}
282
283
  );
283
284
  }
284
285
  }
@@ -305,26 +306,32 @@ tokens.$default-map: components.$post-select;
305
306
  }
306
307
 
307
308
  &.is-valid:not(:disabled) {
308
- background-image: forms-fx.select-arrow-icon('enabled', 'dark'), var(--post-signal-icon-success);
309
+ background-image:
310
+ forms-fx.select-arrow-icon('enabled', 'dark'), var(--post-signal-icon-success);
309
311
 
310
312
  &:focus {
311
- background-image: forms-fx.select-arrow-icon('selected', 'dark'), var(--post-signal-icon-success);
313
+ background-image:
314
+ forms-fx.select-arrow-icon('selected', 'dark'), var(--post-signal-icon-success);
312
315
  }
313
316
 
314
317
  &:hover {
315
- background-image: forms-fx.select-arrow-icon('hover', 'dark'), var(--post-signal-icon-success);
318
+ background-image:
319
+ forms-fx.select-arrow-icon('hover', 'dark'), var(--post-signal-icon-success);
316
320
  }
317
321
  }
318
322
 
319
323
  &.is-invalid:not(:disabled) {
320
- background-image: forms-fx.select-arrow-icon('enabled', 'dark'), var(--post-signal-icon-error);
324
+ background-image:
325
+ forms-fx.select-arrow-icon('enabled', 'dark'), var(--post-signal-icon-error);
321
326
 
322
327
  &:focus {
323
- background-image: forms-fx.select-arrow-icon('selected', 'dark'), var(--post-signal-icon-error);
328
+ background-image:
329
+ forms-fx.select-arrow-icon('selected', 'dark'), var(--post-signal-icon-error);
324
330
  }
325
331
 
326
332
  &:hover {
327
- background-image: forms-fx.select-arrow-icon('hover', 'dark'), var(--post-signal-icon-error);
333
+ background-image:
334
+ forms-fx.select-arrow-icon('hover', 'dark'), var(--post-signal-icon-error);
328
335
  }
329
336
  }
330
337
  }
package/components/form-textarea.css CHANGED
@@ -1 +1 @@
1
- textarea.form-control{display:block;width:100%;appearance:none;background-clip:padding-box;border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-input-enabled-border);position:relative;border-radius:var(--post-device-border-radius-1);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-core-dimension-26);padding-block:var(--post-device-spacing-padding-3);min-height:var(--post-core-dimension-88);resize:vertical}textarea.form-control{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}textarea.form-control:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){textarea.form-control:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}textarea.form-control::-webkit-resizer{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_7846_3191)"%3E%3Cpath d="M6.5 18H9.5V21H6.5V18Z" fill="%23050400"/%3E%3Cpath d="M12.5 18H15.5V21H12.5V18Z" fill="%23050400"/%3E%3Cpath d="M12.5 12H15.5V15H12.5V12Z" fill="%23050400"/%3E%3Cpath d="M18.5 12H21.5V15H18.5V12Z" fill="%23050400"/%3E%3Cpath d="M18.5 6H21.5V9H18.5V6Z" fill="%23050400"/%3E%3Cpath d="M18.5 18H21.5V21H18.5V18Z" fill="%23050400"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_7846_3191"%3E%3Crect width="24" height="24" fill="white" transform="translate(0.5)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');background-repeat:no-repeat;background-size:100%}textarea.form-control.form-control-sm{min-height:var(--post-core-dimension-64);padding-block:var(--post-device-spacing-padding-29);font-size:var(--post-device-font-size-7)}textarea.form-control[disabled]::-webkit-resizer{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_7846_3191)"%3E%3Cpath d="M6.5 18H9.5V21H6.5V18Z" fill="%23696864"/%3E%3Cpath d="M12.5 18H15.5V21H12.5V18Z" fill="%23696864"/%3E%3Cpath d="M12.5 12H15.5V15H12.5V12Z" fill="%23696864"/%3E%3Cpath d="M18.5 12H21.5V15H18.5V12Z" fill="%23696864"/%3E%3Cpath d="M18.5 6H21.5V9H18.5V6Z" fill="%23696864"/%3E%3Cpath d="M18.5 18H21.5V21H18.5V18Z" fill="%23696864"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_7846_3191"%3E%3Crect width="24" height="24" fill="white" transform="translate(0.5)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');background-repeat:no-repeat;background-size:100%}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:focus{border-color:FieldText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:not(:disabled):hover,textarea.form-control:not(:disabled):focus{border-color:FieldText}}textarea.form-control:not(:disabled):hover{border-color:var(--post-scheme-color-interactive-input-hover-border);background-color:var(--post-scheme-color-interactive-input-hover-bg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:not(:disabled):hover{border-color:Highlight}}textarea.form-control[readonly]:not(:disabled){border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}textarea.form-control::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1}textarea.form-control:disabled{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash);opacity:1}textarea.form-control.is-valid:not(:disabled),textarea.form-control.is-invalid:not(:disabled){background-size:var(--post-device-sizing-notification-1) var(--post-device-sizing-notification-1);background-position:top var(--post-core-dimension-12) right var(--post-core-dimension-28);background-repeat:no-repeat;padding-inline-end:var(--post-core-dimension-56)}textarea.form-control.is-valid:not(:disabled).form-control-sm,textarea.form-control.is-invalid:not(:disabled).form-control-sm{background-size:var(--post-device-sizing-notification-5) var(--post-device-sizing-notification-5);background-position:top var(--post-device-position-6) right var(--post-core-dimension-28)}textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}.form-label:has(+textarea.form-control[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-label:has(+textarea.form-control-sm){display:block;padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-30);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-floating{position:relative}.form-floating>textarea~label{position:absolute;z-index:1;text-align:start;pointer-events:none;display:block;top:var(--post-device-border-width-default);left:var(--post-device-border-width-default);margin:0;padding-inline-start:calc(var(--post-device-spacing-padding-5) - var(--post-device-border-width-default));padding-inline-end:0;padding-block-start:var(--post-device-spacing-padding-block-27);width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-28));border:0;border-top-left-radius:var(--post-device-border-radius-1);color:var(--post-scheme-color-interactive-input-enabled-fg);background-color:rgba(0,0,0,0);height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s ease-in-out,padding-block-start .2s ease-in-out,font-size .2s ease-in-out}@media(min-resolution: 1.25dppx)and (max-resolution: 1.49dppx){.form-floating>textarea~label{top:calc(var(--post-device-border-width-default)/1.25)}}.form-floating>textarea.form-control{padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-3)}.form-floating>textarea.form-control::placeholder{color:rgba(0,0,0,0);opacity:0;transition:opacity .25s linear,background-color .25s linear}.form-floating>textarea.form-control:focus~label,.form-floating>textarea.form-control:not(:placeholder-shown)~label{font-size:var(--post-device-font-size-10);padding-block-start:var(--post-device-spacing-padding-block-30);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}.form-floating>textarea.form-control:focus::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1;transition:opacity .35s .15s linear}.form-floating>textarea.form-control:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-current-bg)}.form-floating>textarea.form-control:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-input-hover-fg)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid)~label{width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-58))}.form-floating>textarea:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg)}
1
+ textarea.form-control{display:block;width:100%;appearance:none;background-clip:padding-box;border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-input-enabled-border);position:relative;border-radius:var(--post-device-border-radius-1);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-core-dimension-26);padding-block:var(--post-device-spacing-padding-3);min-height:var(--post-core-dimension-88);resize:vertical;font-size:var(--post-device-font-size-12)}textarea.form-control{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}textarea.form-control:focus-visible{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:focus-visible{outline-color:Highlight !important}}textarea.form-control.pretend-focus{outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control.pretend-focus{outline-color:Highlight !important}}textarea.form-control:has(:focus-visible){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:has(:focus-visible){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){textarea.form-control:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}textarea.form-control::-webkit-resizer{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_7846_3191)"%3E%3Cpath d="M6.5 18H9.5V21H6.5V18Z" fill="%23050400"/%3E%3Cpath d="M12.5 18H15.5V21H12.5V18Z" fill="%23050400"/%3E%3Cpath d="M12.5 12H15.5V15H12.5V12Z" fill="%23050400"/%3E%3Cpath d="M18.5 12H21.5V15H18.5V12Z" fill="%23050400"/%3E%3Cpath d="M18.5 6H21.5V9H18.5V6Z" fill="%23050400"/%3E%3Cpath d="M18.5 18H21.5V21H18.5V18Z" fill="%23050400"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_7846_3191"%3E%3Crect width="24" height="24" fill="white" transform="translate(0.5)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');background-repeat:no-repeat;background-size:100%}textarea.form-control.form-control-sm{min-height:var(--post-core-dimension-64);padding-block:var(--post-device-spacing-padding-26);font-size:var(--post-device-font-size-8)}textarea.form-control[disabled]::-webkit-resizer{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_7846_3191)"%3E%3Cpath d="M6.5 18H9.5V21H6.5V18Z" fill="%23696864"/%3E%3Cpath d="M12.5 18H15.5V21H12.5V18Z" fill="%23696864"/%3E%3Cpath d="M12.5 12H15.5V15H12.5V12Z" fill="%23696864"/%3E%3Cpath d="M18.5 12H21.5V15H18.5V12Z" fill="%23696864"/%3E%3Cpath d="M18.5 6H21.5V9H18.5V6Z" fill="%23696864"/%3E%3Cpath d="M18.5 18H21.5V21H18.5V18Z" fill="%23696864"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_7846_3191"%3E%3Crect width="24" height="24" fill="white" transform="translate(0.5)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');background-repeat:no-repeat;background-size:100%}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:focus{border-color:FieldText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:not(:disabled):hover,textarea.form-control:not(:disabled):focus{border-color:FieldText}}textarea.form-control:not(:disabled):hover{border-color:var(--post-scheme-color-interactive-input-hover-border);background-color:var(--post-scheme-color-interactive-input-hover-bg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:not(:disabled):hover{border-color:Highlight}}textarea.form-control[readonly]:not(:disabled){border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}textarea.form-control::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1}textarea.form-control:disabled{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash);opacity:1}textarea.form-control.is-valid:not(:disabled),textarea.form-control.is-invalid:not(:disabled){background-size:var(--post-device-sizing-notification-1) var(--post-device-sizing-notification-1);background-position:top var(--post-core-dimension-12) right var(--post-core-dimension-28);background-repeat:no-repeat;padding-inline-end:var(--post-core-dimension-56)}textarea.form-control.is-valid:not(:disabled).form-control-sm,textarea.form-control.is-invalid:not(:disabled).form-control-sm{background-size:var(--post-device-sizing-notification-5) var(--post-device-sizing-notification-5);background-position:top var(--post-device-position-6) right var(--post-core-dimension-28)}textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){textarea.form-control.is-valid:not(:disabled){background-image:var(--post-signal-icon-success)}}textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){textarea.form-control.is-invalid:not(:disabled){background-image:var(--post-signal-icon-error)}}.form-label:has(+textarea.form-control[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-label:has(+textarea.form-control-sm){display:block;padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-41);font-weight:var(--post-device-font-weight-bold);font-size:var(--post-device-font-size-7)}.form-floating{position:relative}.form-floating>textarea~label{position:absolute;z-index:1;text-align:start;pointer-events:none;display:block;top:var(--post-device-border-width-default);left:var(--post-device-border-width-default);margin:0;padding-inline-start:calc(var(--post-device-spacing-padding-5) - var(--post-device-border-width-default));padding-inline-end:0;padding-block-start:var(--post-device-spacing-padding-block-27);width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-28));border:0;border-top-left-radius:var(--post-device-border-radius-1);color:var(--post-scheme-color-interactive-input-enabled-fg);font-size:var(--post-device-font-size-12);background-color:rgba(0,0,0,0);height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s ease-in-out,padding-block-start .2s ease-in-out,font-size .2s ease-in-out}@media(min-resolution: 1.25dppx)and (max-resolution: 1.49dppx){.form-floating>textarea~label{top:calc(var(--post-device-border-width-default)/1.25)}}.form-floating>textarea.form-control{padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-3)}.form-floating>textarea.form-control::placeholder{color:rgba(0,0,0,0);opacity:0;transition:opacity .25s linear,background-color .25s linear}.form-floating>textarea.form-control:focus~label,.form-floating>textarea.form-control:not(:placeholder-shown)~label{font-size:var(--post-device-font-size-10);padding-block-start:var(--post-device-spacing-padding-block-30);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}.form-floating>textarea.form-control:focus::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1;transition:opacity .35s .15s linear}.form-floating>textarea.form-control:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-current-bg)}.form-floating>textarea.form-control:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-input-hover-fg)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid)~label{width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-58))}.form-floating>textarea:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg)}
package/components/form-textarea.scss CHANGED
@@ -24,6 +24,7 @@ textarea.form-control {
24
24
  padding-block: tokens.get('textarea-standalone-padding-block');
25
25
  min-height: tokens.get('textarea-sizing-min-height');
26
26
  resize: vertical;
27
+ font-size: tokens.get('textarea-font-size');
27
28
  @include utilities.focus-style;
28
29
  @include forms-mx.textarea-resizer-svg(#050400);
29
30
 
@@ -110,7 +111,7 @@ textarea.form-control {
110
111
  padding-inline: tokens.get('textarea-non-floating-small-label-padding-inline');
111
112
  padding-block: tokens.get('textarea-non-floating-small-label-padding-block');
112
113
  font-weight: tokens.get('textarea-non-floating-small-label-font-weight');
113
- font-size: tokens.get('textarea-non-floating-small-font-size');
114
+ font-size: tokens.get('textarea-non-floating-small-label-font-size');
114
115
  }
115
116
 
116
117
  .form-floating {
@@ -132,11 +133,12 @@ textarea.form-control {
132
133
  padding-block-start: tokens.get('textarea-label-padding-block-start');
133
134
  width: calc(
134
135
  100% - (#{tokens.get('textarea-border-width')} * 2) -
135
- #{tokens.get('textarea-label-padding-inline-end')}
136
+ #{tokens.get('textarea-label-padding-inline-end')}
136
137
  );
137
138
  border: 0;
138
139
  border-top-left-radius: tokens.get('textarea-border-radius');
139
140
  color: tokens.get('textarea-enabled-fg');
141
+ font-size: tokens.get('textarea-font-size');
140
142
  background-color: transparent;
141
143
  height: auto;
142
144
  white-space: nowrap;
@@ -200,7 +202,7 @@ textarea.form-control {
200
202
  ~ label {
201
203
  width: calc(
202
204
  100% - (#{tokens.get('textarea-border-width')} * 2) -
203
- #{tokens.get('textarea-label-validated-padding-inline-end')}
205
+ #{tokens.get('textarea-label-validated-padding-inline-end')}
204
206
  );
205
207
  }
206
208
  }