@swisspost/design-system-styles 9.0.0-next.30 → 9.0.0-next.32

package/components/card.css

@@ -1 +1 @@
-.card{--bs-card-spacer-y: 20px;--bs-card-spacer-x: var(--post-core-dimension-16);--bs-card-title-spacer-y: 0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width: 1px;--bs-card-border-color: hsl(0, 0%, 80%);--bs-card-border-radius: 2px;--bs-card-box-shadow: ;--bs-card-inner-border-radius: calc(2px - 1px);--bs-card-cap-padding-y: 10px;--bs-card-cap-padding-x: var(--post-core-dimension-16);--bs-card-cap-bg: #faf9f8;--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: #000;--bs-card-bg: #fff;--bs-card-img-overlay-padding: var(--post-core-dimension-16);--bs-card-group-margin: 15px;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-0.5*var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-0.5*var(--bs-card-cap-padding-x));margin-bottom:calc(-1*var(--bs-card-cap-padding-y));margin-left:calc(-0.5*var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-0.5*var(--bs-card-cap-padding-x));margin-left:calc(-0.5*var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-top,.card-img-bottom{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media(min-width: 600px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer{border-bottom-left-radius:0}}post-linkarea:has(>.card){border-radius:var(--post-device-border-radius-2);display:block}post-linkarea:has(>.card){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}post-linkarea:has(>.card):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-linkarea:has(>.card):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-linkarea:has(>.card):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){post-linkarea:has(>.card):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.card{transition:all 250ms;border-radius:var(--post-device-border-radius-2);background-color:var(--post-theme-color-palettes-alternate-bg);border:1px solid var(--post-scheme-color-interactive-primary-enabled-stroke4)}.palette-alternate .card{background-color:var(--post-theme-color-palettes-default-bg)}post-linkarea>.card{border:0;box-shadow:var(--post-device-elevation-200)}post-linkarea>.card:hover{background-color:var(--post-scheme-color-interactive-card-hover-bg)}post-linkarea>.card:hover p,post-linkarea>.card:hover h1,post-linkarea>.card:hover h2,post-linkarea>.card:hover h3,post-linkarea>.card:hover h4,post-linkarea>.card:hover h5,post-linkarea>.card:hover h6,post-linkarea>.card:hover a,post-linkarea>.card:hover .btn-tertiary{color:var(--post-scheme-color-interactive-card-hover-fg)}.card .card-header:first-child,.card .list-group:first-child,.card .card-img-top{border-start-start-radius:var(--post-device-border-radius-2);border-start-end-radius:var(--post-device-border-radius-2)}.card .card-footer:last-child,.card .list-group:last-child,.card .card-img-bottom{border-end-start-radius:var(--post-device-border-radius-2);border-end-end-radius:var(--post-device-border-radius-2)}.card.product-card,.card.card-button{box-shadow:none}.card.product-card:hover,.card.product-card:focus,.card.card-button:hover,.card.card-button:focus{z-index:1;box-shadow:0 0 8px 0 rgba(0,0,0,.4)}.card .list-group{margin-block:0 !important}.card .list-group-item{padding:1.25rem 1rem;border-color:var(--post-scheme-color-interactive-primary-enabled-stroke4)}.card .link-icon{text-decoration:none}.card .link-icon post-icon{width:1.5rem;height:1.5rem;margin-inline-end:.5rem}.card>.list-group+.card-footer,.card .card-body~.card-body{border-block-start:1px solid #ccc}.card-header>*:first-child,.card-body>*:first-child,.card-footer>*:first-child,.list-group-item>*:first-child{margin-block-start:0}.card-header>*:last-child,.card-body>*:last-child,.card-footer>*:last-child,.list-group-item>*:last-child{margin-block-end:0}.card-header,.card-footer,.card-body{padding:1.25rem 1rem}@media(max-width: 599.98px){.product-card .card-header,.card-button .card-header,.product-card .card-footer,.card-button .card-footer,.product-card .card-body,.card-button .card-body{padding:var(--post-core-dimension-16)}}@media(min-width: 600px)and (max-width: 779.98px){.product-card .card-header,.card-button .card-header,.product-card .card-footer,.card-button .card-footer,.product-card .card-body,.card-button .card-body{padding:var(--post-core-dimension-24)}}@media(min-width: 780px){.product-card .card-header,.card-button .card-header,.product-card .card-footer,.card-button .card-footer,.product-card .card-body,.card-button .card-body{padding:var(--post-core-dimension-32)}}.card-white .card-header,.card-white .card-footer,.card-white .card-body{background:#fff}.card-header{align-items:center}.card-header>*:not(:last-child){margin-inline-end:1rem}.product-card{text-decoration:none}.product-card:hover,.product-card:focus{color:inherit;text-decoration:none}.product-card .link-icon{display:flex;align-items:center;transition:opacity 250ms;opacity:.75}.product-card .link-icon:hover,.product-card .link-icon:focus{opacity:1}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.card img{height:100%}}.card-links{display:flex;flex-wrap:wrap;justify-content:space-between;padding-inline:.5rem}.card-links a{display:inline-flex;align-items:center;padding-inline:var(--post-core-dimension-8);gap:var(--post-core-dimension-8);text-decoration:none;-ms-flex-align:center}.card-links a::before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.667 5.333H18.8L29.467 16H0v1.333h29.467L18.8 28h1.867L32 16.667z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:"";display:inline-block;width:1.5rem;height:1.5rem}
+.card{--bs-card-spacer-y: 20px;--bs-card-spacer-x: var(--post-core-dimension-16);--bs-card-title-spacer-y: 0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width: 1px;--bs-card-border-color: hsl(0, 0%, 80%);--bs-card-border-radius: 2px;--bs-card-box-shadow: ;--bs-card-inner-border-radius: calc(2px - 1px);--bs-card-cap-padding-y: 10px;--bs-card-cap-padding-x: var(--post-core-dimension-16);--bs-card-cap-bg: #faf9f8;--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: #000;--bs-card-bg: #fff;--bs-card-img-overlay-padding: var(--post-core-dimension-16);--bs-card-group-margin: 15px;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-0.5*var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-0.5*var(--bs-card-cap-padding-x));margin-bottom:calc(-1*var(--bs-card-cap-padding-y));margin-left:calc(-0.5*var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-0.5*var(--bs-card-cap-padding-x));margin-left:calc(-0.5*var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-top,.card-img-bottom{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media(min-width: 600px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer{border-bottom-left-radius:0}}post-linkarea:has(>.card){border-radius:var(--post-device-border-radius-2);display:block}post-linkarea:has(>.card){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}post-linkarea:has(>.card):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-linkarea:has(>.card):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-linkarea:has(>.card):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){post-linkarea:has(>.card):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.card{transition:all 250ms;border-radius:var(--post-device-border-radius-2);background-color:var(--post-theme-color-palettes-alternate-bg);border:1px solid var(--post-scheme-color-interactive-primary-enabled-stroke4)}.palette-alternate .card{background-color:var(--post-theme-color-palettes-default-bg)}post-linkarea>.card{border:0;box-shadow:var(--post-device-elevation-200)}post-linkarea>.card:hover{background-color:var(--post-scheme-color-interactive-card-hover-bg)}post-linkarea>.card:hover p,post-linkarea>.card:hover h1,post-linkarea>.card:hover h2,post-linkarea>.card:hover h3,post-linkarea>.card:hover h4,post-linkarea>.card:hover h5,post-linkarea>.card:hover h6,post-linkarea>.card:hover a,post-linkarea>.card:hover .btn-tertiary{color:var(--post-scheme-color-interactive-card-hover-fg)}.card .card-header:first-child,.card .list-group:first-child,.card .card-img-top{border-start-start-radius:var(--post-device-border-radius-2);border-start-end-radius:var(--post-device-border-radius-2)}.card .card-footer:last-child,.card .list-group:last-child,.card .card-img-bottom{border-end-start-radius:var(--post-device-border-radius-2);border-end-end-radius:var(--post-device-border-radius-2)}.card.product-card{box-shadow:none}.card.product-card:hover,.card.product-card:focus{z-index:1;box-shadow:0 0 8px 0 rgba(0,0,0,.4)}.card .list-group{margin-block:0 !important}.card .list-group-item{padding:1.25rem 1rem;border-color:var(--post-scheme-color-interactive-primary-enabled-stroke4)}.card .link-icon{text-decoration:none}.card .link-icon post-icon{width:1.5rem;height:1.5rem;margin-inline-end:.5rem}.card>.list-group+.card-footer,.card .card-body~.card-body{border-block-start:1px solid #ccc}.card-header>*:first-child,.card-body>*:first-child,.card-footer>*:first-child,.list-group-item>*:first-child{margin-block-start:0}.card-header>*:last-child,.card-body>*:last-child,.card-footer>*:last-child,.list-group-item>*:last-child{margin-block-end:0}.card-header,.card-footer,.card-body{padding:1.25rem 1rem}@media(max-width: 599.98px){.product-card .card-header,.product-card .card-footer,.product-card .card-body{padding:var(--post-core-dimension-16)}}@media(min-width: 600px)and (max-width: 779.98px){.product-card .card-header,.product-card .card-footer,.product-card .card-body{padding:var(--post-core-dimension-24)}}@media(min-width: 780px){.product-card .card-header,.product-card .card-footer,.product-card .card-body{padding:var(--post-core-dimension-32)}}.card-white .card-header,.card-white .card-footer,.card-white .card-body{background:#fff}.card-header{align-items:center}.card-header>*:not(:last-child){margin-inline-end:1rem}.product-card{text-decoration:none}.product-card:hover,.product-card:focus{color:var(--post-scheme-color-surface-default-fg);text-decoration:none}.product-card .link-icon{display:flex;align-items:center;transition:opacity 250ms;opacity:.75}.product-card .link-icon:hover,.product-card .link-icon:focus{opacity:1}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.card img{height:100%}}.card-links{display:flex;flex-wrap:wrap;justify-content:space-between;padding-inline:.5rem}.card-links a{display:inline-flex;align-items:center;padding-inline:var(--post-core-dimension-8);gap:var(--post-core-dimension-8);text-decoration:none;-ms-flex-align:center}.card-links a::before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.667 5.333H18.8L29.467 16H0v1.333h29.467L18.8 28h1.867L32 16.667z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:"";display:inline-block;width:1.5rem;height:1.5rem}

package/components/card.scss

@@ -8,6 +8,7 @@
 
 @use './../functions/tokens';
 @use './../tokens/utilities';
+@use './../tokens/elements';
 @use './../tokens/components';
 
 tokens.$default-map: components.$post-cards;
@@ -64,8 +65,7 @@ post-linkarea:has(> .card) {
     border-end-end-radius: tokens.get('card-border-radius');
   }
 
-  &.product-card,
-  &.card-button {
+  &.product-card {
     box-shadow: none;
 
     &:hover,
@@ -120,8 +120,7 @@ post-linkarea:has(> .card) {
 .card-body {
   padding: 1.25rem 1rem;
 
-  .product-card &,
-  .card-button & {
+  .product-card & {
     @include media-breakpoint-down(sm) {
       padding: tokens.get('utility-gap-16', utilities.$post-spacing);
     }
@@ -153,7 +152,7 @@ post-linkarea:has(> .card) {
 
   &:hover,
   &:focus {
-    color: inherit;
+    color: tokens.get('body-color', elements.$post-body);
     text-decoration: none;
   }
 

package/components/form-input.css

@@ -1 +1 @@
-input.form-control{display:block;width:100%;font-family:inherit;appearance:none;background-clip:padding-box;border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-input-enabled-border);position:relative;border-radius:var(--post-device-border-radius-1);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-device-spacing-padding-3);padding-block:var(--post-device-spacing-padding-block-1);height:var(--post-device-sizing-interactive-button-height-6)}input.form-control:focus{border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-primary-selected-bg1);color:var(--post-scheme-color-interactive-input-enabled-fg)}input.form-control:focus{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}input.form-control:focus:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:focus:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){input.form-control:focus:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:focus:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:focus{border-color:FieldText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:not(:disabled):hover,input.form-control:not(:disabled):focus{border-color:FieldText}}input.form-control:not(:disabled):hover{border-color:var(--post-scheme-color-interactive-input-hover-border);background-color:var(--post-scheme-color-interactive-input-hover-bg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:not(:disabled):hover{border-color:Highlight}}input.form-control[readonly]:not(:disabled){border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}input.form-control[type=file]{overflow:hidden;position:relative}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control[type=file]:disabled{color:GrayText;border-color:GrayText}}input.form-control[type=file]::file-selector-button{padding-block:var(--post-device-spacing-padding-block-1);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-device-spacing-padding-3);margin-block:calc(var(--post-device-spacing-padding-block-1)*-1);color:var(--post-scheme-color-interactive-input-enabled-fg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--post-device-border-width-default);border-radius:0;display:block;position:absolute;top:0;bottom:0;right: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;top:0;bottom:0;right:0;z-index:2;padding-inline:var(--post-device-spacing-padding-inline-1);background-color:inherit;border-left: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]:not(:disabled):not([readonly]){cursor:pointer}input.form-control::placeholder{color:var(--post-scheme-color-interactive-input-enabled-fg);opacity:1}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);background-position:center 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){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23107800' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM23.52 10.18L15.26 23.19L8.21 17.27C7.79 16.92 7.73 16.28 8.09 15.86C8.44 15.44 9.07 15.38 9.5 15.74L14.8 20.19L21.84 9.1C22.14 8.63 22.76 8.49 23.22 8.79C23.69 9.09 23.82 9.7 23.53 10.17L23.52 10.18Z'%3E%3C/path%3E%3C/svg%3E")}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){input.form-control.is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23e0e0e0' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM23.52 10.18L15.26 23.19L8.21 17.27C7.79 16.92 7.73 16.28 8.09 15.86C8.44 15.44 9.07 15.38 9.5 15.74L14.8 20.19L21.84 9.1C22.14 8.63 22.76 8.49 23.22 8.79C23.69 9.09 23.82 9.7 23.53 10.17L23.52 10.18Z'%3E%3C/path%3E%3C/svg%3E")}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){input.form-control.is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23333333' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM23.52 10.18L15.26 23.19L8.21 17.27C7.79 16.92 7.73 16.28 8.09 15.86C8.44 15.44 9.07 15.38 9.5 15.74L14.8 20.19L21.84 9.1C22.14 8.63 22.76 8.49 23.22 8.79C23.69 9.09 23.82 9.7 23.53 10.17L23.52 10.18Z'%3E%3C/path%3E%3C/svg%3E")}}input.form-control.is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23b20000' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM14.11 6.96H18.25V11.47L17.47 17.49H14.87L14.11 11.47V6.96ZM16.18 23.63C14.73 23.63 13.79 22.62 13.79 21.4C13.79 20.18 14.73 19.19 16.18 19.19C17.63 19.19 18.57 20.23 18.57 21.4C18.57 22.57 17.63 23.63 16.18 23.63Z'%3E%3C/path%3E%3C/svg%3E")}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){input.form-control.is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23e0e0e0' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM14.11 6.96H18.25V11.47L17.47 17.49H14.87L14.11 11.47V6.96ZM16.18 23.63C14.73 23.63 13.79 22.62 13.79 21.4C13.79 20.18 14.73 19.19 16.18 19.19C17.63 19.19 18.57 20.23 18.57 21.4C18.57 22.57 17.63 23.63 16.18 23.63Z'%3E%3C/path%3E%3C/svg%3E")}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){input.form-control.is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23333333' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM14.11 6.96H18.25V11.47L17.47 17.49H14.87L14.11 11.47V6.96ZM16.18 23.63C14.73 23.63 13.79 22.62 13.79 21.4C13.79 20.18 14.73 19.19 16.18 19.19C17.63 19.19 18.57 20.23 18.57 21.4C18.57 22.57 17.63 23.63 16.18 23.63Z'%3E%3C/path%3E%3C/svg%3E")}}.form-label:has(+input.form-control[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-floating{position:relative}.form-floating>input.form-control~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-input-enabled-fg);width:auto;height:auto;max-width:calc(100% - var(--post-device-border-width-default)*2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:padding-block-start .2s ease-in-out,font-size .2s ease-in-out;background-color:var(--post-scheme-color-interactive-input-enabled-bg)}.form-floating>input.form-control{min-height:var(--post-device-sizing-interactive-button-height-6)}.form-floating>input.form-control::placeholder{color:rgba(0,0,0,0)}.form-floating>input.form-control:focus,.form-floating>input.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>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::placeholder{opacity:0}.form-floating>input.form-control::input-placeholder{opacity:0}.form-floating>input.form-control:focus::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1}.form-floating>input.form-control:focus::input-placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1}.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);background-color:var(--post-scheme-color-interactive-input-hover-bg)}.form-floating>input.form-control[type=file]:focus,.form-floating>input.form-control[type=file]:not(:placeholder-shown){padding-block-start:calc(var(--post-device-spacing-padding-block-29)*1.33)}.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-primary-selected-bg1)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-floating>input::placeholder{opacity:0}.form-floating>input::input-placeholder{opacity:0}}
+input.form-control{display:block;width:100%;font-family:inherit;appearance:none;background-clip:padding-box;border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-input-enabled-border);position:relative;border-radius:var(--post-device-border-radius-1);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-device-spacing-padding-3);padding-block:var(--post-device-spacing-padding-block-1);height:var(--post-device-sizing-interactive-button-height-6)}input.form-control:focus{border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-primary-selected-bg1);color:var(--post-scheme-color-interactive-input-enabled-fg)}input.form-control:focus{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}input.form-control:focus:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:focus:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){input.form-control:focus:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:focus:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:focus{border-color:FieldText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:not(:disabled):hover,input.form-control:not(:disabled):focus{border-color:FieldText}}input.form-control:not(:disabled):hover{border-color:var(--post-scheme-color-interactive-input-hover-border);background-color:var(--post-scheme-color-interactive-input-hover-bg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control:not(:disabled):hover{border-color:Highlight}}input.form-control[readonly]:not(:disabled){border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}input.form-control[type=file]{overflow:hidden;position:relative}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){input.form-control[type=file]:disabled{color:GrayText;border-color:GrayText}}input.form-control[type=file]::file-selector-button{padding-block:var(--post-device-spacing-padding-block-1);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-device-spacing-padding-3);margin-block:calc(var(--post-device-spacing-padding-block-1)*-1);color:var(--post-scheme-color-interactive-input-enabled-fg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--post-device-border-width-default);border-radius:0;display:block;position:absolute;top:0;bottom:0;right: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;top:0;bottom:0;right:0;z-index:2;padding-inline:var(--post-device-spacing-padding-inline-1);background-color:inherit;border-left: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]:not(:disabled):not([readonly]){cursor:pointer}input.form-control::placeholder{color:var(--post-scheme-color-interactive-input-enabled-fg);opacity:1}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);background-position:center 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){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23107800' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM23.52 10.18L15.26 23.19L8.21 17.27C7.79 16.92 7.73 16.28 8.09 15.86C8.44 15.44 9.07 15.38 9.5 15.74L14.8 20.19L21.84 9.1C22.14 8.63 22.76 8.49 23.22 8.79C23.69 9.09 23.82 9.7 23.53 10.17L23.52 10.18Z'%3E%3C/path%3E%3C/svg%3E")}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){input.form-control.is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23e0e0e0' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM23.52 10.18L15.26 23.19L8.21 17.27C7.79 16.92 7.73 16.28 8.09 15.86C8.44 15.44 9.07 15.38 9.5 15.74L14.8 20.19L21.84 9.1C22.14 8.63 22.76 8.49 23.22 8.79C23.69 9.09 23.82 9.7 23.53 10.17L23.52 10.18Z'%3E%3C/path%3E%3C/svg%3E")}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){input.form-control.is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23333333' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM23.52 10.18L15.26 23.19L8.21 17.27C7.79 16.92 7.73 16.28 8.09 15.86C8.44 15.44 9.07 15.38 9.5 15.74L14.8 20.19L21.84 9.1C22.14 8.63 22.76 8.49 23.22 8.79C23.69 9.09 23.82 9.7 23.53 10.17L23.52 10.18Z'%3E%3C/path%3E%3C/svg%3E")}}input.form-control.is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23b20000' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM14.11 6.96H18.25V11.47L17.47 17.49H14.87L14.11 11.47V6.96ZM16.18 23.63C14.73 23.63 13.79 22.62 13.79 21.4C13.79 20.18 14.73 19.19 16.18 19.19C17.63 19.19 18.57 20.23 18.57 21.4C18.57 22.57 17.63 23.63 16.18 23.63Z'%3E%3C/path%3E%3C/svg%3E")}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){input.form-control.is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23e0e0e0' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM14.11 6.96H18.25V11.47L17.47 17.49H14.87L14.11 11.47V6.96ZM16.18 23.63C14.73 23.63 13.79 22.62 13.79 21.4C13.79 20.18 14.73 19.19 16.18 19.19C17.63 19.19 18.57 20.23 18.57 21.4C18.57 22.57 17.63 23.63 16.18 23.63Z'%3E%3C/path%3E%3C/svg%3E")}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){input.form-control.is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23333333' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM14.11 6.96H18.25V11.47L17.47 17.49H14.87L14.11 11.47V6.96ZM16.18 23.63C14.73 23.63 13.79 22.62 13.79 21.4C13.79 20.18 14.73 19.19 16.18 19.19C17.63 19.19 18.57 20.23 18.57 21.4C18.57 22.57 17.63 23.63 16.18 23.63Z'%3E%3C/path%3E%3C/svg%3E")}}.form-label:has(+input.form-control[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-floating{position:relative}.form-floating>input.form-control~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-input-enabled-fg);width:auto;height:auto;max-width:calc(100% - var(--post-device-border-width-default)*2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:padding-block-start .2s ease-in-out,font-size .2s ease-in-out;background-color:var(--post-scheme-color-interactive-input-enabled-bg)}.form-floating>input.form-control{min-height:var(--post-device-sizing-interactive-button-height-6)}.form-floating>input.form-control::placeholder{color:rgba(0,0,0,0);opacity:0}.form-floating>input.form-control:focus,.form-floating>input.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>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}.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);background-color:var(--post-scheme-color-interactive-input-hover-bg)}.form-floating>input.form-control[type=file]:focus,.form-floating>input.form-control[type=file]:not(:placeholder-shown){padding-block-start:calc(var(--post-device-spacing-padding-block-29)*1.33)}.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-primary-selected-bg1)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-floating>input::placeholder{opacity:0}}

