@swisspost/design-system-styles 9.0.0-next.5 → 9.0.0-next.6

package/components/chip.css

@@ -1 +1 @@
-.chip-sm.chip-filter>.chip-filter-label>.badge{--post-badge-height: 1rem;--post-badge-padding-x: 0.25rem;font-size:10px}.chip-dismissible{position:relative;padding-inline-start:.5rem;gap:.5rem;outline:none;border-radius:50rem;display:inline-flex;align-items:center;height:var(--post-device-sizing-interactive-button-height-1);max-width:100%;padding-inline:1rem;border:2px solid #666;gap:.5rem;line-height:1.5;font-size:1rem;font-weight:400;color:#333;background-color:#fff;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.chip-dismissible>.chip-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chip-dismissible::before,.chip-dismissible::after{content:"";display:inline-block;flex:0 0 auto;height:1.5rem;width:1.5rem;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.chip-dismissible::before{border-radius:50%}.chip-dismissible:hover::before{background-color:#ccc;border:1px solid #666}.chip-dismissible::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;top:50%;transform:translateY(-50%)}.chip-dismissible::before{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}.chip-dismissible:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;background-color:#ccc}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-dismissible:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.chip-dismissible:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;background-color:#ccc}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-dismissible:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}.chip-dismissible:disabled{pointer-events:none;color:var(--post-gray-60);border-color:var(--post-gray-40);border-style:dashed;background-clip:padding-box;text-decoration:line-through}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-dismissible:disabled{color:GrayText;border-color:GrayText}}.chip-filter{display:inline-block;max-width:100%}.chip-filter{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}.chip-filter:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:50rem;width:-moz-fit-content;width:fit-content}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-filter:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.chip-filter:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:50rem;width:-moz-fit-content;width:fit-content}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-filter:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.chip-filter-label{cursor:pointer;border-radius:50rem;display:inline-flex;align-items:center;height:var(--post-device-sizing-interactive-button-height-1);max-width:100%;padding-inline:1rem;border:2px solid #666;gap:.5rem;line-height:1.5;font-size:1rem;font-weight:400;color:#333;background-color:#fff;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.chip-filter-label>.chip-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chip-filter-label>.badge{box-sizing:border-box;min-width:var(--post-badge-height);padding-inline:calc(var(--post-badge-padding-x)*.75);color:#000;background-color:#ccc;border:2px solid #666;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.chip-filter-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.chip-filter-input:checked+.chip-filter-label{color:#000;background-color:#fc0}.chip-filter-input:checked+.chip-filter-label>.badge{background-color:#fff}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-filter-input:checked+.chip-filter-label{border-color:Highlight}}.chip-filter-input:checked:disabled+.chip-filter-label{background-color:#f4f3f1}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-filter-input:checked:disabled+.chip-filter-label>.chip-text{text-decoration:underline}}.chip-filter-input:checked:not(:disabled)+.chip-filter-label>.chip-text{text-decoration:underline;transition:-webkit-text-decoration 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:text-decoration 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:text-decoration 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 150ms cubic-bezier(0.4, 0, 0.2, 1)}.chip-filter-input:checked:not(:disabled)+.chip-filter-label:hover>.chip-text{text-decoration-color:rgba(0,0,0,0)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-filter-input:checked:not(:disabled)+.chip-filter-label:hover>.chip-text{text-decoration-color:initial}}.chip-filter-input:not(:checked)+.chip-filter-label:hover{color:#000;background-color:#ccc}.chip-filter-input:not(:checked)+.chip-filter-label:hover>.badge{background-color:#fff}.chip-filter-input:disabled+.chip-filter-label{pointer-events:none;color:var(--post-gray-60);border-color:var(--post-gray-40);border-style:dashed;background-clip:padding-box;text-decoration:line-through;background-color:#fff}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-filter-input:disabled+.chip-filter-label>.badge{color:GrayText;border-color:GrayText}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-filter-input:disabled+.chip-filter-label{color:GrayText;border-color:GrayText}}.chip-sm.chip-dismissible{height:2rem;font-size:.875rem;gap:.375rem;padding-inline:.75rem;padding-inline-start:.5rem;gap:.375rem}.chip-sm.chip-dismissible::before,.chip-sm.chip-dismissible::after{height:1rem;width:1rem}.chip-sm.chip-filter>.chip-filter-label{height:2rem;font-size:.875rem;gap:.375rem;padding-inline:.75rem}.chip-sm.chip-filter>.chip-filter-label>.badge{line-height:1;border-width:1px;padding-inline:calc(var(--post-badge-padding-x)*1.2)}
+.chip-sm.chip-filter>.chip-filter-label>.badge{--post-badge-height: 1rem;--post-badge-padding-x: 0.25rem;font-size:10px}.chip-dismissible{position:relative;padding-inline-start:.5rem;gap:.5rem;outline:none !important;border-radius:50rem;display:inline-flex;align-items:center;height:var(--post-device-sizing-interactive-button-height-1);max-width:100%;padding-inline:1rem;border:2px solid #666;gap:.5rem;line-height:1.5;font-size:1rem;font-weight:400;color:#333;background-color:#fff;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.chip-dismissible>.chip-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chip-dismissible::before,.chip-dismissible::after{content:"";display:inline-block;flex:0 0 auto;height:1.5rem;width:1.5rem;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.chip-dismissible::before{border-radius:50%}.chip-dismissible:hover::before{background-color:#ccc;border:1px solid #666}.chip-dismissible::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;top:50%;transform:translateY(-50%)}.chip-dismissible::before{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}.chip-dismissible:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;background-color:#ccc}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-dismissible:is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.chip-dismissible:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-style:var(--post-core-border-style-solid) !important;background-color:#ccc}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-dismissible:is(:focus-visible,:focus-within,.pretend-focus)::before{outline-color:Highlight !important}}}.chip-dismissible:disabled{pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border-color:var(--post-scheme-color-interactive-primary-disabled-stroke);border-style:var(--post-core-border-style-dash);background-clip:padding-box}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-dismissible:disabled{color:GrayText;border-color:GrayText}}.chip-filter{display:inline-block;max-width:100%}.chip-filter{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}.chip-filter:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:50rem;width:-moz-fit-content;width:fit-content}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-filter:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.chip-filter:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:50rem;width:-moz-fit-content;width:fit-content}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-filter:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.chip-filter-label{cursor:pointer;border-radius:50rem;display:inline-flex;align-items:center;height:var(--post-device-sizing-interactive-button-height-1);max-width:100%;padding-inline:1rem;border:2px solid #666;gap:.5rem;line-height:1.5;font-size:1rem;font-weight:400;color:#333;background-color:#fff;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.chip-filter-label>.chip-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chip-filter-label>.badge{box-sizing:border-box;min-width:var(--post-badge-height);padding-inline:calc(var(--post-badge-padding-x)*.75);color:#000;background-color:#ccc;border:2px solid #666;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.chip-filter-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.chip-filter-input:checked+.chip-filter-label{color:#000;background-color:#fc0}.chip-filter-input:checked+.chip-filter-label>.badge{background-color:#fff}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-filter-input:checked+.chip-filter-label{border-color:Highlight}}.chip-filter-input:checked:disabled+.chip-filter-label{background-color:#f4f3f1}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-filter-input:checked:disabled+.chip-filter-label>.chip-text{text-decoration:underline}}.chip-filter-input:checked:not(:disabled)+.chip-filter-label>.chip-text{text-decoration:underline;transition:-webkit-text-decoration 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:text-decoration 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:text-decoration 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-text-decoration 150ms cubic-bezier(0.4, 0, 0.2, 1)}.chip-filter-input:checked:not(:disabled)+.chip-filter-label:hover>.chip-text{text-decoration-color:rgba(0,0,0,0)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-filter-input:checked:not(:disabled)+.chip-filter-label:hover>.chip-text{text-decoration-color:initial}}.chip-filter-input:not(:checked)+.chip-filter-label:hover{color:#000;background-color:#ccc}.chip-filter-input:not(:checked)+.chip-filter-label:hover>.badge{background-color:#fff}.chip-filter-input:disabled+.chip-filter-label{pointer-events:none;color:var(--post-scheme-color-interactive-primary-disabled-fg1);border-color:var(--post-scheme-color-interactive-primary-disabled-stroke);border-style:var(--post-core-border-style-dash);background-clip:padding-box;background-color:#fff}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-filter-input:disabled+.chip-filter-label>.badge{color:GrayText;border-color:GrayText}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.chip-filter-input:disabled+.chip-filter-label{color:GrayText;border-color:GrayText}}.chip-sm.chip-dismissible{height:2rem;font-size:.875rem;gap:.375rem;padding-inline:.75rem;padding-inline-start:.5rem;gap:.375rem}.chip-sm.chip-dismissible::before,.chip-sm.chip-dismissible::after{height:1rem;width:1rem}.chip-sm.chip-filter>.chip-filter-label{height:2rem;font-size:.875rem;gap:.375rem;padding-inline:.75rem}.chip-sm.chip-filter>.chip-filter-label>.badge{line-height:1;border-width:1px;padding-inline:calc(var(--post-badge-padding-x)*1.2)}

package/components/close.css

@@ -1 +1 @@
-.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-round);color:var(--post-gray-80);transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close{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}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:"";display:block;height:1.5rem;width:1.5rem}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-close{color:var(--post-contrast-color)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:var(--post-contrast-color)}.btn-close:disabled{color:var(--post-gray-40)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}
+.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-round);color:#000;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close{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}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:"";display:block;height:1.5rem;width:1.5rem}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:#000}.btn-close:disabled{color:var(--post-gray-40)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}

