@swisspost/design-system-styles 10.8.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.
- package/README.md +1 -1
- package/_svg-icon-map.scss +9 -1
- package/basics.css +1 -1
- package/cargo-compact.css +1 -1
- package/cargo-condensed.css +1 -1
- package/cargo-default.css +1 -1
- package/components/blockquote.css +1 -1
- package/components/blockquote.scss +1 -0
- package/components/chip.scss +1 -1
- package/components/dialog.scss +2 -2
- package/components/footer/_post-footer.scss +17 -7
- package/components/footer/index.css +1 -1
- package/components/form-input.css +1 -1
- package/components/form-input.scss +38 -23
- package/components/form-search-input.scss +1 -1
- package/components/form-select.scss +16 -10
- package/components/form-textarea.scss +2 -2
- package/components/header/_custom-properties.scss +32 -8
- package/components/header/index.css +1 -1
- package/components/inline-notification.scss +2 -2
- package/components/switch.scss +4 -4
- package/components/tabs/_tab-title.scss +8 -8
- package/elements/list-bullet.css +1 -1
- package/layout/_containers.scss +1 -1
- package/layout/_section.scss +1 -1
- package/mixins/_forms.scss +3 -3
- package/mixins/_list.scss +5 -5
- package/package.json +13 -13
- package/post-compact.css +1 -1
- package/post-condensed.css +1 -1
- package/post-default.css +1 -1
- package/utilities/_env-variables.scss +1 -1
- package/utilities/_variables.scss +36 -36
- package/variables/components/_notification.scss +10 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
.blockquote{font-size:var(--post-device-font-size-5);font-weight:var(--post-device-font-weight-bold);margin:var(--post-device-spacing-margin-5) var(--post-device-spacing-margin-6);padding:0 var(--post-core-dimension-24) 0 var(--post-core-dimension-20);border-inline-start:var(--post-device-border-width-quote) var(--post-core-border-style-solid) var(--post-scheme-color-surface-default-stroke)}figure:has(.blockquote){margin:var(--post-device-spacing-margin-5) var(--post-device-spacing-margin-6);padding:0 var(--post-core-dimension-24) 0 var(--post-core-dimension-20);border-inline-start:var(--post-device-border-width-quote) var(--post-core-border-style-solid) var(--post-scheme-color-surface-default-stroke)}figure:has(.blockquote) .blockquote{margin:0;padding:0;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}figure:has(.blockquote) .blockquote q{quotes:"«" "»" "‹" "›"}figure:has(.blockquote) .blockquote q:lang(en){quotes:"“" "”" "‘" "’"}figcaption.blockquote-footer{margin-top:var(--post-core-dimension-16)}figcaption.blockquote-footer cite{font-style:inherit}
|
|
1
|
+
.blockquote{font-size:var(--post-device-font-size-5);font-weight:var(--post-device-font-weight-bold);margin:var(--post-device-spacing-margin-5) var(--post-device-spacing-margin-6);padding:0 var(--post-core-dimension-24) 0 var(--post-core-dimension-20);border-inline-start:var(--post-device-border-width-quote) var(--post-core-border-style-solid) var(--post-scheme-color-surface-default-stroke)}figure:has(.blockquote){margin:var(--post-device-spacing-margin-5) var(--post-device-spacing-margin-6);padding:0 var(--post-core-dimension-24) 0 var(--post-core-dimension-20);border-inline-start:var(--post-device-border-width-quote) var(--post-core-border-style-solid) var(--post-scheme-color-surface-default-stroke)}figure:has(.blockquote) .blockquote{margin:0;padding:0;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}figure:has(.blockquote) .blockquote q{quotes:"«" "»" "‹" "›"}figure:has(.blockquote) .blockquote q:lang(en){quotes:"“" "”" "‘" "’"}figcaption.blockquote-footer{margin-top:var(--post-core-dimension-16);font-style:italic}figcaption.blockquote-footer cite{font-style:inherit}
|
package/components/chip.scss
CHANGED
|
@@ -95,7 +95,7 @@ button.chip-dismissible {
|
|
|
95
95
|
border-color: tokens.get('chip-selectable-selected-enabled-stroke');
|
|
96
96
|
padding-left: calc(
|
|
97
97
|
tokens.get('chip-selectable-padding-inline') + tokens.get('chip-selectable-icon') +
|
|
98
|
-
|
|
98
|
+
tokens.get('chip-selectable-gap-inline-selected-icon')
|
|
99
99
|
);
|
|
100
100
|
|
|
101
101
|
@include utilities.high-contrast-mode() {
|
package/components/dialog.scss
CHANGED
|
@@ -217,7 +217,7 @@ dialog {
|
|
|
217
217
|
// prevent overflow: auto from clipping focus rings of child elements
|
|
218
218
|
$focus-space: calc(
|
|
219
219
|
#{tokens.get('focus-outline-offset', helpers.$post-focus)} +
|
|
220
|
-
|
|
220
|
+
#{tokens.get('focus-outline-width', helpers.$post-focus)}
|
|
221
221
|
);
|
|
222
222
|
|
|
223
223
|
padding: $focus-space;
|
|
@@ -266,7 +266,7 @@ dialog {
|
|
|
266
266
|
dialog#{$dialog-bottom-sheet-selector} .dialog-header {
|
|
267
267
|
padding-inline-end: calc(
|
|
268
268
|
#{tokens.get('dialog-icon-size', components.$post-dialog)} +
|
|
269
|
-
|
|
269
|
+
#{tokens.get('dialog-padding-inline', components.$post-dialog)}
|
|
270
270
|
);
|
|
271
271
|
}
|
|
272
272
|
|
|
@@ -78,12 +78,12 @@ post-footer {
|
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
div:is(
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
81
|
+
[slot='socialmedia'],
|
|
82
|
+
[slot='app'],
|
|
83
|
+
[slot='businesssectors'],
|
|
84
|
+
[slot='meta'],
|
|
85
|
+
[slot='prefooter']
|
|
86
|
+
)
|
|
87
87
|
> ul {
|
|
88
88
|
@include list.list-inline();
|
|
89
89
|
column-gap: var(--post-footer-list-item-gap);
|
|
@@ -107,7 +107,7 @@ post-footer {
|
|
|
107
107
|
column-gap: var(--post-footer-list-item-gap);
|
|
108
108
|
}
|
|
109
109
|
|
|
110
|
-
post-icon:is(div[slot='socialmedia'] > ul > li > a > *)
|
|
110
|
+
post-icon:is(div[slot='socialmedia'] > ul > li > a > *) {
|
|
111
111
|
width: 26px;
|
|
112
112
|
height: 26px;
|
|
113
113
|
|
|
@@ -120,5 +120,15 @@ post-footer {
|
|
|
120
120
|
width: 22px;
|
|
121
121
|
height: 22px;
|
|
122
122
|
}
|
|
123
|
+
|
|
124
|
+
&:is([name='letter'], [name='letter-solid']) {
|
|
125
|
+
width: 16px;
|
|
126
|
+
height: 16px;
|
|
127
|
+
|
|
128
|
+
@include media.max(md) {
|
|
129
|
+
width: 14px;
|
|
130
|
+
height: 14px;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
123
133
|
}
|
|
124
134
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
post-footer{--post-footer-grid-list-title-gap: 0;--post-footer-grid-list-item-gap: 8px;--post-footer-socialmedia-list-item-gap: 8px;--post-footer-app-list-item-gap: 8px;--post-footer-businesssector-list-item-gap: 8px;--post-footer-list-item-gap: 8px}@media screen and (min-width: 600px){post-footer{--post-footer-grid-list-title-gap: 8px;--post-footer-socialmedia-list-item-gap: 16px;--post-footer-businesssector-list-item-gap: 24px;--post-footer-list-item-gap: 16px}}@media screen and (min-width: 1024px){post-footer{--post-footer-list-item-gap: 24px}}post-footer :is(h3,.h3){margin:0;font-size:inherit}post-footer a:not(.btn-icon,.app-store-badge){display:block;text-decoration:none}post-footer a:not(.btn-icon,.app-store-badge):hover{text-decoration:underline}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-footer a:not(.btn-icon,.app-store-badge):hover{text-decoration:underline}}post-footer span[slot|=grid]{display:block;margin-block-end:var(--post-footer-grid-list-title-gap)}@media screen and (max-width: 599.98px){post-footer span[slot|=grid]{font-size:var(--post-device-font-size-6)}}post-footer ul[slot|=grid]{list-style:none;margin-block:var(--post-device-spacing-padding-block-8);padding-inline-start:calc(var(--post-device-sizing-notification-icon-3) + var(--post-device-spacing-gap-inline-10))}post-footer ul[slot|=grid]>li{margin:0;padding-inline:0;padding-block:var(--post-device-spacing-padding-block-6)}post-footer ul[slot|=grid]>li~li{margin-block-start:var(--post-device-spacing-gap-1)}post-footer ul[slot|=grid]>li::before{display:block;content:"";box-sizing:content-box;margin-block-start:calc(var(--post-device-line-height-content)*.5em - var(--post-device-sizing-interactive-button-icon-6)*.5);margin-inline-start:calc(var(--post-device-sizing-notification-icon-3)*-0.5 + var(--post-device-sizing-interactive-button-icon-6)*-0.5 + var(--post-device-spacing-gap-inline-10)*-1);width:var(--post-device-sizing-interactive-button-icon-6);height:var(--post-device-sizing-interactive-button-icon-6);background-color:currentColor;border-radius:50%;float:left}@supports(float: inline-start){post-footer ul[slot|=grid]>li::before{float:inline-start}}post-footer ul[slot|=grid]{margin-block:0;padding-inline-start:0;list-style:none}post-footer ul[slot|=grid]>li::before{display:none}post-footer ul[slot|=grid]>li~li{margin-block-start:var(--post-footer-grid-list-item-gap)}post-footer div:is([slot=socialmedia],[slot=app],[slot=businesssectors],[slot=meta],[slot=prefooter])>ul{all:unset;display:block;list-style:none;display:flex;flex-wrap:wrap;row-gap:var(--post-device-spacing-gap-1);column-gap:calc(var(--post-device-spacing-gap-inline-10)*2);margin-block:var(--post-device-spacing-padding-block-8)}post-footer div:is([slot=socialmedia],[slot=app],[slot=businesssectors],[slot=meta],[slot=prefooter])>ul>li{all:unset;display:list-item}post-footer div:is([slot=socialmedia],[slot=app],[slot=businesssectors],[slot=meta],[slot=prefooter])>ul>li~li{all:unset;display:list-item}post-footer div:is([slot=socialmedia],[slot=app],[slot=businesssectors],[slot=meta],[slot=prefooter])>ul>li::before{all:unset}post-footer div:is([slot=socialmedia],[slot=app],[slot=businesssectors],[slot=meta],[slot=prefooter])>ul{column-gap:var(--post-footer-list-item-gap);margin:0}post-footer div[slot=socialmedia]>ul{gap:var(--post-footer-socialmedia-list-item-gap)}post-footer div[slot=app]>ul{gap:var(--post-footer-app-list-item-gap)}post-footer div[slot=businesssectors]>ul{gap:var(--post-footer-businesssector-list-item-gap)}post-footer div[slot=meta]>ul{row-gap:0;column-gap:var(--post-footer-list-item-gap)}post-footer post-icon:is(div[slot=socialmedia]>ul>li>a>*):
|
|
1
|
+
post-footer{--post-footer-grid-list-title-gap: 0;--post-footer-grid-list-item-gap: 8px;--post-footer-socialmedia-list-item-gap: 8px;--post-footer-app-list-item-gap: 8px;--post-footer-businesssector-list-item-gap: 8px;--post-footer-list-item-gap: 8px}@media screen and (min-width: 600px){post-footer{--post-footer-grid-list-title-gap: 8px;--post-footer-socialmedia-list-item-gap: 16px;--post-footer-businesssector-list-item-gap: 24px;--post-footer-list-item-gap: 16px}}@media screen and (min-width: 1024px){post-footer{--post-footer-list-item-gap: 24px}}post-footer :is(h3,.h3){margin:0;font-size:inherit}post-footer a:not(.btn-icon,.app-store-badge){display:block;text-decoration:none}post-footer a:not(.btn-icon,.app-store-badge):hover{text-decoration:underline}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-footer a:not(.btn-icon,.app-store-badge):hover{text-decoration:underline}}post-footer span[slot|=grid]{display:block;margin-block-end:var(--post-footer-grid-list-title-gap)}@media screen and (max-width: 599.98px){post-footer span[slot|=grid]{font-size:var(--post-device-font-size-6)}}post-footer ul[slot|=grid]{list-style:none;margin-block:var(--post-device-spacing-padding-block-8);padding-inline-start:calc(var(--post-device-sizing-notification-icon-3) + var(--post-device-spacing-gap-inline-10))}post-footer ul[slot|=grid]>li{margin:0;padding-inline:0;padding-block:var(--post-device-spacing-padding-block-6)}post-footer ul[slot|=grid]>li~li{margin-block-start:var(--post-device-spacing-gap-1)}post-footer ul[slot|=grid]>li::before{display:block;content:"";box-sizing:content-box;margin-block-start:calc(var(--post-device-line-height-content)*.5em - var(--post-device-sizing-interactive-button-icon-6)*.5);margin-inline-start:calc(var(--post-device-sizing-notification-icon-3)*-0.5 + var(--post-device-sizing-interactive-button-icon-6)*-0.5 + var(--post-device-spacing-gap-inline-10)*-1);width:var(--post-device-sizing-interactive-button-icon-6);height:var(--post-device-sizing-interactive-button-icon-6);background-color:currentColor;border-radius:50%;float:left}@supports(float: inline-start){post-footer ul[slot|=grid]>li::before{float:inline-start}}post-footer ul[slot|=grid]{margin-block:0;padding-inline-start:0;list-style:none}post-footer ul[slot|=grid]>li::before{display:none}post-footer ul[slot|=grid]>li~li{margin-block-start:var(--post-footer-grid-list-item-gap)}post-footer div:is([slot=socialmedia],[slot=app],[slot=businesssectors],[slot=meta],[slot=prefooter])>ul{all:unset;display:block;list-style:none;display:flex;flex-wrap:wrap;row-gap:var(--post-device-spacing-gap-1);column-gap:calc(var(--post-device-spacing-gap-inline-10)*2);margin-block:var(--post-device-spacing-padding-block-8)}post-footer div:is([slot=socialmedia],[slot=app],[slot=businesssectors],[slot=meta],[slot=prefooter])>ul>li{all:unset;display:list-item}post-footer div:is([slot=socialmedia],[slot=app],[slot=businesssectors],[slot=meta],[slot=prefooter])>ul>li~li{all:unset;display:list-item}post-footer div:is([slot=socialmedia],[slot=app],[slot=businesssectors],[slot=meta],[slot=prefooter])>ul>li::before{all:unset}post-footer div:is([slot=socialmedia],[slot=app],[slot=businesssectors],[slot=meta],[slot=prefooter])>ul{column-gap:var(--post-footer-list-item-gap);margin:0}post-footer div[slot=socialmedia]>ul{gap:var(--post-footer-socialmedia-list-item-gap)}post-footer div[slot=app]>ul{gap:var(--post-footer-app-list-item-gap)}post-footer div[slot=businesssectors]>ul{gap:var(--post-footer-businesssector-list-item-gap)}post-footer div[slot=meta]>ul{row-gap:0;column-gap:var(--post-footer-list-item-gap)}post-footer post-icon:is(div[slot=socialmedia]>ul>li>a>*){width:26px;height:26px}@media screen and (max-width: 779.98px){post-footer post-icon:is(div[slot=socialmedia]>ul>li>a>*){width:24px;height:24px}}@media screen and (max-width: 599.98px){post-footer post-icon:is(div[slot=socialmedia]>ul>li>a>*){width:22px;height:22px}}post-footer post-icon:is(div[slot=socialmedia]>ul>li>a>*):is([name=letter],[name=letter-solid]){width:16px;height:16px}@media screen and (max-width: 779.98px){post-footer post-icon:is(div[slot=socialmedia]>ul>li>a>*):is([name=letter],[name=letter-solid]){width:14px;height:14px}}
|
|
@@ -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);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]::-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-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}}
|
|
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}}
|
|
@@ -172,8 +172,8 @@ input.form-control {
|
|
|
172
172
|
&::file-selector-button {
|
|
173
173
|
padding-inline-end: calc(
|
|
174
174
|
#{tokens.get('input-padding-inline-end')} +
|
|
175
|
-
|
|
176
|
-
|
|
175
|
+
#{tokens.get('input-validation-icon-position-inline-end')} +
|
|
176
|
+
#{tokens.get('input-sizing-icon')}
|
|
177
177
|
);
|
|
178
178
|
}
|
|
179
179
|
}
|
|
@@ -186,8 +186,8 @@ input.form-control {
|
|
|
186
186
|
&[type='time'] {
|
|
187
187
|
padding-inline-end: calc(
|
|
188
188
|
#{tokens.get('input-padding-inline-end')} +
|
|
189
|
-
|
|
190
|
-
|
|
189
|
+
#{tokens.get('input-validation-icon-position-inline-end')} +
|
|
190
|
+
#{tokens.get('input-sizing-icon')}
|
|
191
191
|
);
|
|
192
192
|
|
|
193
193
|
&::-webkit-date-and-time-value {
|
|
@@ -232,14 +232,14 @@ input.form-control {
|
|
|
232
232
|
&:not(:disabled) {
|
|
233
233
|
padding-inline-end: calc(
|
|
234
234
|
#{tokens.get('input-validation-icon-position-inline-end')} +
|
|
235
|
-
|
|
236
|
-
|
|
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')}
|
|
237
237
|
);
|
|
238
238
|
background-position: top 50% right
|
|
239
239
|
calc(
|
|
240
240
|
#{tokens.get('input-validation-icon-position-inline-end')} +
|
|
241
|
-
|
|
242
|
-
|
|
241
|
+
#{tokens.get('post-datepicker-input-icons-gap-inline', components.$post-datepicker)} +
|
|
242
|
+
#{tokens.get('input-sizing-icon')}
|
|
243
243
|
);
|
|
244
244
|
}
|
|
245
245
|
}
|
|
@@ -258,15 +258,30 @@ input.form-control {
|
|
|
258
258
|
&[type='month'],
|
|
259
259
|
&[type='week'],
|
|
260
260
|
&[type='time'] {
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
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
|
+
}
|
|
270
285
|
}
|
|
271
286
|
|
|
272
287
|
// Safari-specific: Override default selection styles where background and text colors
|
|
@@ -310,16 +325,16 @@ input.form-control {
|
|
|
310
325
|
background-repeat: no-repeat;
|
|
311
326
|
padding-inline-end: calc(
|
|
312
327
|
#{tokens.get('input-padding-inline-end')} +
|
|
313
|
-
|
|
314
|
-
|
|
328
|
+
#{tokens.get('input-validation-icon-position-inline-end')} +
|
|
329
|
+
#{tokens.get('input-sizing-icon')}
|
|
315
330
|
);
|
|
316
331
|
|
|
317
332
|
&.form-control-sm {
|
|
318
333
|
background-size: tokens.get('input-small-sizing-icon') tokens.get('input-small-sizing-icon');
|
|
319
334
|
padding-inline-end: calc(
|
|
320
335
|
#{tokens.get('input-padding-inline-end')} +
|
|
321
|
-
|
|
322
|
-
|
|
336
|
+
#{tokens.get('input-validation-icon-position-inline-end')} +
|
|
337
|
+
#{tokens.get('input-small-sizing-icon')}
|
|
323
338
|
);
|
|
324
339
|
}
|
|
325
340
|
}
|
|
@@ -393,8 +408,8 @@ input.form-control {
|
|
|
393
408
|
&:has(> input.form-control[type='time']:-webkit-autofill.is-invalid)::after {
|
|
394
409
|
inset-inline-end: calc(
|
|
395
410
|
#{tokens.get('input-validation-icon-position-inline-end')} +
|
|
396
|
-
|
|
397
|
-
|
|
411
|
+
#{tokens.get('post-datepicker-input-icons-gap-inline', components.$post-datepicker)} +
|
|
412
|
+
#{tokens.get('input-sizing-icon')}
|
|
398
413
|
);
|
|
399
414
|
}
|
|
400
415
|
|
|
@@ -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
|
-
|
|
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;
|
|
@@ -221,9 +221,9 @@ tokens.$default-map: components.$post-select;
|
|
|
221
221
|
color: tokens.get('select-color-enabled-fg');
|
|
222
222
|
max-width: calc(
|
|
223
223
|
100% -
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
224
|
+
(#{tokens.get('select-border-width')} * 2) - tokens.get(
|
|
225
|
+
'select-label-empty-padding-inline-end'
|
|
226
|
+
)
|
|
227
227
|
);
|
|
228
228
|
background-color: tokens.get('select-color-enabled-bg');
|
|
229
229
|
white-space: nowrap;
|
|
@@ -279,7 +279,7 @@ tokens.$default-map: components.$post-select;
|
|
|
279
279
|
padding-block: tokens.get('select-standalone-padding-block');
|
|
280
280
|
width: calc(
|
|
281
281
|
100% - (#{tokens.get('select-border-width')} * 2) -
|
|
282
|
-
|
|
282
|
+
#{tokens.get('select-label-empty-padding-inline-start')}
|
|
283
283
|
);
|
|
284
284
|
}
|
|
285
285
|
}
|
|
@@ -306,26 +306,32 @@ tokens.$default-map: components.$post-select;
|
|
|
306
306
|
}
|
|
307
307
|
|
|
308
308
|
&.is-valid:not(:disabled) {
|
|
309
|
-
background-image:
|
|
309
|
+
background-image:
|
|
310
|
+
forms-fx.select-arrow-icon('enabled', 'dark'), var(--post-signal-icon-success);
|
|
310
311
|
|
|
311
312
|
&:focus {
|
|
312
|
-
background-image:
|
|
313
|
+
background-image:
|
|
314
|
+
forms-fx.select-arrow-icon('selected', 'dark'), var(--post-signal-icon-success);
|
|
313
315
|
}
|
|
314
316
|
|
|
315
317
|
&:hover {
|
|
316
|
-
background-image:
|
|
318
|
+
background-image:
|
|
319
|
+
forms-fx.select-arrow-icon('hover', 'dark'), var(--post-signal-icon-success);
|
|
317
320
|
}
|
|
318
321
|
}
|
|
319
322
|
|
|
320
323
|
&.is-invalid:not(:disabled) {
|
|
321
|
-
background-image:
|
|
324
|
+
background-image:
|
|
325
|
+
forms-fx.select-arrow-icon('enabled', 'dark'), var(--post-signal-icon-error);
|
|
322
326
|
|
|
323
327
|
&:focus {
|
|
324
|
-
background-image:
|
|
328
|
+
background-image:
|
|
329
|
+
forms-fx.select-arrow-icon('selected', 'dark'), var(--post-signal-icon-error);
|
|
325
330
|
}
|
|
326
331
|
|
|
327
332
|
&:hover {
|
|
328
|
-
background-image:
|
|
333
|
+
background-image:
|
|
334
|
+
forms-fx.select-arrow-icon('hover', 'dark'), var(--post-signal-icon-error);
|
|
329
335
|
}
|
|
330
336
|
}
|
|
331
337
|
}
|
|
@@ -133,7 +133,7 @@ textarea.form-control {
|
|
|
133
133
|
padding-block-start: tokens.get('textarea-label-padding-block-start');
|
|
134
134
|
width: calc(
|
|
135
135
|
100% - (#{tokens.get('textarea-border-width')} * 2) -
|
|
136
|
-
|
|
136
|
+
#{tokens.get('textarea-label-padding-inline-end')}
|
|
137
137
|
);
|
|
138
138
|
border: 0;
|
|
139
139
|
border-top-left-radius: tokens.get('textarea-border-radius');
|
|
@@ -202,7 +202,7 @@ textarea.form-control {
|
|
|
202
202
|
~ label {
|
|
203
203
|
width: calc(
|
|
204
204
|
100% - (#{tokens.get('textarea-border-width')} * 2) -
|
|
205
|
-
|
|
205
|
+
#{tokens.get('textarea-label-validated-padding-inline-end')}
|
|
206
206
|
);
|
|
207
207
|
}
|
|
208
208
|
}
|
|
@@ -95,15 +95,24 @@ post-header:has([slot='main-nav']):has([slot='title']) {
|
|
|
95
95
|
// One-pager header: when there is no main-nav and no title,
|
|
96
96
|
// ensure the local header collapses to zero height
|
|
97
97
|
:root:has(post-header):not(:has(post-header [slot='main-nav'])):not(
|
|
98
|
-
|
|
99
|
-
) {
|
|
98
|
+
:has(post-header [slot='title'])
|
|
99
|
+
) {
|
|
100
100
|
--post-local-header-expanded-min-height: 0px;
|
|
101
101
|
}
|
|
102
102
|
|
|
103
|
-
post-header:not(
|
|
104
|
-
|
|
103
|
+
post-header:not(
|
|
104
|
+
:has(
|
|
105
|
+
> [slot='main-nav']:is(a:not(post-megadropdown *), post-megadropdown-trigger),
|
|
106
|
+
> [slot='main-nav'] :is(a:not(post-megadropdown *), post-megadropdown-trigger),
|
|
107
|
+
> :is([slot='audience'], [slot='global-nav-secondary']):is(a, button),
|
|
108
|
+
> :is([slot='audience'], [slot='global-nav-secondary']) :is(a, button)
|
|
109
|
+
)
|
|
110
|
+
) {
|
|
111
|
+
// Hide burger button when main navigation, audience, and secondary navigation have no items.
|
|
105
112
|
--post-burger-button-display: none;
|
|
113
|
+
}
|
|
106
114
|
|
|
115
|
+
post-header:not(:has([slot='main-nav'])) {
|
|
107
116
|
// Hide local header if there is no title either
|
|
108
117
|
&:not(:has([slot='title'])) {
|
|
109
118
|
--post-local-header-display: none;
|
|
@@ -135,10 +144,10 @@ post-header:not(:has([slot='main-nav'])) {
|
|
|
135
144
|
// ============================================================
|
|
136
145
|
|
|
137
146
|
:root:has(post-header):not(:has(post-header > [slot='audience'])):not(
|
|
138
|
-
|
|
139
|
-
):not(:has(post-header > [slot='global-nav-secondary'])):not(
|
|
140
|
-
|
|
141
|
-
):not(:has(post-header > [slot='post-login'])) {
|
|
147
|
+
:has(post-header > [slot='global-nav-primary'])
|
|
148
|
+
):not(:has(post-header > [slot='global-nav-secondary'])):not(
|
|
149
|
+
:has(post-header > [slot='language-menu'])
|
|
150
|
+
):not(:has(post-header > [slot='post-login'])) {
|
|
142
151
|
--post-global-header-expanded-height: var(--_post-initial-global-header-height);
|
|
143
152
|
--post-global-header-reduced-height: 32px;
|
|
144
153
|
|
|
@@ -190,6 +199,21 @@ post-header:not(:has([slot='main-nav'])) {
|
|
|
190
199
|
);
|
|
191
200
|
--post-header-height: calc(var(--post-global-header-height) + var(--post-local-header-height));
|
|
192
201
|
|
|
202
|
+
// --- Scroll max ---
|
|
203
|
+
// Scroll position from which the header is fully reduced,
|
|
204
|
+
// --post-header-scroll-top is not updated beyond this value
|
|
205
|
+
// The min() is the position where the sliding controls stop (see --post-global-controls-top),
|
|
206
|
+
// 4000 = 4 (scroll speed divider) * 1000 (offset limit multiplier), 0 when the global header does not shrink
|
|
207
|
+
--post-header-scroll-max: max(
|
|
208
|
+
0px,
|
|
209
|
+
var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height),
|
|
210
|
+
var(--post-local-header-expanded-height) - var(--post-local-header-reduced-height),
|
|
211
|
+
min(
|
|
212
|
+
4 * var(--post-global-header-reduced-height),
|
|
213
|
+
4000 * (var(--post-global-header-expanded-height) - var(--post-global-header-reduced-height))
|
|
214
|
+
)
|
|
215
|
+
);
|
|
216
|
+
|
|
193
217
|
// --- Logo offset ---
|
|
194
218
|
--post-logo-expanded-offset: 0px;
|
|
195
219
|
--post-logo-reduced-offset: var(--post-logo-expanded-offset);
|