package/components/form-input.scss

@@ -231,6 +231,7 @@ input.form-control {
 
     &::placeholder {
       color: transparent;
+      opacity: 0;
     }
 
     &:focus,
@@ -251,15 +252,9 @@ input.form-control {
       }
     }
 
-    @include forms-mx.placeholder {
-      opacity: 0;
-    }
-
-    &:focus {
-      @include forms-mx.placeholder {
-        color: tokens.get('input-color-helptext-fg');
-        opacity: 1;
-      }
+    &:focus::placeholder {
+      color: tokens.get('input-color-helptext-fg');
+      opacity: 1;
     }
 
     &:disabled ~ label {
@@ -292,10 +287,8 @@ input.form-control {
   }
 
   @include utilities.high-contrast-mode() {
-    > input {
-      @include forms-mx.placeholder() {
-        opacity: 0;
-      }
+    > input::placeholder {
+      opacity: 0;
     }
   }
 }

package/components/form-textarea.css

@@ -1 +1 @@
-textarea.form-control{display:block;width:100%;appearance:none;background-clip:padding-box;border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-input-enabled-border);position:relative;border-radius:var(--post-device-border-radius-1);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-core-dimension-26);padding-block:var(--post-device-spacing-padding-3);min-height:var(--post-core-dimension-88);resize:vertical}textarea.form-control{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}textarea.form-control:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){textarea.form-control:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}textarea.form-control::-webkit-resizer{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_7846_3191)"%3E%3Cpath d="M6.5 18H9.5V21H6.5V18Z" fill="%23050400"/%3E%3Cpath d="M12.5 18H15.5V21H12.5V18Z" fill="%23050400"/%3E%3Cpath d="M12.5 12H15.5V15H12.5V12Z" fill="%23050400"/%3E%3Cpath d="M18.5 12H21.5V15H18.5V12Z" fill="%23050400"/%3E%3Cpath d="M18.5 6H21.5V9H18.5V6Z" fill="%23050400"/%3E%3Cpath d="M18.5 18H21.5V21H18.5V18Z" fill="%23050400"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_7846_3191"%3E%3Crect width="24" height="24" fill="white" transform="translate(0.5)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');background-repeat:no-repeat;background-size:100%}textarea.form-control[disabled]::-webkit-resizer{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_7846_3191)"%3E%3Cpath d="M6.5 18H9.5V21H6.5V18Z" fill="%23696864"/%3E%3Cpath d="M12.5 18H15.5V21H12.5V18Z" fill="%23696864"/%3E%3Cpath d="M12.5 12H15.5V15H12.5V12Z" fill="%23696864"/%3E%3Cpath d="M18.5 12H21.5V15H18.5V12Z" fill="%23696864"/%3E%3Cpath d="M18.5 6H21.5V9H18.5V6Z" fill="%23696864"/%3E%3Cpath d="M18.5 18H21.5V21H18.5V18Z" fill="%23696864"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_7846_3191"%3E%3Crect width="24" height="24" fill="white" transform="translate(0.5)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');background-repeat:no-repeat;background-size:100%}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:focus{border-color:FieldText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:not(:disabled):hover,textarea.form-control:not(:disabled):focus{border-color:FieldText}}textarea.form-control:not(:disabled):hover{border-color:var(--post-scheme-color-interactive-input-hover-border);background-color:var(--post-scheme-color-interactive-input-hover-bg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:not(:disabled):hover{border-color:Highlight}}textarea.form-control[readonly]:not(:disabled){border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}textarea.form-control::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1}textarea.form-control:disabled{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash);opacity:1}textarea.form-control.is-valid:not(:disabled),textarea.form-control.is-invalid:not(:disabled){background-size:var(--post-device-sizing-notification-1);background-position:top var(--post-core-dimension-12) right var(--post-core-dimension-28);background-repeat:no-repeat;padding-inline-end:var(--post-core-dimension-56)}textarea.form-control.is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23107800' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM23.52 10.18L15.26 23.19L8.21 17.27C7.79 16.92 7.73 16.28 8.09 15.86C8.44 15.44 9.07 15.38 9.5 15.74L14.8 20.19L21.84 9.1C22.14 8.63 22.76 8.49 23.22 8.79C23.69 9.09 23.82 9.7 23.53 10.17L23.52 10.18Z'%3E%3C/path%3E%3C/svg%3E")}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){textarea.form-control.is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23e0e0e0' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM23.52 10.18L15.26 23.19L8.21 17.27C7.79 16.92 7.73 16.28 8.09 15.86C8.44 15.44 9.07 15.38 9.5 15.74L14.8 20.19L21.84 9.1C22.14 8.63 22.76 8.49 23.22 8.79C23.69 9.09 23.82 9.7 23.53 10.17L23.52 10.18Z'%3E%3C/path%3E%3C/svg%3E")}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){textarea.form-control.is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23333333' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM23.52 10.18L15.26 23.19L8.21 17.27C7.79 16.92 7.73 16.28 8.09 15.86C8.44 15.44 9.07 15.38 9.5 15.74L14.8 20.19L21.84 9.1C22.14 8.63 22.76 8.49 23.22 8.79C23.69 9.09 23.82 9.7 23.53 10.17L23.52 10.18Z'%3E%3C/path%3E%3C/svg%3E")}}textarea.form-control.is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23b20000' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM14.11 6.96H18.25V11.47L17.47 17.49H14.87L14.11 11.47V6.96ZM16.18 23.63C14.73 23.63 13.79 22.62 13.79 21.4C13.79 20.18 14.73 19.19 16.18 19.19C17.63 19.19 18.57 20.23 18.57 21.4C18.57 22.57 17.63 23.63 16.18 23.63Z'%3E%3C/path%3E%3C/svg%3E")}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){textarea.form-control.is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23e0e0e0' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM14.11 6.96H18.25V11.47L17.47 17.49H14.87L14.11 11.47V6.96ZM16.18 23.63C14.73 23.63 13.79 22.62 13.79 21.4C13.79 20.18 14.73 19.19 16.18 19.19C17.63 19.19 18.57 20.23 18.57 21.4C18.57 22.57 17.63 23.63 16.18 23.63Z'%3E%3C/path%3E%3C/svg%3E")}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){textarea.form-control.is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23333333' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM14.11 6.96H18.25V11.47L17.47 17.49H14.87L14.11 11.47V6.96ZM16.18 23.63C14.73 23.63 13.79 22.62 13.79 21.4C13.79 20.18 14.73 19.19 16.18 19.19C17.63 19.19 18.57 20.23 18.57 21.4C18.57 22.57 17.63 23.63 16.18 23.63Z'%3E%3C/path%3E%3C/svg%3E")}}.form-label:has(+textarea.form-control[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-floating{position:relative}.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:calc(var(--post-device-spacing-padding-5) - var(--post-device-border-width-default));padding-inline-end:0;padding-block-start:var(--post-device-spacing-padding-block-27);width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-28));border:0;color:var(--post-scheme-color-interactive-input-enabled-fg);height:auto;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-input-enabled-bg)}.form-floating>textarea.form-control{padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-3)}.form-floating>textarea.form-control::placeholder{color:rgba(0,0,0,0)}.form-floating>textarea.form-control:focus~label,.form-floating>textarea.form-control:not(:placeholder-shown)~label{font-size:var(--post-device-font-size-10);padding-block-start:var(--post-device-spacing-padding-block-30)}.form-floating>textarea.form-control::placeholder{opacity:0}.form-floating>textarea.form-control::input-placeholder{opacity:0}.form-floating>textarea.form-control:focus::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1}.form-floating>textarea.form-control:focus::input-placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1}.form-floating>textarea.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>textarea.form-control:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-input-hover-fg);background-color:var(--post-scheme-color-interactive-input-hover-bg)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid)~label{width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-58))}.form-floating>textarea:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg)}
+textarea.form-control{display:block;width:100%;appearance:none;background-clip:padding-box;border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-input-enabled-border);position:relative;border-radius:var(--post-device-border-radius-1);background-color:var(--post-scheme-color-interactive-input-enabled-bg);color:var(--post-scheme-color-interactive-input-enabled-fg);padding-inline-start:var(--post-device-spacing-padding-inline-1);padding-inline-end:var(--post-core-dimension-26);padding-block:var(--post-device-spacing-padding-3);min-height:var(--post-core-dimension-88);resize:vertical}textarea.form-control{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}textarea.form-control:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){textarea.form-control:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}textarea.form-control::-webkit-resizer{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_7846_3191)"%3E%3Cpath d="M6.5 18H9.5V21H6.5V18Z" fill="%23050400"/%3E%3Cpath d="M12.5 18H15.5V21H12.5V18Z" fill="%23050400"/%3E%3Cpath d="M12.5 12H15.5V15H12.5V12Z" fill="%23050400"/%3E%3Cpath d="M18.5 12H21.5V15H18.5V12Z" fill="%23050400"/%3E%3Cpath d="M18.5 6H21.5V9H18.5V6Z" fill="%23050400"/%3E%3Cpath d="M18.5 18H21.5V21H18.5V18Z" fill="%23050400"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_7846_3191"%3E%3Crect width="24" height="24" fill="white" transform="translate(0.5)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');background-repeat:no-repeat;background-size:100%}textarea.form-control[disabled]::-webkit-resizer{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"%3E%3Cg clip-path="url(%23clip0_7846_3191)"%3E%3Cpath d="M6.5 18H9.5V21H6.5V18Z" fill="%23696864"/%3E%3Cpath d="M12.5 18H15.5V21H12.5V18Z" fill="%23696864"/%3E%3Cpath d="M12.5 12H15.5V15H12.5V12Z" fill="%23696864"/%3E%3Cpath d="M18.5 12H21.5V15H18.5V12Z" fill="%23696864"/%3E%3Cpath d="M18.5 6H21.5V9H18.5V6Z" fill="%23696864"/%3E%3Cpath d="M18.5 18H21.5V21H18.5V18Z" fill="%23696864"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_7846_3191"%3E%3Crect width="24" height="24" fill="white" transform="translate(0.5)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');background-repeat:no-repeat;background-size:100%}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:focus{border-color:FieldText !important}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:not(:disabled):hover,textarea.form-control:not(:disabled):focus{border-color:FieldText}}textarea.form-control:not(:disabled):hover{border-color:var(--post-scheme-color-interactive-input-hover-border);background-color:var(--post-scheme-color-interactive-input-hover-bg)}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){textarea.form-control:not(:disabled):hover{border-color:Highlight}}textarea.form-control[readonly]:not(:disabled){border-color:var(--post-scheme-color-interactive-input-enabled-border);background-color:var(--post-scheme-color-interactive-input-enabled-bg)}textarea.form-control::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1}textarea.form-control:disabled{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg);border-color:var(--post-scheme-color-interactive-input-disabled-border);border-style:var(--post-core-border-style-dash);opacity:1}textarea.form-control.is-valid:not(:disabled),textarea.form-control.is-invalid:not(:disabled){background-size:var(--post-device-sizing-notification-1);background-position:top var(--post-core-dimension-12) right var(--post-core-dimension-28);background-repeat:no-repeat;padding-inline-end:var(--post-core-dimension-56)}textarea.form-control.is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23107800' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM23.52 10.18L15.26 23.19L8.21 17.27C7.79 16.92 7.73 16.28 8.09 15.86C8.44 15.44 9.07 15.38 9.5 15.74L14.8 20.19L21.84 9.1C22.14 8.63 22.76 8.49 23.22 8.79C23.69 9.09 23.82 9.7 23.53 10.17L23.52 10.18Z'%3E%3C/path%3E%3C/svg%3E")}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){textarea.form-control.is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23e0e0e0' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM23.52 10.18L15.26 23.19L8.21 17.27C7.79 16.92 7.73 16.28 8.09 15.86C8.44 15.44 9.07 15.38 9.5 15.74L14.8 20.19L21.84 9.1C22.14 8.63 22.76 8.49 23.22 8.79C23.69 9.09 23.82 9.7 23.53 10.17L23.52 10.18Z'%3E%3C/path%3E%3C/svg%3E")}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){textarea.form-control.is-valid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23333333' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM23.52 10.18L15.26 23.19L8.21 17.27C7.79 16.92 7.73 16.28 8.09 15.86C8.44 15.44 9.07 15.38 9.5 15.74L14.8 20.19L21.84 9.1C22.14 8.63 22.76 8.49 23.22 8.79C23.69 9.09 23.82 9.7 23.53 10.17L23.52 10.18Z'%3E%3C/path%3E%3C/svg%3E")}}textarea.form-control.is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23b20000' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM14.11 6.96H18.25V11.47L17.47 17.49H14.87L14.11 11.47V6.96ZM16.18 23.63C14.73 23.63 13.79 22.62 13.79 21.4C13.79 20.18 14.73 19.19 16.18 19.19C17.63 19.19 18.57 20.23 18.57 21.4C18.57 22.57 17.63 23.63 16.18 23.63Z'%3E%3C/path%3E%3C/svg%3E")}@media(forced-colors: active)and (prefers-color-scheme: dark),(-ms-high-contrast: white-on-black){textarea.form-control.is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23e0e0e0' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM14.11 6.96H18.25V11.47L17.47 17.49H14.87L14.11 11.47V6.96ZM16.18 23.63C14.73 23.63 13.79 22.62 13.79 21.4C13.79 20.18 14.73 19.19 16.18 19.19C17.63 19.19 18.57 20.23 18.57 21.4C18.57 22.57 17.63 23.63 16.18 23.63Z'%3E%3C/path%3E%3C/svg%3E")}}@media(forced-colors: active)and (prefers-color-scheme: light),(-ms-high-contrast: black-on-white){textarea.form-control.is-invalid:not(:disabled){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23333333' d='M16 0C7.18 0 0 7.18 0 16C0 24.82 7.18 32 16 32C24.82 32 32 24.82 32 16C32 7.18 24.82 0 16 0ZM14.11 6.96H18.25V11.47L17.47 17.49H14.87L14.11 11.47V6.96ZM16.18 23.63C14.73 23.63 13.79 22.62 13.79 21.4C13.79 20.18 14.73 19.19 16.18 19.19C17.63 19.19 18.57 20.23 18.57 21.4C18.57 22.57 17.63 23.63 16.18 23.63Z'%3E%3C/path%3E%3C/svg%3E")}}.form-label:has(+textarea.form-control[disabled]){color:var(--post-scheme-color-interactive-input-disabled-fg)}.form-floating{position:relative}.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:calc(var(--post-device-spacing-padding-5) - var(--post-device-border-width-default));padding-inline-end:0;padding-block-start:var(--post-device-spacing-padding-block-27);width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-28));border:0;color:var(--post-scheme-color-interactive-input-enabled-fg);height:auto;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-input-enabled-bg)}.form-floating>textarea.form-control{padding-block-start:var(--post-device-spacing-padding-block-29);padding-block-end:var(--post-device-spacing-padding-3)}.form-floating>textarea.form-control::placeholder{color:rgba(0,0,0,0);opacity:0}.form-floating>textarea.form-control:focus~label,.form-floating>textarea.form-control:not(:placeholder-shown)~label{font-size:var(--post-device-font-size-10);padding-block-start:var(--post-device-spacing-padding-block-30)}.form-floating>textarea.form-control:focus::placeholder{color:var(--post-scheme-color-interactive-primary-enabled-fg2);opacity:1}.form-floating>textarea.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>textarea.form-control:not(:disabled):hover~label{color:var(--post-scheme-color-interactive-input-hover-fg);background-color:var(--post-scheme-color-interactive-input-hover-bg)}.form-floating>textarea.form-control:is(.is-valid,.is-invalid)~label{width:calc(100% - var(--post-device-border-width-default)*2 - var(--post-core-dimension-58))}.form-floating>textarea:disabled~label{color:var(--post-scheme-color-interactive-input-disabled-fg);background-color:var(--post-scheme-color-interactive-input-disabled-bg)}