package/components/datatable.css

@@ -12,6 +12,4 @@
  * Copyright 2021 by Swiss Post, Information Technology
  *//*!
  * Copyright 2021 by Swiss Post, Information Technology
- *//*!
- * Copyright 2021 by Swiss Post, Information Technology
- */.datatable-paginated-footer .datatable-row-count-label,.datatable-paginated-footer .datatable-row-count-input{font-size:.9375rem}@media(min-width: 600px){.datatable-paginated-footer .datatable-row-count-label,.datatable-paginated-footer .datatable-row-count-input{font-size:1rem}}@media(min-width: 1024px){.datatable-paginated-footer .datatable-row-count-label,.datatable-paginated-footer .datatable-row-count-input{font-size:1.0625rem}}.datatable-header-cell{padding:.5rem 1rem;font-weight:700}.datatable-header[ng-reflect-sorts*=object] .datatable-header-cell:not(.sort-active){color:#666}.datatable-header-cell-template-wrap{display:flex;align-items:center}.datatable-header-cell-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datatable-flush .datatable-header-cell{border-bottom:2px solid #e6e6e6}.datatable-body-cell{display:flex !important;align-items:center;margin-bottom:2px;padding:.5rem 1rem;background-color:#faf9f8}.datatable-spaced-cells .datatable-body-cell{margin-right:2px}.datatable-inverted .datatable-body-cell{background-color:#fff}.datatable-flush .datatable-body-cell,.datatable-striped-rows .datatable-row-odd .datatable-body-cell{margin:0;background-color:rgba(0,0,0,0)}.datatable-flush .datatable-body-cell{border-bottom:2px solid #e6e6e6}.ngx-datatable .sort-btn{flex:0 0 auto;width:1rem;height:1rem;margin-left:.5rem}.ngx-datatable .sort-btn.datatable-icon-sort-unset{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Crect/%3E%3Cpath d='m9.1 13.8-.9-1 7.8-7 7.8 7.1-.9 1L16 7.6zm6.9 10-6.9-6.3-.9 1 7.8 7.1 7.8-7.1-.9-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Crect/%3E%3Cpath d='m9.1 13.8-.9-1 7.8-7 7.8 7.1-.9 1L16 7.6zm6.9 10-6.9-6.3-.9 1 7.8 7.1 7.8-7.1-.9-1z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.ngx-datatable .sort-btn.datatable-icon-up,.ngx-datatable .sort-btn.datatable-icon-down{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.6 18.3-.9.9-6.7-6.6-6.6 6.6-.9-.9 7.5-7.6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.6 18.3-.9.9-6.7-6.6-6.6 6.6-.9-.9 7.5-7.6z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.ngx-datatable .sort-btn.datatable-icon-down{transform:rotate(180deg)}.datatable-button-cell{align-items:stretch;padding:0}.datatable-button-cell .datatable-body-cell-label{display:flex;flex-grow:1;align-items:stretch}.datatable-button-cell .datatable-button{display:flex;align-items:center;padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;width:calc(100% - 2*0.125rem);height:calc(100% - 2*0.125rem);margin:.125rem;padding:.5rem 1rem;border-radius:0}.datatable-button-cell .datatable-button:focus{outline:0;box-shadow:0 0 0 .125rem rgba(51,51,51,.25)}.datatable-paginated-footer{display:flex;flex:1 0 auto;align-items:center;justify-content:flex-end;padding:.125rem 1rem}.datatable-paginated-footer .datatable-row-count-label{flex:0 0 auto;margin:0 .5rem 0 0}.datatable-paginated-footer .datatable-row-count-input{flex:0 0 7rem;height:calc(2.25rem + 4px);padding-top:0;padding-bottom:0}.datatable-paginated-footer .datatable-row-count-input+.datatable-pagination{padding-left:.5rem;border-left:2px solid #e6e6e6}.datatable-paginated-footer .datatable-pagination{flex:0 0 auto}.datatable-paginated-footer .datatable-pagination .pagination{margin-bottom:0}.datatable-paginated-footer .datatable-loader{margin:auto}.progress-linear{display:block;position:sticky;top:0;width:100%;height:.25rem;margin:0;padding:0}.progress-linear .container{display:block;position:relative;width:100%;height:5px;overflow:hidden;transform:translate(0, 0) scale(1, 1);background-color:#e6e6e6}.progress-linear .container .bar{position:absolute;top:0;bottom:0;left:0;width:100%;height:5px;transition:all .2s linear;animation:query .8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);background-color:#fc0}@keyframes query{0%{transform:translateX(35%) scale(0.3, 1);opacity:1}100%{transform:translateX(-50%) scale(0, 1);opacity:0}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.ngx-datatable .datatable-header-cell,.ngx-datatable .datatable-body-cell,.ngx-datatable .datatable-footer-cell{margin:0;background-color:Canvas;border:0 none;color:CanvasText}.ngx-datatable .datatable-button:hover,.ngx-datatable .datatable-button:focus-visible{outline:2px solid Highlight;outline-offset:-2px}.ngx-datatable:not(.datatable-spaced-cells) .datatable-row-wrapper .datatable-body-cell{border-top:2px solid CanvasText}.ngx-datatable:not(.datatable-spaced-cells) .datatable-row-wrapper:last-child .datatable-body-cell{border-bottom:2px solid CanvasText}.ngx-datatable.datatable-spaced-cells .datatable-row-wrapper .datatable-body-cell{border-top:2px solid CanvasText;border-left:2px solid CanvasText}.ngx-datatable.datatable-spaced-cells .datatable-row-wrapper .datatable-body-cell:last-child{border-right:2px solid CanvasText}.ngx-datatable.datatable-spaced-cells .datatable-row-wrapper:last-child .datatable-body-cell{border-bottom:2px solid CanvasText}}
+ */.datatable-paginated-footer .datatable-row-count-label,.datatable-paginated-footer .datatable-row-count-input{font-size:.9375rem;font-size:1rem}@media(min-width: 1024px){.datatable-paginated-footer .datatable-row-count-label,.datatable-paginated-footer .datatable-row-count-input{font-size:1.0625rem}}.datatable-header-cell{padding:.5rem 1rem;font-weight:700}.datatable-header[ng-reflect-sorts*=object] .datatable-header-cell:not(.sort-active){color:#666}.datatable-header-cell-template-wrap{display:flex;align-items:center}.datatable-header-cell-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datatable-flush .datatable-header-cell{border-bottom:2px solid #e6e6e6}.datatable-body-cell{display:flex !important;align-items:center;margin-bottom:2px;padding:.5rem 1rem;background-color:#faf9f8}.datatable-spaced-cells .datatable-body-cell{margin-right:2px}.datatable-inverted .datatable-body-cell{background-color:#fff}.datatable-flush .datatable-body-cell,.datatable-striped-rows .datatable-row-odd .datatable-body-cell{margin:0;background-color:rgba(0,0,0,0)}.datatable-flush .datatable-body-cell{border-bottom:2px solid #e6e6e6}.ngx-datatable .sort-btn{flex:0 0 auto;width:1rem;height:1rem;margin-left:.5rem}.ngx-datatable .sort-btn.datatable-icon-sort-unset{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Crect/%3E%3Cpath d='m9.1 13.8-.9-1 7.8-7 7.8 7.1-.9 1L16 7.6zm6.9 10-6.9-6.3-.9 1 7.8 7.1 7.8-7.1-.9-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Crect/%3E%3Cpath d='m9.1 13.8-.9-1 7.8-7 7.8 7.1-.9 1L16 7.6zm6.9 10-6.9-6.3-.9 1 7.8 7.1 7.8-7.1-.9-1z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.ngx-datatable .sort-btn.datatable-icon-up,.ngx-datatable .sort-btn.datatable-icon-down{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.6 18.3-.9.9-6.7-6.6-6.6 6.6-.9-.9 7.5-7.6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.6 18.3-.9.9-6.7-6.6-6.6 6.6-.9-.9 7.5-7.6z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.ngx-datatable .sort-btn.datatable-icon-down{transform:rotate(180deg)}.datatable-button-cell{align-items:stretch;padding:0}.datatable-button-cell .datatable-body-cell-label{display:flex;flex-grow:1;align-items:stretch}.datatable-button-cell .datatable-button{display:flex;align-items:center;padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;width:calc(100% - 2*0.125rem);height:calc(100% - 2*0.125rem);margin:.125rem;padding:.5rem 1rem;border-radius:0}.datatable-button-cell .datatable-button:focus{outline:0;box-shadow:0 0 0 .125rem rgba(51,51,51,.25)}.datatable-paginated-footer{display:flex;flex:1 0 auto;align-items:center;justify-content:flex-end;padding:.125rem 1rem}.datatable-paginated-footer .datatable-row-count-label{flex:0 0 auto;margin:0 .5rem 0 0}.datatable-paginated-footer .datatable-row-count-input{flex:0 0 7rem;height:calc(2.25rem + 4px);padding-top:0;padding-bottom:0}.datatable-paginated-footer .datatable-row-count-input+.datatable-pagination{padding-left:.5rem;border-left:2px solid #e6e6e6}.datatable-paginated-footer .datatable-pagination{flex:0 0 auto}.datatable-paginated-footer .datatable-pagination .pagination{margin-bottom:0}.datatable-paginated-footer .datatable-loader{margin:auto}.progress-linear{display:block;position:sticky;top:0;width:100%;height:.25rem;margin:0;padding:0}.progress-linear .container{display:block;position:relative;width:100%;height:5px;overflow:hidden;transform:translate(0, 0) scale(1, 1);background-color:#e6e6e6}.progress-linear .container .bar{position:absolute;top:0;bottom:0;left:0;width:100%;height:5px;transition:all .2s linear;animation:query .8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);background-color:#fc0}@keyframes query{0%{transform:translateX(35%) scale(0.3, 1);opacity:1}100%{transform:translateX(-50%) scale(0, 1);opacity:0}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.ngx-datatable .datatable-header-cell,.ngx-datatable .datatable-body-cell,.ngx-datatable .datatable-footer-cell{margin:0;background-color:Canvas;border:0 none;color:CanvasText}.ngx-datatable .datatable-button:hover,.ngx-datatable .datatable-button:focus-visible{outline:2px solid Highlight;outline-offset:-2px}.ngx-datatable:not(.datatable-spaced-cells) .datatable-row-wrapper .datatable-body-cell{border-top:2px solid CanvasText}.ngx-datatable:not(.datatable-spaced-cells) .datatable-row-wrapper:last-child .datatable-body-cell{border-bottom:2px solid CanvasText}.ngx-datatable.datatable-spaced-cells .datatable-row-wrapper .datatable-body-cell{border-top:2px solid CanvasText;border-left:2px solid CanvasText}.ngx-datatable.datatable-spaced-cells .datatable-row-wrapper .datatable-body-cell:last-child{border-right:2px solid CanvasText}.ngx-datatable.datatable-spaced-cells .datatable-row-wrapper:last-child .datatable-body-cell{border-bottom:2px solid CanvasText}}

package/components/dialog.css

@@ -1 +1 @@
-dialog{box-shadow:1px 6px 8px rgba(0,0,0,.1),2px 8px 20px 8px rgba(0,0,0,.14);padding:0;min-width:min(389px,90vw);max-width:590px;max-height:90vh;overflow:auto;margin:revert;overscroll-behavior:contain;border:2px solid var(--post-contrast-color)}dialog::backdrop{background-color:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){dialog{border-width:2px}dialog::backdrop{background-image:linear-gradient(135deg, CanvasText 4.55%, transparent 4.55%, transparent 50%, CanvasText 50%, CanvasText 54.55%, transparent 54.55%, transparent 100%);background-size:22px 22px;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(0,0,0,0);forced-color-adjust:none}}dialog[data-size=small]{min-width:296px;max-width:388px}dialog[data-size=large]{min-width:min(600px,90vw);max-width:792px}dialog[data-position=top]{top:2rem;bottom:auto}dialog[data-position=bottom]{top:auto;bottom:2rem}dialog>.dialog-grid{margin:1rem 1rem 0 1rem;display:grid;column-gap:1rem;grid-template-columns:auto 1fr auto;grid-template-areas:"icon header close-button" "icon body close-button" "controls controls controls";background-color:inherit}:where(.dialog-icon,.dialog-header,.dialog-body,.dialog-controls,.dialog-close):empty{display:none}.dialog-grid>post-icon{grid-area:icon;display:block;width:2rem;height:2rem}@media(min-width: 600px){dialog:not([size=small]) .dialog-grid>post-icon{width:3rem;height:3rem}}.dialog-header{grid-area:header;margin-top:0}.dialog-body{grid-area:body;margin-bottom:0}.dialog-body>*:last-child{margin-bottom:0}.dialog-controls{grid-area:controls;position:sticky;bottom:0;padding-block:1rem;display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:1rem;background-color:inherit}@media(max-width: 399.98px){.dialog-controls button{width:100%}}.dialog-grid>.btn-close{position:sticky;top:0;grid-area:close-button;width:1.5rem;height:1.5rem;min-height:0}dialog:not([data-animation=none]){--_dialog-transition-duration: var(--dialog-transition-duration, 0.5s);transform:scale(0.8);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--_dialog-transition-duration);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}dialog:not([data-animation=none])::backdrop{opacity:0;transition:opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete,-webkit-backdrop-filter var(--_dialog-transition-duration);transition:backdrop-filter var(--_dialog-transition-duration),opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete;transition:backdrop-filter var(--_dialog-transition-duration),opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete,-webkit-backdrop-filter var(--_dialog-transition-duration)}dialog:not([data-animation=none])[open]{transform:scale(1);opacity:1}@starting-style{dialog:not([data-animation=none])[open]{opacity:0;transform:scale(0.8)}}dialog:not([data-animation=none])[open]::backdrop{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@starting-style{dialog:not([data-animation=none])[open]::backdrop{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@media(forced-colors: active){dialog:not([data-animation=none])[open]::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}dialog:not([data-animation=none])[data-animation=slide-in]{transform:translateY(calc(var(--_dialog-slide-in-offset)))}dialog:not([data-animation=none])[data-animation=slide-in][data-position=top]{--_dialog-slide-in-offset: -3rem}dialog:not([data-animation=none])[data-animation=slide-in][data-position=bottom]{--_dialog-slide-in-offset: 3rem}dialog:not([data-animation=none])[data-animation=slide-in][open]{transform:translateY(0)}@starting-style{dialog:not([data-animation=none])[data-animation=slide-in][open]{transform:translateY(calc(var(--_dialog-slide-in-offset)))}}
+dialog{box-shadow:1px 6px 8px rgba(0,0,0,.1),2px 8px 20px 8px rgba(0,0,0,.14);padding:0;min-width:min(389px,90vw);max-width:590px;max-height:90vh;overflow:auto;margin:revert;overscroll-behavior:contain;border:2px solid var(--post-contrast-color)}dialog::backdrop{background-color:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){dialog{border-width:2px}dialog::backdrop{background-image:linear-gradient(135deg, CanvasText 4.55%, transparent 4.55%, transparent 50%, CanvasText 50%, CanvasText 54.55%, transparent 54.55%, transparent 100%);background-size:22px 22px;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:rgba(0,0,0,0);forced-color-adjust:none}}dialog[data-size=small]{min-width:296px;max-width:388px}dialog[data-size=large]{min-width:min(600px,90vw);max-width:792px}dialog[data-position=top]{top:2rem;bottom:auto}dialog[data-position=bottom]{top:auto;bottom:2rem}dialog>.dialog-grid{margin:1rem 1rem 0 1rem;display:grid;column-gap:1rem;grid-template-columns:auto 1fr auto;grid-template-areas:"icon header close-button" "icon body close-button" "controls controls controls";background-color:inherit}:where(.dialog-icon,.dialog-header,.dialog-body,.dialog-controls,.dialog-close):empty{display:none}.dialog-grid>post-icon{grid-area:icon;display:block;width:2rem;height:2rem}@media(min-width: 600px){dialog:not([size=small]) .dialog-grid>post-icon{width:3rem;height:3rem}}.dialog-header{grid-area:header;margin-top:0}.dialog-body{grid-area:body;margin-bottom:0}.dialog-body>*:last-child{margin-bottom:0}.dialog-controls{grid-area:controls;position:sticky;bottom:0;padding-block:1rem;display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:1rem;background-color:inherit}@media(max-width: 599.98px){.dialog-controls button{width:100%}}.dialog-grid>.btn-close{position:sticky;top:0;grid-area:close-button;width:1.5rem;height:1.5rem;min-height:0}dialog:not([data-animation=none]){--_dialog-transition-duration: var(--dialog-transition-duration, 0.5s);transform:scale(0.8);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--_dialog-transition-duration);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}dialog:not([data-animation=none])::backdrop{opacity:0;transition:opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete,-webkit-backdrop-filter var(--_dialog-transition-duration);transition:backdrop-filter var(--_dialog-transition-duration),opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete;transition:backdrop-filter var(--_dialog-transition-duration),opacity var(--_dialog-transition-duration),overlay var(--_dialog-transition-duration) allow-discrete,display var(--_dialog-transition-duration) allow-discrete,-webkit-backdrop-filter var(--_dialog-transition-duration)}dialog:not([data-animation=none])[open]{transform:scale(1);opacity:1}@starting-style{dialog:not([data-animation=none])[open]{opacity:0;transform:scale(0.8)}}dialog:not([data-animation=none])[open]::backdrop{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@starting-style{dialog:not([data-animation=none])[open]::backdrop{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@media(forced-colors: active){dialog:not([data-animation=none])[open]::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}dialog:not([data-animation=none])[data-animation=slide-in]{transform:translateY(calc(var(--_dialog-slide-in-offset)))}dialog:not([data-animation=none])[data-animation=slide-in][data-position=top]{--_dialog-slide-in-offset: -3rem}dialog:not([data-animation=none])[data-animation=slide-in][data-position=bottom]{--_dialog-slide-in-offset: 3rem}dialog:not([data-animation=none])[data-animation=slide-in][open]{transform:translateY(0)}@starting-style{dialog:not([data-animation=none])[data-animation=slide-in][open]{transform:translateY(calc(var(--_dialog-slide-in-offset)))}}

package/components/dialog.scss

@@ -100,7 +100,7 @@ dialog > .dialog-grid {
 
   // Larger icon for bigger notification dialogs
   dialog:not([size='small']) & {
-    @include media-breakpoint-up(rg) {
+    @include media-breakpoint-up(sm) {
       width: spacing.$size-small-huge;
       height: spacing.$size-small-huge;
     }

package/components/dropdown.css

@@ -1 +1 @@
-.dropup,.dropend,.dropdown,.dropstart,.dropup-center,.dropdown-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid rgba(0,0,0,0);border-bottom:0;border-left:.3em solid rgba(0,0,0,0)}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: 0.5rem;--bs-dropdown-spacer: 0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color: var(--bs-body-color);--bs-dropdown-bg: #fff;--bs-dropdown-border-color: rgba(0, 0, 0, 0.15);--bs-dropdown-border-radius: 4px;--bs-dropdown-border-width: 1px;--bs-dropdown-inner-border-radius: calc(4px - 1px);--bs-dropdown-divider-bg: rgba(var(--post-contrast-color-inverted-rgb), 0.6);--bs-dropdown-divider-margin-y: 0.5rem;--bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);--bs-dropdown-link-color: hsl(0, 0%, 40%);--bs-dropdown-link-hover-color: #000;--bs-dropdown-link-hover-bg: #faf9f8;--bs-dropdown-link-active-color: hsl(0, 0%, 20%);--bs-dropdown-link-active-bg: #fc0;--bs-dropdown-link-disabled-color: hsl(0, 0%, 80%);--bs-dropdown-item-padding-x: 1.5rem;--bs-dropdown-item-padding-y: 0.25rem;--bs-dropdown-header-color: hsl(0, 0%, 80%);--bs-dropdown-header-padding-x: 1.5rem;--bs-dropdown-header-padding-y: 0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position: start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position: end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media(min-width: 400px){.dropdown-menu-sm-start{--bs-position: start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position: end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 600px){.dropdown-menu-rg-start{--bs-position: start}.dropdown-menu-rg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-rg-end{--bs-position: end}.dropdown-menu-rg-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 780px){.dropdown-menu-md-start{--bs-position: start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position: end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 1024px){.dropdown-menu-lg-start{--bs-position: start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position: end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 1280px){.dropdown-menu-xl-start{--bs-position: start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position: end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 1440px){.dropdown-menu-xxl-start{--bs-position: start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position: end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid rgba(0,0,0,0);border-bottom:.3em solid;border-left:.3em solid rgba(0,0,0,0)}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid rgba(0,0,0,0);border-right:0;border-bottom:.3em solid rgba(0,0,0,0);border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid rgba(0,0,0,0);border-right:.3em solid;border-bottom:.3em solid rgba(0,0,0,0)}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:rgba(0,0,0,0);border:0;border-radius:var(--bs-dropdown-item-border-radius, 0)}.dropdown-item:hover,.dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:rgba(0,0,0,0)}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:0.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color: #dee2e6;--bs-dropdown-bg: #343a40;--bs-dropdown-border-color: rgba(0, 0, 0, 0.15);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color: #dee2e6;--bs-dropdown-link-hover-color: #fff;--bs-dropdown-divider-bg: rgba(var(--post-contrast-color-inverted-rgb), 0.6);--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color: hsl(0, 0%, 20%);--bs-dropdown-link-active-bg: #fc0;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-header-color: #adb5bd}.dropdown-toggle::after{content:"";display:inline-block;width:1em;height:1em;margin-left:.5rem;border:0}.dropdown .dropdown-menu,.dropup .dropdown-menu{min-width:200px;max-width:25vw;max-height:50vh}.dropdown-menu{z-index:1000;margin-top:0;overflow-y:auto;border:0;border-radius:0;box-shadow:0 0 5px 0 rgba(0,0,0,.3);font-size:1rem}.dropdown-menu hr{margin:.25rem 0}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus-visible{outline:2px solid Highlight;outline-offset:-2px}}.dropdown-toggle::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath 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");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath 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");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.dropdown-toggle[aria-expanded=true]::after,.dropup .dropdown-toggle::after{transform:rotate(180deg)}.dropup .dropdown-toggle[aria-expanded=true]::after{transform:rotate(0deg)}.dropdown-item{max-width:100%;padding:.5rem .75rem;overflow:hidden;text-overflow:ellipsis}.dropdown-item:focus{outline:0}
+.dropup,.dropend,.dropdown,.dropstart,.dropup-center,.dropdown-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid rgba(0,0,0,0);border-bottom:0;border-left:.3em solid rgba(0,0,0,0)}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: 0.5rem;--bs-dropdown-spacer: 0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color: var(--bs-body-color);--bs-dropdown-bg: #fff;--bs-dropdown-border-color: rgba(0, 0, 0, 0.15);--bs-dropdown-border-radius: 4px;--bs-dropdown-border-width: 1px;--bs-dropdown-inner-border-radius: calc(4px - 1px);--bs-dropdown-divider-bg: rgba(var(--post-contrast-color-inverted-rgb), 0.6);--bs-dropdown-divider-margin-y: 0.5rem;--bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);--bs-dropdown-link-color: hsl(0, 0%, 40%);--bs-dropdown-link-hover-color: #000;--bs-dropdown-link-hover-bg: #faf9f8;--bs-dropdown-link-active-color: hsl(0, 0%, 20%);--bs-dropdown-link-active-bg: #fc0;--bs-dropdown-link-disabled-color: hsl(0, 0%, 80%);--bs-dropdown-item-padding-x: 1.5rem;--bs-dropdown-item-padding-y: 0.25rem;--bs-dropdown-header-color: hsl(0, 0%, 80%);--bs-dropdown-header-padding-x: 1.5rem;--bs-dropdown-header-padding-y: 0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position: start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position: end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media(min-width: 600px){.dropdown-menu-sm-start{--bs-position: start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position: end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 780px){.dropdown-menu-md-start{--bs-position: start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position: end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 1024px){.dropdown-menu-lg-start{--bs-position: start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position: end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media(min-width: 1280px){.dropdown-menu-xl-start{--bs-position: start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position: end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid rgba(0,0,0,0);border-bottom:.3em solid;border-left:.3em solid rgba(0,0,0,0)}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid rgba(0,0,0,0);border-right:0;border-bottom:.3em solid rgba(0,0,0,0);border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid rgba(0,0,0,0);border-right:.3em solid;border-bottom:.3em solid rgba(0,0,0,0)}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:rgba(0,0,0,0);border:0;border-radius:var(--bs-dropdown-item-border-radius, 0)}.dropdown-item:hover,.dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:rgba(0,0,0,0)}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:0.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color: #dee2e6;--bs-dropdown-bg: #343a40;--bs-dropdown-border-color: rgba(0, 0, 0, 0.15);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color: #dee2e6;--bs-dropdown-link-hover-color: #fff;--bs-dropdown-divider-bg: rgba(var(--post-contrast-color-inverted-rgb), 0.6);--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color: hsl(0, 0%, 20%);--bs-dropdown-link-active-bg: #fc0;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-header-color: #adb5bd}.dropdown-toggle::after{content:"";display:inline-block;width:1em;height:1em;margin-left:.5rem;border:0}.dropdown .dropdown-menu,.dropup .dropdown-menu{min-width:200px;max-width:25vw;max-height:50vh}.dropdown-menu{z-index:1000;margin-top:0;overflow-y:auto;border:0;border-radius:0;box-shadow:0 0 5px 0 rgba(0,0,0,.3);font-size:1rem}.dropdown-menu hr{margin:.25rem 0}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus-visible{outline:2px solid Highlight;outline-offset:-2px}}.dropdown-toggle::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath 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");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath 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");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.dropdown-toggle[aria-expanded=true]::after,.dropup .dropdown-toggle::after{transform:rotate(180deg)}.dropup .dropdown-toggle[aria-expanded=true]::after{transform:rotate(0deg)}.dropdown-item{max-width:100%;padding:.5rem .75rem;overflow:hidden;text-overflow:ellipsis}.dropdown-item:focus{outline:0}

package/components/floating-label.css

@@ -1 +1 @@
-.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:4.6875rem;min-height:4.6875rem;line-height:1.5}.form-floating>label{position:absolute;top:0;left:0;z-index:2;height:100%;padding:.75rem 1rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:2px solid rgba(0,0,0,0);transform-origin:0 0;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media(prefers-reduced-motion: reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:.75rem 1rem}.form-floating>.form-control::placeholder,.form-floating>.form-control-plaintext::placeholder{color:rgba(0,0,0,0)}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown){padding-top:1.5rem;padding-bottom:0}.form-floating>.form-control:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill{padding-top:1.5rem;padding-bottom:0}.form-floating>.form-select{padding-top:1.5rem;padding-bottom:0}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label{color:rgba(var(--bs-body-color-rgb), 1);transform:scale(0.75)}.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-control-plaintext~label::after,.form-floating>.form-select~label::after{position:absolute;inset:.75rem .5rem;z-index:-1;height:4.6875rem;content:"";background-color:#fff;border-radius:0}.form-floating>.form-control:-webkit-autofill~label{color:rgba(var(--bs-body-color-rgb), 1);transform:scale(0.75)}.form-floating>.form-control-plaintext~label{border-width:2px 0}.form-floating>:disabled~label,.form-floating>.form-control:disabled~label{color:#6c757d}.form-floating>:disabled~label::after,.form-floating>.form-control:disabled~label::after{background-color:rgba(var(--post-contrast-color-inverted-rgb), 0.4)}.form-control{display:block;width:100%;padding:.875rem 1.125rem;font-size:1rem;font-weight:400;line-height:1.5;color:#000;appearance:none;background-color:#fff;background-clip:padding-box;border:2px solid #333;border-radius:0;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:inherit;background-color:inherit;border-color:inherit;outline:0;box-shadow:none}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:#666;opacity:1}.form-control:disabled{color:var(--post-gray-60);background-color:rgba(var(--post-contrast-color-inverted-rgb), 0.4);border-color:var(--post-gray-40);opacity:1}.form-control::file-selector-button{padding:.875rem 1.125rem;margin:-0.875rem -1.125rem;margin-inline-end:1.125rem;color:#000;background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:2px;border-radius:0;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms}@media(prefers-reduced-motion: reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#fff}.form-control-plaintext{display:block;width:100%;padding:.875rem 0;margin-bottom:0;line-height:1.5;color:var(--post-contrast-color);background-color:rgba(0,0,0,0);border:solid rgba(0,0,0,0);border-width:2px 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg,.form-floating>.form-control-plaintext.form-control,.form-floating>.form-control-plaintext.form-select{padding-right:0;padding-left:0}.form-control-sm{min-height:1.75rem;padding:.25rem 1rem;font-size:0.875rem;border-radius:0}.form-control-sm::file-selector-button{padding:.25rem 1rem;margin:-0.25rem -1rem;margin-inline-end:1rem}.form-control-lg,.form-floating>.form-control,.form-floating>.form-select{min-height:3.125rem;padding:.75rem 1rem;font-size:1.25rem;border-radius:0}.form-control-lg::file-selector-button,.form-floating>.form-control::file-selector-button,.form-floating>.form-select::file-selector-button{padding:.75rem 1rem;margin:-0.75rem -1rem;margin-inline-end:1rem}textarea.form-control{min-height:3.5rem}textarea.form-control-sm{min-height:1.75rem}textarea.form-control-lg,.form-floating>textarea.form-control,.form-floating>textarea.form-select{min-height:3.125rem}.form-control-color{width:3rem;height:3.5rem;padding:.875rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0 !important;border-radius:0}.form-control-color::-webkit-color-swatch{border:0 !important;border-radius:0}.form-control-color.form-control-sm{height:1.75rem}.form-control-color.form-control-lg,.form-floating>.form-control-color.form-control,.form-floating>.form-control-color.form-select{height:3.125rem}.form-floating>label{display:block;top:2px;left:2px;margin:0;padding-inline:1rem;padding-top:1.59375rem;padding-bottom:0;border:0;color:#333;font-size:1rem;width:auto;height:auto;max-width:calc(100% - (4px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:1rem 0;transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1),width 0ms linear}.form-floating>.form-control::placeholder{opacity:0}.form-floating>.form-control::input-placeholder{opacity:0}.form-floating>.form-control:focus::placeholder{color:rgba(var(--post-contrast-color-rgb), 0.6);opacity:1;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-floating>.form-control:focus::input-placeholder{color:rgba(var(--post-contrast-color-rgb), 0.6);opacity:1;transition:opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.5rem;padding-bottom:0}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label{color:#333;padding-top:.7rem;max-width:calc(100%*1.3333333333 - 0.6666666667rem - 5.3333333333px);transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1),width 0ms 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-floating>.form-control:disabled~label{color:var(--post-gray-60)}.form-floating>.form-control:hover~label{color:#000}.form-floating>.form-control[type=file]:focus,.form-floating>.form-control[type=file]:not(:placeholder-shown){padding-top:1.995rem}.form-floating>.form-control[type=week],.form-floating>.form-control[type=month],.form-floating>.form-control[type=date],.form-floating>.form-control[type=time]{background-position:right calc(0.375em + 0.4375rem) bottom .5rem}.form-floating>.form-control.form-control-sm{font-size:.875rem;height:3rem;min-height:3rem;padding-inline:1rem}.form-floating>.form-control.form-control-sm[type=date]::-webkit-calendar-picker-indicator{margin-top:-0.75rem}.form-floating>.form-control.form-control-sm~label{font-size:.875rem;padding-top:.75rem;padding-inline:1rem}.form-floating>.form-control.form-control-sm:focus,.form-floating>.form-control.form-control-sm:not(:placeholder-shown){padding-top:.5rem}.form-floating>.form-control.form-control-sm:focus~label,.form-floating>.form-control.form-control-sm:not(:placeholder-shown)~label{padding-top:.25rem;font-size:.75rem}.form-floating>.form-select{padding-top:1.5rem;padding-bottom:0}.form-floating>.form-select~label{color:#333;padding-top:.7rem;max-width:calc(100%*1.3333333333 - 0.6666666667rem - 5.3333333333px);transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1),width 0ms 250ms cubic-bezier(0.4, 0, 0.2, 1)}.form-floating>.form-select:disabled~label{color:var(--post-gray-60)}.form-floating>.form-select:empty,.form-floating>.form-select.form-select-empty{padding-top:1.5rem;padding-bottom:0}.form-floating>.form-select:empty~label,.form-floating>.form-select.form-select-empty~label{padding-top:1.59375rem;max-width:calc(100% - (4px));transform:none}.form-floating>.form-select.form-select-sm{padding-inline:1rem;padding-top:.5rem;font-size:.875rem;height:3rem;min-height:3rem}.form-floating>.form-select.form-select-sm~label{padding-top:.25rem;font-size:.75rem;padding-inline:1rem}.form-floating>.form-select.form-select-sm:empty~label,.form-floating>.form-select.form-select-sm.form-select-empty~label{padding-top:.75rem;font-size:.875rem}.form-floating>.form-select[multiple]{padding-top:2rem;padding-bottom:0;height:auto}.form-floating>.form-select[multiple]~label{padding-top:.5625rem;padding-bottom:0;width:calc(100%*1.3333333333 - 0.6666666667rem - 5.3333333333px - 1.3333333333rem);height:auto;left:6px}.form-floating>.form-select[multiple].form-select-sm{padding-top:1.5rem}.form-floating>.form-select[multiple].form-select-sm~label{left:4px}.form-floating>.form-select[multiple]:not(:disabled)~label{background:#fff}.form-floating>.form-select[multiple]:empty~label{padding-top:.75rem;padding-bottom:.75rem;width:calc(100% - (4px) - 1rem)}.form-floating>textarea.form-control{padding-top:1.625rem !important;padding-bottom:.5rem;padding-right:1.5rem;min-height:3.875rem;height:auto}.form-floating>textarea.form-control~label{padding-bottom:0;width:calc(100% - (4px));max-width:none;height:unset;padding-top:1rem}.form-floating>textarea.form-control:focus,.form-floating>textarea.form-control:not(:placeholder-shown){padding-bottom:.5rem}.form-floating>textarea.form-control:focus~label,.form-floating>textarea.form-control:not(:placeholder-shown)~label{padding-top:.5rem;width:calc(100%*1.3333333333 - 0.6666666667rem - 5.3333333333px - 1.3333333333rem);max-width:none;background:#fff}.form-floating>textarea.form-control.form-control-sm{padding-top:1.625rem !important;padding-right:1.5rem;font-size:.875rem;min-height:3.6875rem;height:auto}.form-floating>textarea.form-control.form-control-sm~label{font-size:.875rem;padding-left:1rem;padding-top:1rem;padding-right:1.5rem}.form-floating>textarea.form-control.form-control-sm:focus,.form-floating>textarea.form-control.form-control-sm:not(:placeholder-shown){padding-bottom:.5rem}.form-floating>textarea.form-control.form-control-sm:focus~label,.form-floating>textarea.form-control.form-control-sm:not(:placeholder-shown)~label{transform:scale(0.8571428571);padding-top:.5rem;width:calc(100%*1.1666666667 - 0.3333333333rem - 4.6666666667px - 1.1666666667rem);max-width:none;background:#fff}.form-floating>textarea.form-control:is(.is-valid,.is-invalid)~label{width:calc(100% - (4px) - 0.5rem - 32px)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid):focus~label,.form-floating>textarea.form-control:is(.is-valid,.is-invalid):not(:placeholder-shown)~label{width:calc(100%*1.3333333333 - 0.6666666667rem - 5.3333333333px - 0.6666666667rem - 2.6666666667rem)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid).form-control-sm~label{width:calc(100% - (4px) - 0.5rem - 24px)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid).form-control-sm:focus,.form-floating>textarea.form-control:is(.is-valid,.is-invalid).form-control-sm:not(:placeholder-shown){padding-right:2.5rem}.form-floating>textarea.form-control:is(.is-valid,.is-invalid).form-control-sm:focus~label,.form-floating>textarea.form-control:is(.is-valid,.is-invalid).form-control-sm:not(:placeholder-shown)~label{width:calc(100%*1.1666666667 - 0.5833333333rem - 4.6666666667px - 0.5833333333rem - 28px)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-floating>input::placeholder,.form-floating>textarea::placeholder{opacity:0}.form-floating>input::input-placeholder,.form-floating>textarea::input-placeholder{opacity:0}}
+.form-floating{position:relative}.form-floating>.form-control~label,.form-floating>textarea~label{position:absolute;z-index:2;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:var(--post-device-spacing-padding-5);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-primary-enabled-fg1);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;background-color:var(--post-scheme-color-interactive-primary-enabled-bg1)}.form-floating>.form-control{height:var(--post-device-sizing-interactive-button-height-6);min-height:var(--post-device-sizing-interactive-button-height-6)}.form-floating>.form-control::placeholder{color:rgba(0,0,0,0)}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-block-3)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label{color:var(--post-scheme-color-interactive-primary-selected-fg1);font-size:var(--post-device-font-size-10);padding-block-start:var(--post-device-spacing-padding-block-30)}.form-floating>.form-control:focus:not(:hover):not(:disabled)~label,.form-floating>.form-control:not(:placeholder-shown):not(:hover):not(:disabled)~label{color:var(--post-scheme-color-interactive-primary-selected-fg1)}.form-floating>.form-control::placeholder{opacity:0}.form-floating>.form-control::input-placeholder{opacity:0}.form-floating>.form-control:focus::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1}.form-floating>.form-control:focus::input-placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1}.form-floating>.form-control:disabled~label{color:var(--post-scheme-color-interactive-primary-disabled-fg1);background-color:var(--post-scheme-color-interactive-primary-disabled-bg)}.form-floating>.form-control:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1);background-color:var(--post-scheme-color-interactive-primary-hover-bg)}.form-floating>.form-control[type=file]:focus,.form-floating>.form-control[type=file]:not(:placeholder-shown){padding-block-start:calc(var(--post-device-spacing-padding-block-29)*1.33)}.form-floating>textarea:disabled~label,.form-floating>.form-control:disabled~label{color:var(--post-scheme-color-interactive-primary-disabled-fg1);background-color:var(--post-scheme-color-interactive-primary-disabled-bg)}.form-floating>.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>.form-control:-webkit-autofill~label{color:var(--post-scheme-color-interactive-primary-selected-fg1);font-size:var(--post-device-font-size-10);background-color:var(--post-scheme-color-interactive-primary-selected-bg1)}.form-floating>:disabled~label,.form-floating>.form-control:disabled~label{color:var(--post-scheme-color-interactive-primary-disabled-fg1);background-color:var(--post-scheme-color-interactive-primary-disabled-bg)}.form-floating>textarea.form-control{padding-block-start:1.625rem !important;padding-block-end:.5rem;padding-inline-end:1.5rem;min-height:3.875rem;height:auto}.form-floating>textarea.form-control~label{padding-block-end:0;width:calc(100% - var(--post-device-border-width-default)*2);max-width:none;height:unset;padding-block-start:1rem}.form-floating>textarea.form-control:focus,.form-floating>textarea.form-control:not(:placeholder-shown){padding-block-end:.5rem}.form-floating>textarea.form-control:focus~label,.form-floating>textarea.form-control:not(:placeholder-shown)~label{padding-block-start:.5rem;width:calc(100% - var(--post-device-border-width-default)*2);max-width:none;background-color:var(--post-scheme-color-interactive-primary-selected-bg1)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid)~label{width:calc(100% - var(--post-device-border-width-default)*2 - 0.5rem - var(--post-device-sizing-interactive-button-height-6))}.form-floating>textarea.form-control:is(.is-valid,.is-invalid):focus~label,.form-floating>textarea.form-control:is(.is-valid,.is-invalid):not(:placeholder-shown)~label{width:calc(100% - var(--post-device-border-width-default)*2)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-floating>input::placeholder,.form-floating>textarea::placeholder{opacity:0}.form-floating>input::input-placeholder,.form-floating>textarea::input-placeholder{opacity:0}}

package/components/floating-label.scss

@@ -3,9 +3,6 @@
 
 @forward './../variables/options';
 
-@use './../themes/bootstrap/core' as b;
-@use './../themes/bootstrap/forms/floating-labels' as bffl;
-@use './../themes/bootstrap/forms/form-control' as bffc;
 @use './../mixins/forms' as forms-mx;
 @use './../mixins/utilities' as utilities-mx;
 
@@ -16,328 +13,164 @@
 @use './../variables/components/forms';
 @use './../variables/components/form-validation';
 @use './../variables/animation';
-@use './../variables/color' as c;
+@use './../functions/tokens';
+@use './../tokens/components';
 
+tokens.$default-map: components.$post-text-input;
+
+// TODO: Since each input/select/textarea will have their own tokens, make sure to separate this file between the 3 corresponding files form-select, forms (should be renamed text-input) and form-textarea
 .form-floating {
-  > label {
+  position: relative;
+
+  > .form-control ~ label,
+  > textarea ~ label {
+    position: absolute;
+    z-index: 2;
+    text-align: start;
+    pointer-events: none;
     display: block;
-    top: forms.$input-border-width;
-    left: forms.$input-border-width;
+    top: tokens.get('input-border-width');
+    left: tokens.get('input-border-width');
     margin: 0;
-    padding-inline: forms.$form-floating-padding-x;
-    padding-top: forms.$form-floating-label-padding-t;
-    padding-bottom: 0;
+    padding-inline-start: tokens.get('input-label-empty-padding-inline-start');
+    padding-inline-end: tokens.get('input-label-empty-padding-inline-end');
+    padding-block-start: tokens.get('input-label-empty-padding-block-start');
     border: 0;
-    color: forms.$form-floating-label-color;
-    font-size: forms.$form-floating-label-font-size;
+    color: tokens.get('input-color-enabled-fg');
     width: auto;
     height: auto;
-    max-width: calc(100% - (#{forms.$input-border-width * 2}));
+    max-width: calc(100% - (#{tokens.get('input-border-width')} * 2));
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    transform-origin: forms.$form-floating-padding-x 0;
-    transition: forms.$form-floating-transition-out;
+    transition:
+      padding-block-start 0.2s ease-in-out,
+      font-size 0.2s ease-in-out;
+    background-color: tokens.get('input-color-enabled-bg');
   }
 
   > .form-control {
-    // disable stylelint here, because the classes are coming from bs5
-    @extend .form-control-lg; /* stylelint-disable-line */
-
-    @include forms-mx.placeholder {
-      opacity: 0;
-    }
+    height: tokens.get('input-sizing-height');
+    min-height: tokens.get('input-sizing-height');
 
-    &:focus {
-      @include forms-mx.placeholder {
-        color: rgba(var(--post-contrast-color-rgb), 0.6);
-        opacity: 1;
-        transition: opacity animation.$transition-base-timing;
-      }
+    &::placeholder {
+      color: transparent;
     }
 
     &:focus,
     &:not(:placeholder-shown) {
-      padding-top: forms.$form-floating-input-padding-t;
-      padding-bottom: forms.$form-floating-input-padding-b;
+      padding-block-start: tokens.get('input-padding-block-start');
+      padding-block-end: tokens.get('input-padding-block-end');
 
       ~ label {
-        color: forms.$form-floating-label-color;
-        padding-top: 0.7rem;
-        max-width: calc(
-          (100% * #{forms.$form-floating-label-upscale}) - #{forms.$form-floating-label-translate-x *
-            forms.$form-floating-label-upscale * 2} - #{forms.$input-border-width * forms.$form-floating-label-upscale *
-            2}
-        );
-        transition: forms.$form-floating-transition-in;
+        color: tokens.get('input-color-selected-fg');
+        font-size: tokens.get('input-label-filled-font-size');
+        padding-block-start: tokens.get('input-label-filled-padding-block-start');
       }
-    }
 
-    &:disabled {
-      ~ label {
-        color: var(--post-gray-60);
+      &:not(:hover):not(:disabled) {
+        ~ label {
+          color: tokens.get('input-color-selected-fg');
+        }
       }
     }
 
-    &:hover {
-      ~ label {
-        color: c.$black;
-      }
+    @include forms-mx.placeholder {
+      opacity: 0;
     }
 
-    &[type='file'] {
-      &:focus,
-      &:not(:placeholder-shown) {
-        padding-top: forms.$form-floating-input-padding-t * 1.33;
+    &:focus {
+      @include forms-mx.placeholder {
+        color: tokens.get('input-color-helptext-fg');
+        opacity: 1;
       }
     }
 
-    &[type='week'],
-    &[type='month'],
-    &[type='date'],
-    &[type='time'] {
-      background-position: right b.$input-height-inner-quarter bottom 0.5rem;
+    &:disabled ~ label {
+      color: tokens.get('input-color-disabled-fg');
+      background-color: tokens.get('input-color-disabled-bg');
     }
 
-    &.form-control-sm {
-      font-size: forms.$form-floating-label-font-size-placeholder-sm;
-      height: forms.$form-floating-label-height-sm;
-      min-height: forms.$form-floating-label-height-sm;
-      padding-inline: forms.$form-floating-padding-x-sm;
-
-      &[type='date']::-webkit-calendar-picker-indicator {
-        margin-top: -(spacing.$size-small-regular);
-      }
-
-      ~ label {
-        font-size: forms.$form-floating-label-font-size-placeholder-sm;
-        padding-top: forms.$form-floating-label-padding-t-sm;
-        padding-inline: forms.$form-floating-padding-x-sm;
-      }
+    &:not(:disabled):hover ~ label {
+      color: tokens.get('input-color-hover-fg');
+      background-color: tokens.get('input-color-hover-bg');
+    }
 
+    &[type='file'] {
       &:focus,
       &:not(:placeholder-shown) {
-        padding-top: forms.$form-floating-padding-y-sm * 2;
-
-        ~ label {
-          padding-top: forms.$form-floating-padding-y-sm;
-          font-size: forms.$form-floating-label-font-size-sm;
-        }
+        padding-block-start: calc(#{tokens.get('input-padding-block-start')} * 1.33);
       }
     }
   }
 
-  > .form-select {
-    // disable stylelint here, because the classes are coming from bs5
-    @extend .form-control-lg; /* stylelint-disable-line */
+  > textarea:disabled ~ label,
+  > .form-control:disabled ~ label {
+    // Required for `.form-control`s because of specificity
+    color: tokens.get('input-color-disabled-fg');
+    background-color: tokens.get('input-color-disabled-bg');
+  }
 
-    padding-top: forms.$form-floating-input-padding-t;
-    padding-bottom: forms.$form-floating-input-padding-b;
+  // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped
+  > .form-control:-webkit-autofill {
+    padding-block-start: tokens.get('input-padding-block-start');
+    padding-block-end: tokens.get('input-padding-block-end');
 
     ~ label {
-      color: forms.$form-floating-label-color;
-      padding-top: 0.7rem;
-      max-width: calc(
-        (100% * #{forms.$form-floating-label-upscale}) - #{forms.$form-floating-label-translate-x *
-          forms.$form-floating-label-upscale * 2} - #{forms.$input-border-width * forms.$form-floating-label-upscale *
-          2}
-      );
-      transition: forms.$form-floating-transition-in;
-    }
-
-    &:disabled {
-      ~ label {
-        color: var(--post-gray-60);
-      }
-    }
-
-    // TODO: replace with :has
-    &:empty,
-    &.form-select-empty {
-      padding-top: forms.$form-floating-input-padding-t;
-      padding-bottom: forms.$form-floating-input-padding-b;
-
-      ~ label {
-        padding-top: forms.$form-floating-label-padding-t;
-        max-width: calc(100% - (#{forms.$input-border-width * 2}));
-        transform: none;
-      }
-    }
-
-    &.form-select-sm {
-      padding-inline: forms.$form-floating-padding-x-sm;
-      padding-top: forms.$form-floating-padding-y-sm * 2;
-      font-size: forms.$form-floating-label-font-size-placeholder-sm;
-      height: forms.$form-floating-label-height-sm;
-      min-height: forms.$form-floating-label-height-sm;
-
-      ~ label {
-        padding-top: forms.$form-floating-padding-y-sm;
-        font-size: forms.$form-floating-label-font-size-sm;
-        padding-inline: forms.$form-floating-padding-x-sm;
-      }
-
-      // TODO: replace with :has
-      &:empty,
-      &.form-select-empty {
-        ~ label {
-          padding-top: forms.$form-floating-label-padding-t-sm;
-          font-size: forms.$form-floating-label-font-size-placeholder-sm;
-        }
-      }
+      color: tokens.get('input-color-selected-fg');
+      font-size: tokens.get('input-label-filled-font-size');
+      background-color: tokens.get('input-color-selected-bg');
     }
+  }
 
-    &[multiple] {
-      padding-top: spacing.$size-big;
-      padding-bottom: 0;
-      height: auto;
-
-      ~ label {
-        padding-top: forms.$input-padding-y-lg * forms.$form-floating-label-scale;
-        padding-bottom: 0;
-        width: calc(
-          (100% * #{forms.$form-floating-label-upscale}) - #{forms.$form-floating-label-translate-x *
-            forms.$form-floating-label-upscale * 2} - #{forms.$input-border-width * forms.$form-floating-label-upscale *
-            2} - #{forms.$form-floating-padding-x * forms.$form-floating-label-upscale}
-        );
-        height: auto;
-        left: forms.$input-border-width * 3;
-      }
-
-      &.form-select-sm {
-        padding-top: forms.$form-floating-input-padding-t;
-
-        ~ label {
-          left: forms.$input-border-width * 2;
-        }
-      }
-
-      &:not(:disabled) {
-        ~ label {
-          background: forms.$input-bg;
-        }
-      }
-
-      &:empty {
-        ~ label {
-          padding-top: forms.$form-floating-padding-y;
-          padding-bottom: forms.$form-floating-padding-y;
-          width: calc(
-            100% - (#{forms.$input-border-width * 2}) - #{forms.$form-floating-padding-x}
-          );
-        }
-      }
-    }
+  > :disabled ~ label,
+  > .form-control:disabled ~ label {
+    // Required for `.form-control`s because of specificity
+    color: tokens.get('input-color-disabled-fg');
+    background-color: tokens.get('input-color-disabled-bg');
   }
 
   > textarea.form-control {
-    padding-top: forms.$form-floating-textarea-padding-t !important;
-    padding-bottom: spacing.$size-mini;
-    padding-right: spacing.$size-large;
+    padding-block-start: forms.$form-floating-textarea-padding-t !important;
+    padding-block-end: spacing.$size-mini;
+    padding-inline-end: spacing.$size-large;
     min-height: (forms.$form-floating-label-font-size * forms.$input-line-height-lg) +
       forms.$form-floating-textarea-padding-t + spacing.$size-mini +
       sizing.px-to-rem(forms.$input-border-width * 2);
     height: auto;
 
     ~ label {
-      padding-bottom: 0;
-      width: calc(100% - (#{forms.$input-border-width * 2}));
+      padding-block-end: 0;
+      width: calc(100% - (#{tokens.get('input-border-width')} * 2));
       max-width: none;
       height: unset;
-      padding-top: spacing.$size-regular;
+      padding-block-start: spacing.$size-regular;
     }
 
     &:focus,
     &:not(:placeholder-shown) {
-      padding-bottom: spacing.$size-mini;
+      padding-block-end: spacing.$size-mini;
 
       ~ label {
-        padding-top: spacing.$size-mini;
-        width: calc(
-          (100% * #{forms.$form-floating-label-upscale}) - #{forms.$form-floating-label-translate-x *
-            forms.$form-floating-label-upscale * 2} - #{forms.$input-border-width * forms.$form-floating-label-upscale *
-            2} - #{forms.$form-floating-padding-x * forms.$form-floating-label-upscale}
-        );
+        padding-block-start: spacing.$size-mini;
+        width: calc(100% - (#{tokens.get('input-border-width')} * 2));
         max-width: none;
-        background: forms.$input-bg;
-      }
-    }
-
-    &.form-control-sm {
-      padding-top: forms.$form-floating-textarea-padding-t-sm !important;
-      padding-right: spacing.$size-large;
-      font-size: forms.$form-floating-label-font-size-placeholder-sm;
-      min-height: (
-          forms.$form-floating-label-font-size-placeholder-sm * forms.$input-line-height-sm
-        ) + forms.$form-floating-textarea-padding-t-sm + spacing.$size-mini +
-        sizing.px-to-rem(forms.$input-border-width * 2);
-      height: auto;
-
-      ~ label {
-        font-size: forms.$form-floating-label-font-size-placeholder-sm;
-        padding-left: spacing.$size-regular;
-        padding-top: spacing.$size-regular;
-        padding-right: spacing.$size-large;
-      }
-
-      &:focus,
-      &:not(:placeholder-shown) {
-        padding-bottom: spacing.$size-mini;
-
-        ~ label {
-          transform: scale(forms.$form-floating-label-scale-sm);
-          padding-top: spacing.$size-mini;
-          width: calc(
-            (100% * #{forms.$form-floating-label-upscale-sm}) - #{forms.$form-floating-label-translate-x-sm *
-              forms.$form-floating-label-upscale-sm * 2} - #{forms.$input-border-width * forms.$form-floating-label-upscale-sm *
-              2} - #{forms.$form-floating-padding-x-sm * forms.$form-floating-label-upscale-sm}
-          );
-          max-width: none;
-          background: forms.$input-bg;
-        }
+        background-color: tokens.get('input-color-selected-bg');
       }
     }
 
     &:is(.is-valid, .is-invalid) {
       ~ label {
         width: calc(
-          100% - (#{forms.$input-border-width * 2}) - #{form-validation.$form-feedback-icon-offset} -
-            #{forms.$form-bg-size}
+          100% - (#{tokens.get('input-border-width')} * 2) - #{form-validation.$form-feedback-icon-offset} -
+            #{tokens.get('input-sizing-height')}
         );
       }
 
       &:focus,
       &:not(:placeholder-shown) {
         ~ label {
-          width: calc(
-            (100% * #{forms.$form-floating-label-upscale}) - #{forms.$form-floating-label-translate-x *
-              forms.$form-floating-label-upscale * 2} - #{forms.$input-border-width * forms.$form-floating-label-upscale *
-              2} - #{form-validation.$form-feedback-icon-offset * forms.$form-floating-label-upscale} -
-              #{form-validation.$form-feedback-icon-size * forms.$form-floating-label-upscale}
-          );
-        }
-      }
-
-      &.form-control-sm {
-        ~ label {
-          width: calc(
-            100% - (#{forms.$input-border-width * 2}) - #{form-validation.$form-feedback-icon-offset} -
-              #{forms.$form-bg-size-sm}
-          );
-        }
-
-        &:focus,
-        &:not(:placeholder-shown) {
-          padding-right: spacing.$size-bigger-big;
-
-          ~ label {
-            width: calc(
-              (100% * #{forms.$form-floating-label-upscale-sm}) - #{forms.$form-floating-label-translate-x *
-                forms.$form-floating-label-upscale-sm * 2} - #{forms.$input-border-width * forms.$form-floating-label-upscale-sm *
-                2} - #{form-validation.$form-feedback-icon-offset *
-                forms.$form-floating-label-upscale-sm} - #{forms.$form-bg-size-sm * forms.$form-floating-label-upscale-sm}
-            );
-          }
+          width: calc(100% - (#{tokens.get('input-border-width')} * 2));
         }
       }
     }

package/components/form-hint.css

@@ -0,0 +1 @@
+.form-hint{color:var(--post-scheme-color-interactive-primary-enabled-fg1);padding-inline:var(--post-device-spacing-padding-2);padding-block:var(--post-device-spacing-padding-block-5);font-size:var(--post-device-font-size-10);margin-block-start:0}.form-control:disabled .form-hint{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}