package/components/form-textarea.scss

@@ -131,6 +131,7 @@ textarea.form-control {
 
     &::placeholder {
       color: transparent;
+      opacity: 0;
     }
 
     &:focus,
@@ -141,15 +142,9 @@ textarea.form-control {
       }
     }
 
-    @include forms-mx.placeholder {
-      opacity: 0;
-    }
-
-    &:focus {
-      @include forms-mx.placeholder {
-        color: tokens.get('textarea-placeholder-fg');
-        opacity: 1;
-      }
+    &:focus::placeholder {
+      color: tokens.get('textarea-placeholder-fg');
+      opacity: 1;
     }
 
     &:disabled ~ label {

package/components/header/_mixins.scss

@@ -7,7 +7,7 @@
   gap: 6px;
   border-radius: 24px;
   font-size: 16px;
-  padding: 3px 10px;
+  padding: 3px 12px;
 }
 
 @mixin mobile-header-interactive() {

package/components/header/index.css

@@ -1 +1 @@
-[data-post-scroll-locked]{overflow:hidden !important;transform:translate3d(0, 0, 0) !important}post-header{--header-expanded-height: calc(var(--global-header-height) + var(--local-header-height));--header-reduced-height: calc( var(--global-header-reduced-height) + var(--main-navigation-height) );--header-height: calc( var(--header-expanded-height) - min( var(--header-scroll-top, 0px), calc(var(--header-expanded-height) - var(--header-reduced-height)) ) );height:var(--header-height)}@media screen and (min-width: 1024px){post-header{--global-header-height: 72px;--global-header-reduced-height: 24px;--main-navigation-height: 56px;--local-header-height: 112px}}@media screen and (max-width: 1023.98px){post-header{--header-reduced-height: var(--header-expanded-height);--global-header-height: 64px;--global-header-reduced-height: var(--global-header-height);--local-header-height: 48px;--main-navigation-height: 0px}}@media screen and (min-width: 780px){post-header{--local-header-min-height: 56px}}@media screen and (max-width: 779.98px){post-header{--local-header-min-height: 48px}}post-header:not(:has([slot=title])){--local-header-height: var(--main-navigation-height) !important}post-header:not(:defined),post-header:not([data-hydrated]){display:block}@media screen and (min-width: 1024px){post-header ul[slot=meta-navigation]{gap:4px}}@media screen and (max-width: 1023.98px){post-header ul[slot=meta-navigation]{flex-direction:column;gap:0}post-header ul[slot=meta-navigation] a,post-header ul[slot=meta-navigation] button{justify-content:space-between;border-radius:0;width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative}post-header ul[slot=meta-navigation] a::before,post-header ul[slot=meta-navigation] button::before{content:"";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}post-header ul[slot=meta-navigation] a.selected,post-header ul[slot=meta-navigation] a[aria-expanded=true],post-header ul[slot=meta-navigation] button.selected,post-header ul[slot=meta-navigation] button[aria-expanded=true]{background-color:#050400;color:#fff}post-header ul[slot=meta-navigation] a:hover,post-header ul[slot=meta-navigation] button:hover{background-color:#504f4b;color:#fff}post-header ul[slot=meta-navigation] a:hover::before,post-header ul[slot=meta-navigation] button:hover::before{background-color:#504f4b}post-header ul[slot=meta-navigation] a:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-header ul[slot=meta-navigation] button:is(:focus-visible,:has(:focus-visible),.pretend-focus){border-radius:4px}@supports not selector(:has(:focus-visible)){post-header ul[slot=meta-navigation] a:is(:focus-visible,:focus-within,.pretend-focus),post-header ul[slot=meta-navigation] button:is(:focus-visible,:focus-within,.pretend-focus){border-radius:4px}}}@media screen and (max-width: 599.98px){post-header ul[slot=meta-navigation] a,post-header ul[slot=meta-navigation] button{font-size:14px}}post-header [slot=title]{margin:0;flex-shrink:10;z-index:3;font-weight:900}@media screen and (min-width: 600px){post-header [slot=title]{margin-inline-start:12px}}@media screen and (max-width: 599.98px){post-header [slot=title]{margin-inline-start:8px}}@media screen and (min-width: 1024px){post-header [slot=title]{font-size:28px;line-height:34px}}@media screen and (max-width: 1023.98px){post-header [slot=title]{font-size:20px;max-width:calc(100vw - 8px - 16px)}}post-header button:not(post-mainnavigation *,post-language-switch *){padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header button:not(post-mainnavigation *,post-language-switch *){background-color:ButtonFace !important}post-header button:not(post-mainnavigation *,post-language-switch *):hover{background-color:Highlight !important}}post-header button:not(post-mainnavigation *,post-language-switch *):hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}post-header a:not(post-mainnavigation *,post-language-switch *),post-header button:not(post-mainnavigation *,post-language-switch *),post-header post-togglebutton:not(post-mainnavigation *,post-language-switch *){text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-radius:24px;font-size:16px;padding:3px 10px}post-header a:not(post-mainnavigation *,post-language-switch *) post-icon,post-header button:not(post-mainnavigation *,post-language-switch *) post-icon,post-header post-togglebutton:not(post-mainnavigation *,post-language-switch *) post-icon{height:24px;width:24px}@media screen and (max-width: 599.98px){post-header a:not(post-mainnavigation *,post-language-switch *),post-header button:not(post-mainnavigation *,post-language-switch *),post-header post-togglebutton:not(post-mainnavigation *,post-language-switch *){padding:8px}post-header a:not(post-mainnavigation *,post-language-switch *) .visually-hidden-sm,post-header button:not(post-mainnavigation *,post-language-switch *) .visually-hidden-sm,post-header post-togglebutton:not(post-mainnavigation *,post-language-switch *) .visually-hidden-sm{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}}post-header a.selected:not(post-mainnavigation *),post-header post-togglebutton[aria-pressed=true]:not(post-mainnavigation *){color:#fff;background:#050400}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header post-togglebutton{background-color:ButtonFace !important;border:1px solid ButtonBorder !important;color:ButtonText !important}post-header post-togglebutton:hover{background-color:Highlight !important}post-header post-togglebutton:hover post-icon{color:HighlightText}}
+[data-post-scroll-locked]{overflow:hidden !important}post-header{--header-expanded-height: calc(var(--global-header-height) + var(--local-header-height));--header-reduced-height: calc( var(--global-header-reduced-height) + var(--main-navigation-height) );--header-height: calc( var(--header-expanded-height) - min( var(--header-scroll-top, 0px), calc(var(--header-expanded-height) - var(--header-reduced-height)) ) );height:var(--header-height)}@media screen and (min-width: 1024px){post-header{--global-header-height: 72px;--global-header-reduced-height: 24px;--main-navigation-height: 56px;--local-header-height: 112px}}@media screen and (max-width: 1023.98px){post-header{--header-reduced-height: var(--header-expanded-height);--global-header-height: 64px;--global-header-reduced-height: var(--global-header-height);--local-header-height: 48px;--main-navigation-height: 0px}}@media screen and (min-width: 780px){post-header{--local-header-min-height: 56px}}@media screen and (max-width: 779.98px){post-header{--local-header-min-height: 48px}}post-header:not(:has([slot=title])){--local-header-height: var(--main-navigation-height) !important}post-header:not(:defined),post-header:not([data-hydrated]){display:block}@media screen and (min-width: 1024px){post-header ul[slot=meta-navigation]{gap:4px}}@media screen and (max-width: 1023.98px){post-header ul[slot=meta-navigation]{flex-direction:column;gap:0}post-header ul[slot=meta-navigation] a,post-header ul[slot=meta-navigation] button{justify-content:space-between;border-radius:0;width:100%;min-width:100%;height:48px;padding-inline:8px 12px;gap:16px;font-weight:400;position:relative}post-header ul[slot=meta-navigation] a::before,post-header ul[slot=meta-navigation] button::before{content:"";background-color:#050400;bottom:0;width:100%;height:1px;position:absolute;left:0}post-header ul[slot=meta-navigation] a.selected,post-header ul[slot=meta-navigation] a[aria-expanded=true],post-header ul[slot=meta-navigation] button.selected,post-header ul[slot=meta-navigation] button[aria-expanded=true]{background-color:#050400;color:#fff}post-header ul[slot=meta-navigation] a:hover,post-header ul[slot=meta-navigation] button:hover{background-color:#504f4b;color:#fff}post-header ul[slot=meta-navigation] a:hover::before,post-header ul[slot=meta-navigation] button:hover::before{background-color:#504f4b}post-header ul[slot=meta-navigation] a:is(:focus-visible,:has(:focus-visible),.pretend-focus),post-header ul[slot=meta-navigation] button:is(:focus-visible,:has(:focus-visible),.pretend-focus){border-radius:4px}@supports not selector(:has(:focus-visible)){post-header ul[slot=meta-navigation] a:is(:focus-visible,:focus-within,.pretend-focus),post-header ul[slot=meta-navigation] button:is(:focus-visible,:focus-within,.pretend-focus){border-radius:4px}}}@media screen and (max-width: 599.98px){post-header ul[slot=meta-navigation] a,post-header ul[slot=meta-navigation] button{font-size:14px}}post-header [slot=title]{margin:0;flex-shrink:10;z-index:3;font-weight:900}@media screen and (min-width: 600px){post-header [slot=title]{margin-inline-start:12px}}@media screen and (max-width: 599.98px){post-header [slot=title]{margin-inline-start:8px}}@media screen and (min-width: 1024px){post-header [slot=title]{font-size:28px;line-height:34px}}@media screen and (max-width: 1023.98px){post-header [slot=title]{font-size:20px;max-width:calc(100vw - 8px - 16px)}}post-header button:not(post-mainnavigation *,post-language-switch *){padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header button:not(post-mainnavigation *,post-language-switch *){background-color:ButtonFace !important}post-header button:not(post-mainnavigation *,post-language-switch *):hover{background-color:Highlight !important}}post-header button:not(post-mainnavigation *,post-language-switch *):hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}post-header a:not(post-mainnavigation *,post-language-switch *),post-header button:not(post-mainnavigation *,post-language-switch *),post-header post-togglebutton:not(post-mainnavigation *,post-language-switch *){text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-radius:24px;font-size:16px;padding:3px 12px}post-header a:not(post-mainnavigation *,post-language-switch *) post-icon,post-header button:not(post-mainnavigation *,post-language-switch *) post-icon,post-header post-togglebutton:not(post-mainnavigation *,post-language-switch *) post-icon{height:24px;width:24px}@media screen and (max-width: 599.98px){post-header a:not(post-mainnavigation *,post-language-switch *),post-header button:not(post-mainnavigation *,post-language-switch *),post-header post-togglebutton:not(post-mainnavigation *,post-language-switch *){padding:8px}post-header a:not(post-mainnavigation *,post-language-switch *) .visually-hidden-sm,post-header button:not(post-mainnavigation *,post-language-switch *) .visually-hidden-sm,post-header post-togglebutton:not(post-mainnavigation *,post-language-switch *) .visually-hidden-sm{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}}post-header a.selected:not(post-mainnavigation *),post-header post-togglebutton[aria-pressed=true]:not(post-mainnavigation *){color:#fff;background:#050400}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-header post-togglebutton{background-color:ButtonFace !important;border:1px solid ButtonBorder !important;color:ButtonText !important}post-header post-togglebutton:hover{background-color:Highlight !important}post-header post-togglebutton:hover post-icon{color:HighlightText}}

package/components/header/index.scss

@@ -4,14 +4,12 @@
 @use '../../functions/tokens';
 @use '../../tokens/elements';
 @use '../../mixins/button' as button-mx;
-
 @use 'mixins' as *;
 
 tokens.$default-map: elements.$post-link;
 
 [data-post-scroll-locked] {
   overflow: hidden !important;
-  transform: translate3d(0, 0, 0) !important;
 }
 
 post-header {
@@ -20,8 +18,7 @@ post-header {
     var(--global-header-reduced-height) + var(--main-navigation-height)
   );
   --header-height: calc(
-    var(--header-expanded-height) -
-      min(
+    var(--header-expanded-height) - min(
         var(--header-scroll-top, 0px),
         calc(var(--header-expanded-height) - var(--header-reduced-height))
       )

package/components/pagination.css

@@ -1 +1 @@
-.pagination{--bs-pagination-padding-x: 0;--bs-pagination-padding-y: var(--post-core-dimension-8);--bs-pagination-font-size:1rem;--bs-pagination-color: hsl(0, 0%, 40%);--bs-pagination-bg: #fff;--bs-pagination-border-width: 2px;--bs-pagination-border-color: hsl(0, 0%, 90%);--bs-pagination-border-radius: var(--bs-border-radius);--bs-pagination-hover-color: #000;--bs-pagination-hover-bg: #faf9f8;--bs-pagination-hover-border-color: hsl(0, 0%, 90%);--bs-pagination-focus-color: rgba(51, 51, 51, 0.25);--bs-pagination-focus-bg: var(--bs-secondary-bg);--bs-pagination-focus-box-shadow: 0 0 0 0.125rem rgba(51, 51, 51, 0.25);--bs-pagination-active-color: #000;--bs-pagination-active-bg: #fc0;--bs-pagination-active-border-color: #fc0;--bs-pagination-disabled-color: hsl(0, 0%, 60%);--bs-pagination-disabled-bg: #faf9f8;--bs-pagination-disabled-border-color: hsl(0, 0%, 90%);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.page-link.active,.active>.page-link{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.page-link.disabled,.disabled>.page-link{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(2px*-1)}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x: 0;--bs-pagination-padding-y: var(--post-core-dimension-12);--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius: var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x: 0;--bs-pagination-padding-y: var(--post-core-dimension-4);--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius: var(--bs-border-radius-sm)}.pagination .page-item{width:calc(1.25rem + var(--post-core-dimension-8)*2 + 4px);color:#666}.pagination .page-item.disabled:first-child,.pagination .page-item.disabled:last-child{display:none}.pagination .page-item .page-link{height:100%;color:inherit;text-align:center;text-decoration:none}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination .page-item .page-link:focus,.pagination .page-item .page-link:focus-within,.pagination .page-item .page-link:focus-visible{border-radius:4px;outline:var(--post-core-dimension-2) solid highlight}}.pagination .page-item .page-link[aria-label=First]>span,.pagination .page-item .page-link[aria-label=Previous]>span,.pagination .page-item .page-link[aria-label=Next]>span,.pagination .page-item .page-link[aria-label=Last]>span{display:inline-block;color:rgba(0,0,0,0);width:1.5rem;height:1.5rem}.pagination .page-item .page-link[aria-label=Previous]>span,.pagination .page-item .page-link[aria-label=Next]>span{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='M18.9 23.5 11.3 16l7.6-7.6.9.9-6.6 6.7 6.6 6.6z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.pagination .page-item .page-link[aria-label=First]>span,.pagination .page-item .page-link[aria-label=Last]>span{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9.764 15.998 5.57 5.53v1.878l-7.46-7.404 7.46-7.464v1.887zM22 8.569l-7.427 7.433L22 23.376v-1.879l-5.54-5.499L22 10.455z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.pagination .page-item .page-link[aria-label=Next]>span,.pagination .page-item .page-link[aria-label=Last]>span{transform:rotate(180deg)}.pagination .page-item .page-link[aria-disabled]{border-top:0;border-bottom:0;background-color:rgba(0,0,0,0)}.pagination .page-item:hover,.pagination .page-item:focus,.pagination .page-item.active{color:#000}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination .page-item.active>.page-link{background-color:Highlight}.pagination .page-item:first-child .page-link>span,.pagination .page-item:last-child .page-link>span{background-color:LinkText;color:rgba(0,0,0,0);forced-color-adjust:none}}
+.pagination{--bs-pagination-padding-x: 0;--bs-pagination-padding-y: var(--post-core-dimension-8);--bs-pagination-font-size:1rem;--bs-pagination-color: hsl(0, 0%, 40%);--bs-pagination-bg: #fff;--bs-pagination-border-width: 2px;--bs-pagination-border-color: hsl(0, 0%, 90%);--bs-pagination-border-radius: var(--bs-border-radius);--bs-pagination-hover-color: #000;--bs-pagination-hover-bg: #faf9f8;--bs-pagination-hover-border-color: hsl(0, 0%, 90%);--bs-pagination-focus-color: rgba(51, 51, 51, 0.25);--bs-pagination-focus-bg: var(--bs-secondary-bg);--bs-pagination-focus-box-shadow: 0 0 0 0.125rem rgba(51, 51, 51, 0.25);--bs-pagination-active-color: #000;--bs-pagination-active-bg: #fc0;--bs-pagination-active-border-color: #fc0;--bs-pagination-disabled-color: hsl(0, 0%, 60%);--bs-pagination-disabled-bg: #faf9f8;--bs-pagination-disabled-border-color: hsl(0, 0%, 90%);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.page-link.active,.active>.page-link{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.page-link.disabled,.disabled>.page-link{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(2px*-1)}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x: 0;--bs-pagination-padding-y: var(--post-core-dimension-12);--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius: var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x: 0;--bs-pagination-padding-y: var(--post-core-dimension-4);--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius: var(--bs-border-radius-sm)}.pagination .page-item{width:calc(1.25rem + var(--post-core-dimension-8)*2 + 4px);color:#666}.pagination .page-item.disabled:first-child,.pagination .page-item.disabled:last-child{display:none}.pagination .page-item .page-link{height:100%;color:var(--post-scheme-color-surface-default-fg);text-align:center;text-decoration:none}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination .page-item .page-link:focus,.pagination .page-item .page-link:focus-within,.pagination .page-item .page-link:focus-visible{border-radius:4px;outline:var(--post-core-dimension-2) solid highlight}}.pagination .page-item .page-link[aria-label=First]>span,.pagination .page-item .page-link[aria-label=Previous]>span,.pagination .page-item .page-link[aria-label=Next]>span,.pagination .page-item .page-link[aria-label=Last]>span{display:inline-block;color:rgba(0,0,0,0);width:1.5rem;height:1.5rem}.pagination .page-item .page-link[aria-label=Previous]>span,.pagination .page-item .page-link[aria-label=Next]>span{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='M18.9 23.5 11.3 16l7.6-7.6.9.9-6.6 6.7 6.6 6.6z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.pagination .page-item .page-link[aria-label=First]>span,.pagination .page-item .page-link[aria-label=Last]>span{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9.764 15.998 5.57 5.53v1.878l-7.46-7.404 7.46-7.464v1.887zM22 8.569l-7.427 7.433L22 23.376v-1.879l-5.54-5.499L22 10.455z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color}.pagination .page-item .page-link[aria-label=Next]>span,.pagination .page-item .page-link[aria-label=Last]>span{transform:rotate(180deg)}.pagination .page-item .page-link[aria-disabled]{border-top:0;border-bottom:0;background-color:rgba(0,0,0,0)}.pagination .page-item:hover,.pagination .page-item:focus,.pagination .page-item.active{color:#000}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.pagination .page-item.active>.page-link{background-color:Highlight}.pagination .page-item:first-child .page-link>span,.pagination .page-item:last-child .page-link>span{background-color:LinkText;color:rgba(0,0,0,0);forced-color-adjust:none}}

package/components/pagination.scss

@@ -7,6 +7,7 @@
 @use './../mixins/utilities' as utilities-mx;
 
 @use '../functions/tokens';
+@use '../tokens/elements';
 @use '../tokens/utilities';
 
 .pagination {
@@ -21,7 +22,7 @@
 
     .page-link {
       height: 100%;
-      color: inherit;
+      color: tokens.get('body-color', elements.$post-body);
       text-align: center;
       text-decoration: none;
 

package/components/popover.css

@@ -1 +1 @@
-.popover{--bs-popover-zindex: 1070;--bs-popover-max-width: 310px;--bs-popover-font-size:0.8125rem;--bs-popover-bg: #fc0;--bs-popover-border-width: 1px;--bs-popover-border-color: #fc0;--bs-popover-border-radius: 4px;--bs-popover-inner-border-radius: calc(4px - 1px);--bs-popover-box-shadow: none;--bs-popover-header-padding-x: 0.5rem;--bs-popover-header-padding-y: 0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color: inherit;--bs-popover-header-bg: #fc0;--bs-popover-body-padding-x: 0.5rem;--bs-popover-body-padding-y: 0.5rem;--bs-popover-body-color: #000;--bs-popover-arrow-width: 1rem;--bs-popover-arrow-height: 0.5rem;--bs-popover-arrow-border: var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:var(--post-core-font-weight-400);line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::before,.popover .popover-arrow::after{position:absolute;display:block;content:"";border-color:rgba(0,0,0,0);border-style:solid;border-width:0}.bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow{bottom:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0}.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-end>.popover-arrow,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow{left:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after{border-width:calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0}.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow{top:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after{border-width:0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)}.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-bottom .popover-header::before,.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-0.5*var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-start>.popover-arrow,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow{right:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after{border-width:calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)}.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.popover{border-radius:0;background-clip:border-box;text-align:left}.popover-header{border-bottom:0;font-weight:var(--post-core-font-weight-700);text-align:left}
+.popover{--bs-popover-zindex: 1070;--bs-popover-max-width: 310px;--bs-popover-font-size:0.8125rem;--bs-popover-bg: #fc0;--bs-popover-border-width: 1px;--bs-popover-border-color: #fc0;--bs-popover-border-radius: 4px;--bs-popover-inner-border-radius: calc(4px - 1px);--bs-popover-box-shadow: none;--bs-popover-header-padding-x: 0.5rem;--bs-popover-header-padding-y: 0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color: var(--post-scheme-color-surface-default-fg);--bs-popover-header-bg: #fc0;--bs-popover-body-padding-x: 0.5rem;--bs-popover-body-padding-y: 0.5rem;--bs-popover-body-color: #000;--bs-popover-arrow-width: 1rem;--bs-popover-arrow-height: 0.5rem;--bs-popover-arrow-border: var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:var(--post-core-font-weight-400);line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::before,.popover .popover-arrow::after{position:absolute;display:block;content:"";border-color:rgba(0,0,0,0);border-style:solid;border-width:0}.bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow{bottom:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0}.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-end>.popover-arrow,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow{left:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after{border-width:calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0}.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow{top:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after{border-width:0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)}.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-bottom .popover-header::before,.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-0.5*var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-start>.popover-arrow,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow{right:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after{border-width:calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)}.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.popover{border-radius:0;background-clip:border-box;text-align:left}.popover-header{border-bottom:0;font-weight:var(--post-core-font-weight-700);text-align:left}

package/components/product-card.css

@@ -1 +1 @@
-.card{--bs-card-spacer-y: 20px;--bs-card-spacer-x: var(--post-core-dimension-16);--bs-card-title-spacer-y: 0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width: 1px;--bs-card-border-color: hsl(0, 0%, 80%);--bs-card-border-radius: 2px;--bs-card-box-shadow: ;--bs-card-inner-border-radius: calc(2px - 1px);--bs-card-cap-padding-y: 10px;--bs-card-cap-padding-x: var(--post-core-dimension-16);--bs-card-cap-bg: #faf9f8;--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: #000;--bs-card-bg: #fff;--bs-card-img-overlay-padding: var(--post-core-dimension-16);--bs-card-group-margin: 15px;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-0.5*var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-0.5*var(--bs-card-cap-padding-x));margin-bottom:calc(-1*var(--bs-card-cap-padding-y));margin-left:calc(-0.5*var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-0.5*var(--bs-card-cap-padding-x));margin-left:calc(-0.5*var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-top,.card-img-bottom{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media(min-width: 600px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer{border-bottom-left-radius:0}}.product-navigation{display:flex;flex-flow:column;justify-content:space-between;height:100%}@media(max-width: -0.2){[class*=col-xs-]>.card>[data-sync-height-with]{height:auto !important}}@media(max-width: 599.8px){[class*=col-sm-]>.card>[data-sync-height-with]{height:auto !important}}@media(max-width: 779.8px){[class*=col-md-]>.card>[data-sync-height-with]{height:auto !important}}@media(max-width: 1023.8px){[class*=col-lg-]>.card>[data-sync-height-with]{height:auto !important}}@media(max-width: 1279.8px){[class*=col-xl-]>.card>[data-sync-height-with]{height:auto !important}}.card-buttons [class*=col-]{display:flex;flex-direction:column}.card-button{align-self:stretch;margin:.75rem 0}[class*=col-]>.card-button{height:100%}.card-button a{color:inherit;text-decoration:none}.card-button a>post-icon{flex-shrink:0;width:3rem;height:3rem;margin-right:1rem}.card-button .card-body{padding:var(--post-core-dimension-16)}@media screen and (min-width: 780px){.card-button .card-body{padding:var(--post-core-dimension-24)}}.card-button .post-card-favourit{display:flex;align-items:center;justify-content:center;position:absolute;top:.5rem;right:.5rem;border:0;border-radius:0;background:rgba(0,0,0,0);box-shadow:none;color:currentColor}
+.card{--bs-card-spacer-y: 20px;--bs-card-spacer-x: var(--post-core-dimension-16);--bs-card-title-spacer-y: 0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width: 1px;--bs-card-border-color: hsl(0, 0%, 80%);--bs-card-border-radius: 2px;--bs-card-box-shadow: ;--bs-card-inner-border-radius: calc(2px - 1px);--bs-card-cap-padding-y: 10px;--bs-card-cap-padding-x: var(--post-core-dimension-16);--bs-card-cap-bg: #faf9f8;--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: #000;--bs-card-bg: #fff;--bs-card-img-overlay-padding: var(--post-core-dimension-16);--bs-card-group-margin: 15px;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-0.5*var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-0.5*var(--bs-card-cap-padding-x));margin-bottom:calc(-1*var(--bs-card-cap-padding-y));margin-left:calc(-0.5*var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-0.5*var(--bs-card-cap-padding-x));margin-left:calc(-0.5*var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-top,.card-img-bottom{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media(min-width: 600px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer{border-bottom-left-radius:0}}.product-navigation{display:flex;flex-flow:column;justify-content:space-between;height:100%}@media(max-width: -0.2){[class*=col-xs-]>.card>[data-sync-height-with]{height:auto !important}}@media(max-width: 599.8px){[class*=col-sm-]>.card>[data-sync-height-with]{height:auto !important}}@media(max-width: 779.8px){[class*=col-md-]>.card>[data-sync-height-with]{height:auto !important}}@media(max-width: 1023.8px){[class*=col-lg-]>.card>[data-sync-height-with]{height:auto !important}}@media(max-width: 1279.8px){[class*=col-xl-]>.card>[data-sync-height-with]{height:auto !important}}

package/components/product-card.scss

@@ -10,6 +10,7 @@
 @use './../mixins/media';
 
 @use './../functions/tokens';
+@use './../tokens/elements';
 @use './../tokens/utilities';
 
 tokens.$default-map: utilities.$post-spacing;
@@ -31,53 +32,3 @@ tokens.$default-map: utilities.$post-spacing;
     }
   }
 }
-
-.card-buttons {
-  [class*='col-'] {
-    display: flex;
-    flex-direction: column;
-  }
-}
-
-.card-button {
-  align-self: stretch;
-  margin: 0.75rem 0;
-
-  [class*='col-'] > & {
-    height: 100%;
-  }
-
-  a {
-    color: inherit;
-    text-decoration: none;
-
-    > post-icon {
-      flex-shrink: 0;
-      width: 3rem;
-      height: 3rem;
-      margin-right: 1rem;
-    }
-  }
-
-  .card-body {
-    padding: tokens.get('utility-gap-16');
-
-    @include media.min(md) {
-      padding: tokens.get('utility-gap-24');
-    }
-  }
-
-  .post-card-favourit {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    top: 0.5rem;
-    right: 0.5rem;
-    border: 0;
-    border-radius: 0;
-    background: transparent;
-    box-shadow: none;
-    color: currentColor;
-  }
-}

package/components/stepper.css

@@ -1 +1 @@
-.stepper-container{margin-bottom:20px}@media screen and (min-width: 780px){.stepper-container{margin-bottom:var(--post-core-dimension-32)}}@media screen and (min-width: 1280px){.stepper-container{margin-bottom:var(--post-core-dimension-40)}}.stepper-container>.stepper-bar{display:none}.stepper{margin-block:0;padding-inline-start:0;list-style:none;counter-reset:step-index;display:grid;position:relative;overflow:hidden;grid-template-columns:calc(var(--post-core-dimension-40)/2);grid-auto-columns:minmax(0, 1fr);padding-inline-end:calc(var(--post-core-dimension-40)/2)}.stepper-item{grid-row:1;position:relative;padding-inline-start:0}.stepper-item:not(:first-child){padding-inline-start:calc(var(--post-core-dimension-16)/2)}.stepper-item:not(:last-child){padding-inline-end:calc(var(--post-core-dimension-16)/2);grid-column:span 2}.stepper-item::before,.stepper-item::after{content:"";display:block;position:absolute;inset-block-start:calc((var(--post-core-dimension-40) - var(--post-core-dimension-4))/2);height:var(--post-core-dimension-4);background-color:#999;inset-inline:0}.stepper-item:not(:first-child,:last-child)::before{inset-inline-end:50%}.stepper-item:not(:first-child,:last-child)::after{inset-inline-start:50%}.stepper-item:not(.stepper-item[aria-current=step]~*,:first-child)::before,.stepper-item:not([aria-current=step]:not(:last-child),.stepper-item[aria-current=step]~*)::after{background-color:#fc0;z-index:1}.stepper-link{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;z-index:2;overflow:hidden;text-decoration:none;color:#666;width:fit-content;line-height:var(--post-core-line-height-120);word-break:break-word}.stepper-link:not([title]){-webkit-line-clamp:initial}.stepper-item:not(:first-child,:last-child)>.stepper-link{margin-inline:auto;text-align:center}.stepper-item:last-child>.stepper-link{margin-inline-start:auto;margin-inline-end:calc(var(--post-core-dimension-40)/-2);text-align:end}.stepper-item[aria-current=step]>.stepper-link{color:#333;font-weight:var(--post-core-font-weight-700)}.stepper-link::before{counter-increment:step-index;content:counter(step-index);display:flex;align-items:center;justify-content:center;z-index:1;height:var(--post-core-dimension-40);width:var(--post-core-dimension-40);box-sizing:border-box;margin-block-end:var(--post-core-dimension-8);color:#000;background-color:#fc0;border:var(--post-core-dimension-4) solid rgb(var(--post-bg-rgb, 255 255 255));border-radius:50%;font-weight:var(--post-core-font-weight-700);text-indent:initial;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.stepper-item:not(:first-child,:last-child)>.stepper-link::before{margin-inline:auto}.stepper-item:last-child>.stepper-link::before{margin-inline-start:auto}.stepper-item:not([aria-current=step],.stepper-item[aria-current=step]~*)>.stepper-link::before{color:rgba(0,0,0,0)}.stepper-item[aria-current=step]~.stepper-item>.stepper-link::before{color:#fff;background-color:#666}.stepper-link::after{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.667 24.533-7.6-7.6 1.867-1.867 5.733 5.733 12.4-12.4 1.867 1.867z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;display:block;position:absolute;top:calc((var(--post-core-dimension-40) - var(--post-core-dimension-24))/2);z-index:1;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);color:#000}.stepper-item:first-child>.stepper-link::after{left:calc((var(--post-core-dimension-40) - var(--post-core-dimension-24))/2)}.stepper-item:not(:first-child,:last-child)>.stepper-link::after{left:calc(50% - var(--post-core-dimension-24)/2)}.stepper-item:last-child>.stepper-link::after{right:calc((var(--post-core-dimension-40) - var(--post-core-dimension-24))/2)}.stepper-item:not([aria-current=step],.stepper-item[aria-current=step]~*)>.stepper-link::after{content:""}.stepper-link:is(a[href]){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}.stepper-link:is(a[href]):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){.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.stepper-link:is(a[href]):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){.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus){color:#666}.stepper-item[aria-current=step]>.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus){color:#333}.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::before,.stepper-item[aria-current=step]~.stepper-item>.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{color:#fff;background-color:#000}.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{color:#fff}@supports not selector(:has(:focus-visible)){.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus){color:#666}.stepper-item[aria-current=step]>.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus){color:#333}.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus)::before,.stepper-item[aria-current=step]~.stepper-item>.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus)::before{color:#fff;background-color:#000}.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus)::after{color:#fff}}.stepper-link:is(a[href]):hover{color:#666}.stepper-item[aria-current=step]>.stepper-link:is(a[href]):hover{color:#333}.stepper-link:is(a[href]):hover::before,.stepper-item[aria-current=step]~.stepper-item>.stepper-link:is(a[href]):hover::before{color:#fff;background-color:#000}.stepper-link:is(a[href]):hover::after{color:#fff}@media(max-width: 599.98px){.stepper-item:first-child,.stepper-item:last-child{padding-inline:0}.stepper-item[aria-current=step]{display:contents}.stepper-item[aria-current=step]>.stepper-link{display:contents}.stepper-item[aria-current=step]::before{grid-row:-1;margin-block-start:calc((var(--post-core-dimension-40) - var(--post-core-dimension-4))/2);position:static}.stepper-item[aria-current=step]:not(:last-child)>.stepper-link::before{grid-row:-1}.stepper-item[aria-current=step]:not(:first-child,:last-child)::after{inset-inline-start:0}.stepper-item:not([aria-current=step]){grid-row:-1;justify-self:stretch}.stepper-item:not([aria-current=step])>.stepper-link{-webkit-line-clamp:initial;line-height:0;text-indent:100%}.stepper-link{white-space:nowrap;width:100%}.stepper-item[aria-current=step]:first-child>.stepper-link::before{order:-1}.stepper-item[aria-current=step]:not(:first-child,:last-child)>.stepper-link::before{margin-inline-start:0;transform:translateX(-50%)}.stepper-item[aria-current=step]:last-child>.stepper-link::before{position:absolute;z-index:2;inset-block-start:0;inset-inline-end:0}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.stepper-item::before,.stepper-item::after{background-color:CanvasText}.stepper-item:not(.stepper-item[aria-current=step]~.stepper-item,:first-child)::before,.stepper-item:not([aria-current=step]:not(:last-child),.stepper-item[aria-current=step]~*)::after{background-color:Highlight}.stepper-link::before{forced-color-adjust:none}.stepper-item[aria-current=step]>.stepper-link::before{background-color:Canvas;color:CanvasText}.stepper-item[aria-current=step]~.stepper-item>.stepper-link::before,.stepper-item:not([aria-current=step])>.stepper-link::before{color:Canvas;border-color:Canvas;background-color:CanvasText}.stepper-link::after{color:Canvas}.stepper-item[aria-current=step]>.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{border-color:Highlight}@supports not selector(:has(:focus-visible)){.stepper-item[aria-current=step]>.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus)::before{border-color:Highlight}}.stepper-item[aria-current=step]>.stepper-link:is(a[href]):hover::before{border-color:Highlight}.stepper-item[aria-current=step]~.stepper-item>.stepper-link:is(a[href])::before{color:Canvas}.stepper-item[aria-current=step]~.stepper-item>.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{background-color:Highlight;color:HighlightText}@supports not selector(:has(:focus-visible)){.stepper-item[aria-current=step]~.stepper-item>.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus)::before{background-color:Highlight;color:HighlightText}}.stepper-item[aria-current=step]~.stepper-item>.stepper-link:is(a[href]):hover::before{background-color:Highlight;color:HighlightText}.stepper-item:not([aria-current=step])>.stepper-link:is(a[href])::before{background-color:LinkText}.stepper-item:not([aria-current=step])>.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{background-color:Highlight}.stepper-item:not([aria-current=step])>.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{color:HighlightText}@supports not selector(:has(:focus-visible)){.stepper-item:not([aria-current=step])>.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus)::before{background-color:Highlight}.stepper-item:not([aria-current=step])>.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus)::after{color:HighlightText}}.stepper-item:not([aria-current=step])>.stepper-link:is(a[href]):hover::before{background-color:Highlight}.stepper-item:not([aria-current=step])>.stepper-link:is(a[href]):hover::after{color:HighlightText}}
+.stepper-container{margin-bottom:20px}@media screen and (min-width: 780px){.stepper-container{margin-bottom:var(--post-core-dimension-32)}}@media screen and (min-width: 1280px){.stepper-container{margin-bottom:var(--post-core-dimension-40)}}.stepper-container>.stepper-bar{display:none}.stepper{margin-block:0;padding-inline-start:0;list-style:none;counter-reset:step-index;display:grid;position:relative;overflow:hidden;grid-template-columns:calc(var(--post-core-dimension-40)/2);grid-auto-columns:minmax(0, 1fr);padding-inline-end:calc(var(--post-core-dimension-40)/2)}.stepper-item{grid-row:1;position:relative;padding-inline-start:0}.stepper-item:not(:first-child){padding-inline-start:calc(var(--post-core-dimension-16)/2)}.stepper-item:not(:last-child){padding-inline-end:calc(var(--post-core-dimension-16)/2);grid-column:span 2}.stepper-item::before,.stepper-item::after{content:"";display:block;position:absolute;inset-block-start:calc((var(--post-core-dimension-40) - var(--post-core-dimension-4))/2);height:var(--post-core-dimension-4);background-color:#999;inset-inline:0}.stepper-item:not(:first-child,:last-child)::before{inset-inline-end:50%}.stepper-item:not(:first-child,:last-child)::after{inset-inline-start:50%}.stepper-item:not(.stepper-item[aria-current=step]~*,:first-child)::before,.stepper-item:not([aria-current=step],.stepper-item[aria-current=step]~*)::after{background-color:#fc0;z-index:1}.stepper-link{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:relative;z-index:2;overflow:hidden;text-decoration:none;color:#666;width:fit-content;line-height:var(--post-core-line-height-120);word-break:break-word}.stepper-link:not([title]){-webkit-line-clamp:initial}.stepper-item:not(:first-child,:last-child)>.stepper-link{margin-inline:auto;text-align:center}.stepper-item:last-child>.stepper-link{margin-inline-start:auto;margin-inline-end:calc(var(--post-core-dimension-40)/-2);text-align:end}.stepper-item[aria-current=step]>.stepper-link{color:#333;font-weight:var(--post-core-font-weight-700)}.stepper-link::before{counter-increment:step-index;content:counter(step-index);display:flex;align-items:center;justify-content:center;z-index:1;height:var(--post-core-dimension-40);width:var(--post-core-dimension-40);box-sizing:border-box;margin-block-end:var(--post-core-dimension-8);color:#000;background-color:#fc0;border:var(--post-core-dimension-4) solid rgb(var(--post-bg-rgb, 255 255 255));border-radius:50%;font-weight:var(--post-core-font-weight-700);text-indent:initial;transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}.stepper-item:not(:first-child,:last-child)>.stepper-link::before{margin-inline:auto}.stepper-item:last-child>.stepper-link::before{margin-inline-start:auto}.stepper-item:not([aria-current=step],.stepper-item[aria-current=step]~*)>.stepper-link::before{color:rgba(0,0,0,0)}.stepper-item[aria-current=step]~.stepper-item>.stepper-link::before{color:#fff;background-color:#666}.stepper-link::after{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.667 24.533-7.6-7.6 1.867-1.867 5.733 5.733 12.4-12.4 1.867 1.867z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;display:block;position:absolute;top:calc((var(--post-core-dimension-40) - var(--post-core-dimension-24))/2);z-index:1;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1),background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);color:#000}.stepper-item:first-child>.stepper-link::after{left:calc((var(--post-core-dimension-40) - var(--post-core-dimension-24))/2)}.stepper-item:not(:first-child,:last-child)>.stepper-link::after{left:calc(50% - var(--post-core-dimension-24)/2)}.stepper-item:last-child>.stepper-link::after{right:calc((var(--post-core-dimension-40) - var(--post-core-dimension-24))/2)}.stepper-item:not([aria-current=step],.stepper-item[aria-current=step]~*)>.stepper-link::after{content:""}.stepper-link:is(a[href]){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}.stepper-link:is(a[href]):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){.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.stepper-link:is(a[href]):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){.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus){color:#666}.stepper-item[aria-current=step]>.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus){color:#333}.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::before,.stepper-item[aria-current=step]~.stepper-item>.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{color:#fff;background-color:#000}.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{color:#fff}@supports not selector(:has(:focus-visible)){.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus){color:#666}.stepper-item[aria-current=step]>.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus){color:#333}.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus)::before,.stepper-item[aria-current=step]~.stepper-item>.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus)::before{color:#fff;background-color:#000}.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus)::after{color:#fff}}.stepper-link:is(a[href]):hover{color:#666}.stepper-item[aria-current=step]>.stepper-link:is(a[href]):hover{color:#333}.stepper-link:is(a[href]):hover::before,.stepper-item[aria-current=step]~.stepper-item>.stepper-link:is(a[href]):hover::before{color:#fff;background-color:#000}.stepper-link:is(a[href]):hover::after{color:#fff}@media(max-width: 599.98px){.stepper-item:first-child,.stepper-item:last-child{padding-inline:0}.stepper-item[aria-current=step]{display:contents}.stepper-item[aria-current=step]>.stepper-link{display:contents}.stepper-item[aria-current=step]::before{grid-row:-1;margin-block-start:calc((var(--post-core-dimension-40) - var(--post-core-dimension-4))/2);position:static}.stepper-item[aria-current=step]:not(:last-child)>.stepper-link::before{grid-row:-1}.stepper-item[aria-current=step]:not(:first-child,:last-child)::after{inset-inline-start:0}.stepper-item:not([aria-current=step]){grid-row:-1;justify-self:stretch}.stepper-item:not([aria-current=step])>.stepper-link{-webkit-line-clamp:initial;line-height:0;text-indent:100%}.stepper-link{white-space:nowrap;width:100%}.stepper-item[aria-current=step]:first-child>.stepper-link::before{order:-1}.stepper-item[aria-current=step]:not(:first-child,:last-child)>.stepper-link::before{margin-inline-start:0;transform:translateX(-50%)}.stepper-item[aria-current=step]:last-child>.stepper-link::before{position:absolute;z-index:2;inset-block-start:0;inset-inline-end:0}}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.stepper-item::before,.stepper-item::after{background-color:CanvasText}.stepper-item:not(.stepper-item[aria-current=step]~.stepper-item,:first-child)::before,.stepper-item:not([aria-current=step]:not(:last-child),.stepper-item[aria-current=step]~*)::after{background-color:Highlight}.stepper-link::before{forced-color-adjust:none}.stepper-item[aria-current=step]>.stepper-link::before{background-color:Canvas;color:CanvasText}.stepper-item[aria-current=step]~.stepper-item>.stepper-link::before,.stepper-item:not([aria-current=step])>.stepper-link::before{color:Canvas;border-color:Canvas;background-color:CanvasText}.stepper-link::after{color:Canvas}.stepper-item[aria-current=step]>.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{border-color:Highlight}@supports not selector(:has(:focus-visible)){.stepper-item[aria-current=step]>.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus)::before{border-color:Highlight}}.stepper-item[aria-current=step]>.stepper-link:is(a[href]):hover::before{border-color:Highlight}.stepper-item[aria-current=step]~.stepper-item>.stepper-link:is(a[href])::before{color:Canvas}.stepper-item[aria-current=step]~.stepper-item>.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{background-color:Highlight;color:HighlightText}@supports not selector(:has(:focus-visible)){.stepper-item[aria-current=step]~.stepper-item>.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus)::before{background-color:Highlight;color:HighlightText}}.stepper-item[aria-current=step]~.stepper-item>.stepper-link:is(a[href]):hover::before{background-color:Highlight;color:HighlightText}.stepper-item:not([aria-current=step])>.stepper-link:is(a[href])::before{background-color:LinkText}.stepper-item:not([aria-current=step])>.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::before{background-color:Highlight}.stepper-item:not([aria-current=step])>.stepper-link:is(a[href]):is(:focus-visible,:has(:focus-visible),.pretend-focus)::after{color:HighlightText}@supports not selector(:has(:focus-visible)){.stepper-item:not([aria-current=step])>.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus)::before{background-color:Highlight}.stepper-item:not([aria-current=step])>.stepper-link:is(a[href]):is(:focus-visible,:focus-within,.pretend-focus)::after{color:HighlightText}}.stepper-item:not([aria-current=step])>.stepper-link:is(a[href]):hover::before{background-color:Highlight}.stepper-item:not([aria-current=step])>.stepper-link:is(a[href]):hover::after{color:HighlightText}}

package/components/stepper.scss

@@ -87,8 +87,8 @@ tokens.$default-map: utilities.$post-spacing;
 
   // current and completed steps are preceded by a yellow segment (except for the first step)
   &:not(&[aria-current='step'] ~ *, :first-child)::before,
-  // completed steps are also followed by a yellow segment (except for the last step)
-  &:not([aria-current='step']:not(:last-child), &[aria-current='step'] ~ *)::after {
+  // steps that are not the current step or preceded by a current step are followed by a yellow segment
+    &:not([aria-current='step'], .stepper-item[aria-current='step'] ~ *)::after {
     background-color: stepper.$stepper-bar-fill-color;
     z-index: 1;
   }

package/components/timepicker.css

@@ -1 +1 @@
-.ngb-tp .ngb-tp-input-container{width:auto}.ngb-tp .form-control{width:4.5rem}.ngb-tp .form-control-sm,.ngb-tp .form-control-rg{width:4rem}.ngb-tp .form-control-lg{width:6rem;padding:1rem 1.375rem}.ngb-tp .form-control-lg::placeholder{color:#666}.ngb-tp .form-control-lg::input-placeholder{color:#666}.ngb-tp .ngb-tp-chevron::before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8.4 3.467 20.8l1.067 1.067 11.467-11.6 11.6 11.6.933-1.067z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;width:var(--post-core-dimension-24);height:var(--post-core-dimension-24);transform:none}.ngb-tp .ngb-tp-chevron.bottom::before{transform:rotateZ(180deg)}.ngb-tp .btn-sm .ngb-tp-chevron::before{width:var(--post-core-dimension-16);height:var(--post-core-dimension-16)}.ngb-tp .btn-lg .ngb-tp-chevron::before{width:1.375rem;height:1.375rem}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.ngb-tp .form-control:hover,.ngb-tp .form-control:focus-visible{border-color:Highlight}}.timepicker-rg .btn .ngb-tp-chevron::before{width:1.125rem;height:1.125rem}.timepicker-rg .form-control{padding:.625rem .875rem;font-size:1rem;line-height:1.5}ngb-timepicker.ng-invalid .form-control{border-color:#a51728}ngb-timepicker.ng-invalid .form-control:focus{border-color:#a51728;box-shadow:0 0 0 .125rem rgba(165,23,40,.25)}ngb-timepicker.ng-invalid~.invalid-feedback{display:block}ngb-timepicker.ng-valid~.valid-feedback{display:block}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){ngb-timepicker.ng-invalid .form-control:hover,ngb-timepicker.ng-invalid .form-control:focus-visible,ngb-timepicker.ng-valid .form-control:hover,ngb-timepicker.ng-valid .form-control:focus-visible{border-color:Highlight}}
+.ngb-tp .ngb-tp-input-container{width:auto}.ngb-tp .form-control{width:4.5rem}.ngb-tp .form-control-sm,.ngb-tp .form-control-rg{width:4rem}.ngb-tp .form-control-lg{width:6rem;padding:1rem 1.375rem}.ngb-tp .form-control-lg::placeholder{color:#666}.ngb-tp .ngb-tp-chevron::before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8.4 3.467 20.8l1.067 1.067 11.467-11.6 11.6 11.6.933-1.067z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;width:var(--post-core-dimension-24);height:var(--post-core-dimension-24);transform:none}.ngb-tp .ngb-tp-chevron.bottom::before{transform:rotateZ(180deg)}.ngb-tp .btn-sm .ngb-tp-chevron::before{width:var(--post-core-dimension-16);height:var(--post-core-dimension-16)}.ngb-tp .btn-lg .ngb-tp-chevron::before{width:1.375rem;height:1.375rem}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.ngb-tp .form-control:hover,.ngb-tp .form-control:focus-visible{border-color:Highlight}}.timepicker-rg .btn .ngb-tp-chevron::before{width:1.125rem;height:1.125rem}.timepicker-rg .form-control{padding:.625rem .875rem;font-size:1rem;line-height:1.5}ngb-timepicker.ng-invalid .form-control{border-color:#a51728}ngb-timepicker.ng-invalid .form-control:focus{border-color:#a51728;box-shadow:0 0 0 .125rem rgba(165,23,40,.25)}ngb-timepicker.ng-invalid~.invalid-feedback{display:block}ngb-timepicker.ng-valid~.valid-feedback{display:block}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){ngb-timepicker.ng-invalid .form-control:hover,ngb-timepicker.ng-invalid .form-control:focus-visible,ngb-timepicker.ng-valid .form-control:hover,ngb-timepicker.ng-valid .form-control:focus-visible{border-color:Highlight}}

package/components/timepicker.scss

@@ -2,7 +2,6 @@
 
 @use './../mixins/utilities';
 @use './../mixins/icons' as icon-mixins;
-@use './../mixins/forms' as form-mixins;
 @use './../mixins/button' as button-mixins;
 
 @use './../variables/type';
@@ -28,7 +27,8 @@
   .form-control-lg {
     width: 6rem;
     padding: 1rem 1.375rem;
-    @include form-mixins.placeholder {
+
+    &::placeholder {
       color: color.$gray-60;
     }
   }

package/elements/anchor.css

@@ -1 +1 @@
-a{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border-radius:var(--post-device-border-radius-focus);color:inherit}a:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}a{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}a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){a: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){a: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){a,a:focus{color:LinkText !important}a:hover{text-decoration-thickness:2px}a:visited{color:VisitedText}}
+a{-webkit-text-decoration:var(--post-core-text-decoration-underline);text-decoration:var(--post-core-text-decoration-underline);border-radius:var(--post-device-border-radius-focus);color:var(--post-scheme-color-surface-default-fg)}a:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}a{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}a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){a:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){a: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){a: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){a,a:focus{color:LinkText !important}a:hover{text-decoration-thickness:2px}a:visited{color:VisitedText}}