@postenbring/hedwig-css 0.0.13 → 0.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all-in-one.css +1 -1
- package/dist/all-in-one.css.map +1 -1
- package/dist/badge.css +1 -1
- package/dist/badge.css.map +1 -1
- package/dist/body.css +2 -0
- package/dist/body.css.map +1 -0
- package/dist/classnames.d.ts +7 -0
- package/dist/description-list.css +1 -1
- package/dist/description-list.css.map +1 -1
- package/dist/dropdown.css +2 -0
- package/dist/dropdown.css.map +1 -0
- package/dist/fonts.css +1 -1
- package/dist/fonts.css.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/link.css +1 -1
- package/dist/link.css.map +1 -1
- package/dist/modal.css.map +1 -1
- package/dist/scoped.css +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.css.map +1 -1
- package/package.json +2 -2
- package/assets/fonts/PostenSans-Bold.eot +0 -0
- package/assets/fonts/PostenSans-Bold.otf +0 -0
- package/assets/fonts/PostenSans-Bold.ttf +0 -0
- package/assets/fonts/PostenSans-Bold.woff +0 -0
- package/assets/fonts/PostenSans-Light.eot +0 -0
- package/assets/fonts/PostenSans-Light.otf +0 -0
- package/assets/fonts/PostenSans-Light.ttf +0 -0
- package/assets/fonts/PostenSans-Light.woff +0 -0
- package/assets/fonts/PostenSans-Medium.eot +0 -0
- package/assets/fonts/PostenSans-Medium.otf +0 -0
- package/assets/fonts/PostenSans-Medium.ttf +0 -0
- package/assets/fonts/PostenSans-Medium.woff +0 -0
- package/assets/fonts/PostenSans-Regular.eot +0 -0
- package/assets/fonts/PostenSans-Regular.otf +0 -0
- package/assets/fonts/PostenSans-Regular.ttf +0 -0
- package/assets/fonts/PostenSans-Regular.woff +0 -0
- package/dist/base.css +0 -2
- package/dist/base.css.map +0 -1
package/dist/scoped.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.kp-decorator-header-and-footer :root{box-sizing:border-box;font:var(--hds-typography-body);fill:var(--hds-ui-colors-black);color:var(--hds-ui-colors-black);cursor:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;line-height:1.4}.kp-decorator-header-and-footer :root body{background:var(--hds-ui-colors-white)}.kp-decorator-header-and-footer .hds-button{--hds-component-button-border-width:0px;-webkit-font-smoothing:antialiased;-webkit-appearance:button;-ms-appearance:button;appearance:button;box-sizing:border-box;border-radius:var(--hds-border-radius);border-style:solid;border-width:var(--hds-component-button-border-width);transition:all var(--hds-micro-animation-duration-quick)var(--hds-micro-animation-easing-normal);cursor:pointer;word-break:normal;font:var(--hds-typography-body-small-title);text-decoration:none;display:inline-block}.kp-decorator-header-and-footer .hds-button.hds-button--small{--hds-component-button-small-y-padding:10px;font-size:var(--hds-font-size-technical-title-max);line-height:var(--hds-line-height-technical-title-max);padding:calc(var(--hds-component-button-small-y-padding) - var(--hds-component-button-border-width))calc(var(--hds-spacing-small-4) - var(--hds-component-button-border-width));height:44px}.kp-decorator-header-and-footer .hds-button.hds-button--medium{font-size:var(--hds-font-size-body-small-title-max);line-height:var(--hds-line-height-body-small-title-max);padding:calc(var(--hds-spacing-small-3) - var(--hds-component-button-border-width))calc(var(--hds-spacing-medium-1) - var(--hds-component-button-border-width));height:50px}.kp-decorator-header-and-footer .hds-button.hds-button--large{font-size:var(--hds-font-size-body-small-title-max);line-height:var(--hds-line-height-body-small-title-max);padding:calc(var(--hds-spacing-small-4) - var(--hds-component-button-border-width))calc(var(--hds-spacing-medium-2) - var(--hds-component-button-border-width));height:58px}.kp-decorator-header-and-footer .hds-button.hds-button--full{width:100%}.kp-decorator-header-and-footer .hds-button.hds-button--mobile-full{width:100%}@media (min-width:720px){.kp-decorator-header-and-footer .hds-button.hds-button--mobile-full{width:unset}}.kp-decorator-header-and-footer .hds-button.hds-button--primary{background-color:var(--hds-brand-colors-signature);color:var(--hds-brand-button-colors-text);fill:var(--hds-brand-button-colors-text)}.kp-decorator-header-and-footer .hds-button.hds-button--primary:hover{background-color:var(--hds-brand-colors-signature-hover);outline:0 solid var(--hds-brand-colors-signature-hover)}.kp-decorator-header-and-footer .hds-button.hds-button--primary:active{background-color:var(--hds-brand-colors-signature);outline:0 solid var(--hds-brand-colors-signature-hover)}.kp-decorator-header-and-footer .hds-button.hds-button--secondary{background-color:var(--hds-brand-colors-darker);color:var(--hds-ui-colors-white);fill:var(--hds-ui-colors-white)}.kp-decorator-header-and-footer .hds-button.hds-button--secondary:hover{background-color:var(--hds-ui-colors-black);outline:0 solid var(--hds-ui-colors-black)}.kp-decorator-header-and-footer .hds-button.hds-button--secondary:active{background-color:var(--hds-brand-colors-darker);outline:0 solid var(--hds-ui-colors-black)}.kp-decorator-header-and-footer .hds-button.hds-button--outline-primary{--hds-component-button-border-width:var(--hds-stroke-thick);border-color:var(--hds-brand-colors-signature);color:var(--hds-ui-colors-black);fill:var(--hds-ui-colors-black);outline-offset:3px;background-color:transparent}.kp-decorator-header-and-footer .hds-button.hds-button--outline-primary:hover{color:var(--hds-brand-colors-dark);fill:var(--hds-brand-colors-dark);border-color:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-button.hds-button--outline-primary:active{color:var(--hds-brand-colors-dark);fill:var(--hds-brand-colors-dark);border-color:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-button.hds-button--outline-secondary{--hds-component-button-border-width:var(--hds-stroke-thick);border-color:var(--hds-brand-colors-darker);color:var(--hds-brand-colors-darker);fill:var(--hds-brand-colors-darker);outline-offset:3px;background-color:transparent}.kp-decorator-header-and-footer .hds-button.hds-button--outline-secondary:hover{color:var(--hds-ui-colors-black);fill:var(--hds-ui-colors-black);border-color:var(--hds-ui-colors-black)}.kp-decorator-header-and-footer .hds-button.hds-button--outline-secondary:active{color:var(--hds-ui-colors-black);fill:var(--hds-ui-colors-black);border-color:var(--hds-ui-colors-black)}.kp-decorator-header-and-footer .hds-button.hds-button--outline-white{--hds-component-button-border-width:var(--hds-stroke-thick);border-color:var(--hds-brand-colors-light);color:var(--hds-ui-colors-white);fill:var(--hds-ui-colors-white);outline-offset:3px;background-color:transparent}.kp-decorator-header-and-footer .hds-button.hds-button--outline-white:hover{color:var(--hds-brand-colors-light);fill:var(--hds-brand-colors-light)}.kp-decorator-header-and-footer .hds-button.hds-button--outline-white:active{color:var(--hds-brand-colors-light);fill:var(--hds-brand-colors-light)}.kp-decorator-header-and-footer .hds-button:disabled.hds-button--primary{color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);background-color:var(--hds-ui-colors-grey);border-color:var(--hds-ui-colors-grey);box-shadow:none;cursor:default;outline:0}.kp-decorator-header-and-footer .hds-button:disabled.hds-button--secondary{color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);background-color:var(--hds-ui-colors-grey);border-color:var(--hds-ui-colors-grey);box-shadow:none;cursor:default;outline:0}.kp-decorator-header-and-footer .hds-button:disabled.hds-button--outline-primary{border-color:var(--hds-ui-colors-grey);color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);cursor:default;background-color:transparent}.kp-decorator-header-and-footer .hds-button:disabled.hds-button--outline-secondary{border-color:var(--hds-ui-colors-grey);color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);cursor:default;background-color:transparent}.kp-decorator-header-and-footer .hds-button[disabled].hds-button--primary{color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);background-color:var(--hds-ui-colors-grey);border-color:var(--hds-ui-colors-grey);box-shadow:none;cursor:default;outline:0}.kp-decorator-header-and-footer .hds-button[disabled].hds-button--secondary{color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);background-color:var(--hds-ui-colors-grey);border-color:var(--hds-ui-colors-grey);box-shadow:none;cursor:default;outline:0}.kp-decorator-header-and-footer .hds-button[disabled].hds-button--outline-primary{border-color:var(--hds-ui-colors-grey);color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);cursor:default;background-color:transparent}.kp-decorator-header-and-footer .hds-button[disabled].hds-button--outline-secondary{border-color:var(--hds-ui-colors-grey);color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);cursor:default;background-color:transparent}.kp-decorator-header-and-footer .hds-button[disabled]:active.hds-button--primary{color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);background-color:var(--hds-ui-colors-grey);border-color:var(--hds-ui-colors-grey);box-shadow:none;cursor:default;outline:0}.kp-decorator-header-and-footer .hds-button[disabled]:active.hds-button--secondary{color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);background-color:var(--hds-ui-colors-grey);border-color:var(--hds-ui-colors-grey);box-shadow:none;cursor:default;outline:0}.kp-decorator-header-and-footer .hds-button[disabled]:active.hds-button--outline-primary{border-color:var(--hds-ui-colors-grey);color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);cursor:default;background-color:transparent}.kp-decorator-header-and-footer .hds-button[disabled]:active.hds-button--outline-secondary{border-color:var(--hds-ui-colors-grey);color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);cursor:default;background-color:transparent}.kp-decorator-header-and-footer .hds-button.hds-button--icon-only{justify-content:center;align-items:center;padding:0;display:inline-flex}.kp-decorator-header-and-footer .hds-button.hds-button--icon-only.hds-button--small{width:44px;height:44px}.kp-decorator-header-and-footer .hds-button.hds-button--icon-only.hds-button--small *{width:24px;height:24px}.kp-decorator-header-and-footer .hds-button.hds-button--icon-only.hds-button--medium{width:50px;height:50px}.kp-decorator-header-and-footer .hds-button.hds-button--icon-only.hds-button--medium *{width:32px;height:32px}.kp-decorator-header-and-footer .hds-button.hds-button--icon-only.hds-button--large{width:58px;height:58px}.kp-decorator-header-and-footer .hds-button.hds-button--icon-only.hds-button--large *{width:32px;height:32px}.kp-decorator-header-and-footer .hds-link{border-bottom:var(--hds-stroke-default)solid var(--hds-brand-link-colors-underline);fill:var(--hds-brand-link-colors-text);color:var(--hds-brand-link-colors-text);transition:all var(--hds-micro-animation-duration-quick)var(--hds-micro-animation-easing-normal);cursor:pointer;text-decoration:none}.kp-decorator-header-and-footer .hds-link:hover{color:var(--hds-brand-link-colors-hover);fill:var(--hds-brand-link-colors-hover);border-color:var(--hds-brand-link-colors-underline-hover)}.kp-decorator-header-and-footer .hds-link:hover .hds-link__text{border-color:var(--hds-brand-link-colors-underline-hover)}.kp-decorator-header-and-footer .hds-link:active{color:var(--hds-brand-link-colors-hover);fill:var(--hds-brand-link-colors-hover);border-color:var(--hds-brand-link-colors-underline-hover)}.kp-decorator-header-and-footer .hds-link:active .hds-link__text{border-color:var(--hds-brand-link-colors-underline-hover)}.kp-decorator-header-and-footer .hds-link.hds-link--inverted{color:var(--hds-ui-colors-white);-webkit-text-decoration-color:var(--hds-brand-colors-signature);-webkit-text-decoration-color:var(--hds-brand-colors-signature);text-decoration-color:var(--hds-brand-colors-signature);border-color:currentColor}.kp-decorator-header-and-footer .hds-link.hds-link--inverted:hover{color:var(--hds-brand-colors-light);border-color:currentColor}.kp-decorator-header-and-footer .hds-link.hds-link--inverted:active{color:var(--hds-brand-colors-light);border-color:currentColor}.kp-decorator-header-and-footer .hds-link.hds-link--inverted:disabled{color:var(--hds-ui-colors-dark-grey);fill:currentColor;cursor:default;border-color:currentColor;box-shadow:none!important;outline:0!important}.kp-decorator-header-and-footer .hds-link.hds-link--small{font:var(--hds-typography-body-small)}.kp-decorator-header-and-footer .hds-link.hds-link--large{font:var(--hds-typography-header-h3)}.kp-decorator-header-and-footer .hds-link.hds-link--no-underline{font-family:var(--hds-fonts-posten-sans-medium);color:var(--hds-brand-colors-dark);border-bottom:none;text-decoration:none}.kp-decorator-header-and-footer .hds-link.hds-link--no-underline:hover{color:var(--hds-brand-colors-dark);text-decoration:underline;-webkit-text-decoration-color:var(--hds-brand-colors-dark);-webkit-text-decoration-color:var(--hds-brand-colors-dark);text-decoration-color:var(--hds-brand-colors-dark);border-bottom:none}.kp-decorator-header-and-footer .hds-link.hds-link--solid{color:var(--hds-ui-colors-black);border-color:var(--hds-ui-colors-black)}.kp-decorator-header-and-footer .hds-link.hds-link--solid:hover{color:var(--hds-ui-colors-black-hover);border-color:var(--hds-ui-colors-black-hover)}.kp-decorator-header-and-footer .hds-link.hds-link--solid:active{color:var(--hds-ui-colors-black-hover);border-color:var(--hds-ui-colors-black-hover)}.kp-decorator-header-and-footer .hds-link:-webkit-any(button){background:0 0;border-top:0;border-left:0;border-right:0;padding:0}.kp-decorator-header-and-footer .hds-link:is(button){background:0 0;border-top:0;border-left:0;border-right:0;padding:0}.kp-decorator-header-and-footer .hds-link:-webkit-any(button):not(:-webkit-any(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.kp-decorator-header-and-footer .hds-link:is(button):not(:is(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.kp-decorator-header-and-footer .hds-badge{border:var(--hds-stroke-default)solid var(--hds-brand-colors-lighter);border-radius:var(--hds-border-radius);text-transform:uppercase;font-size:12px;line-height:1.1;font-family:var(--hds-fonts-posten-sans-medium);-moz-osx-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:subpixel-antialiased;vertical-align:10%;display:inline-block}.kp-decorator-header-and-footer .hds-badge{padding:var(--hds-spacing-small-1)var(--hds-spacing-small-2)}.kp-decorator-header-and-footer .hds-badge.hds-badge--small{padding:var(--hds-spacing-small-1)var(--hds-spacing-small-2)}.kp-decorator-header-and-footer .hds-badge.hds-badge--smaller{padding:2px var(--hds-spacing-small-1)}.kp-decorator-header-and-footer .hds-badge{background-color:var(--hds-brand-colors-lighter);border-color:var(--hds-brand-colors-lighter);color:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-badge.hds-badge--primary{background-color:var(--hds-brand-colors-lighter);border-color:var(--hds-brand-colors-lighter);color:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-badge.hds-badge--dark{background-color:var(--hds-brand-colors-darker);border-color:var(--hds-brand-colors-darker);color:var(--hds-ui-colors-white)}.kp-decorator-header-and-footer .hds-badge.hds-badge--white{background-color:var(--hds-ui-colors-white);border-color:var(--hds-ui-colors-white);color:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-badge.hds-badge--warning{background-color:var(--hds-ui-colors-warning-yellow);border-color:var(--hds-ui-colors-warning-yellow);color:var(--hds-brand-link-colors-text)}.kp-decorator-header-and-footer .hds-description-list{font:var(--hds-typography-body);margin:0;padding-left:0;list-style:none}.kp-decorator-header-and-footer .hds-description-list dt{font-family:var(--hds-fonts-posten-sans-bold)}.kp-decorator-header-and-footer .hds-description-list dd{margin-left:0;margin-bottom:var(--hds-spacing-small-3)}.kp-decorator-header-and-footer .hds-description-list.hds-description-list--horizontal dt{margin-right:var(--hds-spacing-small-1);margin-bottom:var(--hds-spacing-small-2);display:inline-block}.kp-decorator-header-and-footer .hds-description-list.hds-description-list--horizontal dt:after{content:"\a ";white-space:pre}.kp-decorator-header-and-footer .hds-description-list.hds-description-list--horizontal dd{display:inline}.kp-decorator-header-and-footer .hds-description-list.hds-description-list--horizontal dd:after{content:"\a ";white-space:pre}.kp-decorator-header-and-footer .hds-list{padding-left:var(--hds-spacing-medium-3);flex-direction:column;margin:0;display:flex}.kp-decorator-header-and-footer .hds-list li{padding-left:var(--hds-spacing-small-2)}.kp-decorator-header-and-footer .hds-list li::marker{color:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-list:is(ol){list-style:decimal}.kp-decorator-header-and-footer .hds-list:is(ul){list-style:disc}.kp-decorator-header-and-footer .hds-list.hds-list--no-bullets{padding-left:0;list-style:none}.kp-decorator-header-and-footer .hds-list.hds-list--no-bullets li{padding-left:0}.kp-decorator-header-and-footer .hds-list.hds-list--small{font:var(--hds-typography-body-small);gap:var(--hds-spacing-small-1)}.kp-decorator-header-and-footer .hds-list{gap:var(--hds-spacing-small-2)}.kp-decorator-header-and-footer .hds-list.hds-list--medium{gap:var(--hds-spacing-small-2)}.kp-decorator-header-and-footer .hds-list.hds-list--large{font:var(--hds-typography-header-h3);gap:var(--hds-spacing-small-3)}.kp-decorator-header-and-footer .hds-typography-h2-display{font:var(--hds-brand-typography-h1-display)}.kp-decorator-header-and-footer .hds-typography-h1{font:var(--hds-brand-typography-h1)}.kp-decorator-header-and-footer .hds-typography-h1.hds-typography-h1--spacing{margin-top:var(--hds-spacing-large-2)}.kp-decorator-header-and-footer .hds-typography-h2{font:var(--hds-brand-typography-h2)}.kp-decorator-header-and-footer .hds-typography-h2.hds-typography-h2--spacing{margin-top:var(--hds-spacing-large-2)}.kp-decorator-header-and-footer .hds-typography-h1~.hds-typography-h2.hds-typography-h2--spacing{margin-top:var(--hds-spacing-medium-3)}.kp-decorator-header-and-footer .hds-typography-h3{font:var(--hds-typography-header-h3)}.kp-decorator-header-and-footer .hds-typography-h3.hds-typography-h3--title{font:var(--hds-typography-header-h3-title)}.kp-decorator-header-and-footer .hds-typography-h3.hds-typography-h3--spacing{margin-top:var(--hds-spacing-large-2)}.kp-decorator-header-and-footer .hds-typography-body{font:var(--hds-typography-body)}.kp-decorator-header-and-footer .hds-typography-body.hds-typography-body--title{font:var(--hds-typography-body-title)}.kp-decorator-header-and-footer .hds-typography-body.hds-typography-body--spacing{margin-top:var(--hds-spacing-medium-2)}.kp-decorator-header-and-footer .hds-typography-body-small{font:var(--hds-typography-body-small)}.kp-decorator-header-and-footer .hds-typography-body-small.hds-typography-body-small--title{font:var(--hds-typography-body-small-title)}.kp-decorator-header-and-footer .hds-typography-body-small.hds-typography-body-small--spacing{margin-top:var(--hds-spacing-medium-2)}.kp-decorator-header-and-footer .hds-typography-caption{font:var(--hds-typography-caption)}.kp-decorator-header-and-footer .hds-typography-caption.hds-typography-caption--title{font:var(--hds-typography-caption-title)}.kp-decorator-header-and-footer .hds-typography-caption.hds-typography-caption--spacing{margin-top:var(--hds-spacing-medium-2)}.kp-decorator-header-and-footer .hds-typography-technical{font:var(--hds-typography-technical)}.kp-decorator-header-and-footer .hds-typography-technical.hds-typography-technical--title{font:var(--hds-typography-technical-title)}.kp-decorator-header-and-footer .hds-typography-technical.hds-typography-technical--spacing{margin-top:var(--hds-spacing-small-1)}@media (min-width:940px){.kp-decorator-header-and-footer .hds-typography-technical.hds-typography-technical--spacing{margin-top:var(--hds-spacing-small-2)}}.kp-decorator-header-and-footer .hds-box{border-radius:var(--hds-border-radius);--hds-component-box-padding:var(--hds-spacing-medium-2);padding:var(--hds-component-box-padding);position:relative}.kp-decorator-header-and-footer .hds-box{background-color:var(--hds-ui-colors-light-grey-fill)}.kp-decorator-header-and-footer .hds-box.hds-box--light-grey{background-color:var(--hds-ui-colors-light-grey-fill)}.kp-decorator-header-and-footer .hds-box.hds-box--lighter{background-color:var(--hds-brand-colors-lighter)}.kp-decorator-header-and-footer .hds-box.hds-box--white{background-color:var(--hds-ui-colors-white);box-shadow:var(--hds-shadow-default)}.kp-decorator-header-and-footer .hds-box.hds-box--warning{background-color:var(--hds-ui-colors-warning-yellow)}@media (min-width:720px){.kp-decorator-header-and-footer .hds-box{--hds-component-box-padding:var(--hds-spacing-medium-3)}}.kp-decorator-header-and-footer .hds-box.hds-box--closed{display:none}.kp-decorator-header-and-footer .hds-box .hds-box__close-button{top:var(--hds-spacing-small-4);right:var(--hds-spacing-small-4);cursor:pointer;transition:filter var(--hds-micro-animation-duration-quick)var(--hds-micro-animation-easing-normal);background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M13.1602 12.25L16.7812 8.66406L17.5195 7.92578C17.625 7.82031 17.625 7.64453 17.5195 7.50391L16.7461 6.73047C16.6055 6.625 16.4297 6.625 16.3242 6.73047L12 11.0898L7.64062 6.73047C7.53516 6.625 7.35938 6.625 7.21875 6.73047L6.44531 7.50391C6.33984 7.64453 6.33984 7.82031 6.44531 7.92578L10.8047 12.25L6.44531 16.6094C6.33984 16.7148 6.33984 16.8906 6.44531 17.0312L7.21875 17.8047C7.35938 17.9102 7.53516 17.9102 7.64062 17.8047L12 13.4453L15.5859 17.0664L16.3242 17.8047C16.4297 17.9102 16.6055 17.9102 16.7461 17.8047L17.5195 17.0312C17.625 16.8906 17.625 16.7148 17.5195 16.6094L13.1602 12.25Z\" fill=\"black\"/></svg>");border:none;width:24px;height:24px;padding:0;position:absolute}.kp-decorator-header-and-footer .hds-box .hds-box__close-button:hover{filter:invert(40%)}.kp-decorator-header-and-footer .hds-box .hds-box__close-button:active{box-shadow:0 0 0 2px var(--hds-ui-colors-black-hover);outline:none}.kp-decorator-header-and-footer .hds-box.hds-message{--hds-component-message-icon-width:var(--hds-spacing-medium-3);--hds-component-message-spacing-between:var(--hds-spacing-small-4);--hds-component-message-padding:var(--hds-component-box-padding);padding-left:calc(var(--hds-component-message-padding) + var(--hds-component-message-icon-width) + var(--hds-component-message-spacing-between))}@media (min-width:720px){.kp-decorator-header-and-footer .hds-box.hds-message{--hds-component-message-spacing-between:var(--hds-spacing-medium-2)}}.kp-decorator-header-and-footer .hds-box.hds-message:before{content:"";top:var(--hds-component-message-padding);left:var(--hds-component-message-padding);width:var(--hds-component-message-icon-width);height:var(--hds-component-message-icon-width);position:absolute}.kp-decorator-header-and-footer .hds-box.hds-message.hds-message--success{background-color:var(--hds-ui-colors-light-grey-fill)}.kp-decorator-header-and-footer .hds-box.hds-message.hds-message--success:before{background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\"><path d=\"M27.6412 7.54758C28.3713 8.22153 28.3713 9.40094 27.6412 10.0749L13.2636 24.4524C12.5897 25.1825 11.4103 25.1825 10.7363 24.4524L3.54758 17.2637C2.81747 16.5897 2.81747 15.4103 3.54758 14.7363C4.22153 14.0062 5.40094 14.0062 6.07488 14.7363L11.9719 20.6334L25.1139 7.54758C25.7878 6.81747 26.9672 6.81747 27.6412 7.54758Z\" fill=\"%237BC144\"/></svg>")}.kp-decorator-header-and-footer .hds-box.hds-message.hds-message--attention{background-color:var(--hds-ui-colors-warning-yellow-light-fill)}.kp-decorator-header-and-footer .hds-box.hds-message.hds-message--attention:before{background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\"><path d=\"M29.0323 23.7656C29.8537 25.2031 28.8269 27 27.1327 27H5.21084C3.51664 27 2.48986 25.2031 3.25994 23.7656L14.2466 5.07812C14.7086 4.35938 15.4274 4 16.1974 4C16.9162 4 17.6349 4.35938 18.097 5.07812L29.0323 23.7656ZM5.72423 24.5357H26.6193L16.1461 6.72098L5.72423 24.5357ZM16.1974 19.7098C17.0702 19.7098 17.789 20.4286 17.789 21.3013C17.789 22.1741 17.0702 22.8929 16.1974 22.8929C15.2733 22.8929 14.5546 22.1741 14.5546 21.3013C14.5546 20.4286 15.2733 19.7098 16.1974 19.7098ZM14.9653 11.8036C14.9653 11.1362 15.4787 10.5714 16.1974 10.5714C16.8649 10.5714 17.4296 11.1362 17.4296 11.8036V16.7321C17.4296 17.4509 16.8649 17.9643 16.1974 17.9643C15.4787 17.9643 14.9653 17.4509 14.9653 16.7321V11.8036Z\" fill=\"black\"/></svg>")}.kp-decorator-header-and-footer .hds-box.hds-message.hds-message--warning{background-color:var(--hds-ui-colors-warning-yellow)}.kp-decorator-header-and-footer .hds-box.hds-message.hds-message--warning:before{background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\"><rect x=\"12\" y=\"10\" width=\"8\" height=\"14.6667\" rx=\"4\" fill=\"%23FDBB2F\"/><path d=\"M29.0094 24.7656C29.8308 26.2031 28.804 28 27.1098 28H5.18794C3.49374 28 2.46695 26.2031 3.28838 24.7656L14.275 6.07812C15.0964 4.64062 17.2013 4.64062 18.0741 6.07812L29.0094 24.7656ZM14.9424 11.9821V18.5536C14.9424 19.2723 15.5585 19.7857 16.1745 19.7857C16.842 19.7857 17.4067 19.2723 17.4067 18.5536V11.9821C17.4067 11.3147 16.842 10.75 16.1745 10.75C15.4558 10.75 14.9424 11.3147 14.9424 11.9821ZM16.1745 24.7143C17.0473 24.7143 17.7661 23.9955 17.7661 23.1228C17.7661 22.25 17.0473 21.5312 16.1745 21.5312C15.2504 21.5312 14.5317 22.25 14.5317 23.1228C14.5317 23.9955 15.2504 24.7143 16.1745 24.7143Z\" fill=\"black\"/></svg>")}.kp-decorator-header-and-footer .hds-box.hds-message.hds-message--neutral{background-color:var(--hds-ui-colors-light-grey-fill)}.kp-decorator-header-and-footer .hds-box.hds-message.hds-message--neutral .hds-message--neutral__icon{top:var(--hds-component-message-padding);left:var(--hds-component-message-padding);width:var(--hds-component-message-icon-width);position:absolute}.kp-decorator-header-and-footer .hds-box.hds-message .hds-message__title{margin:0}.kp-decorator-header-and-footer .hds-box.hds-message .hds-message__description{margin:0}.kp-decorator-header-and-footer .hds-box.hds-message :is(.hds-message__title,.hds-message__description):first-of-type{margin-top:2px}.kp-decorator-header-and-footer .hds-box.hds-message .hds-message__title{font:var(--hds-typography-body-title)}.kp-decorator-header-and-footer .hds-box.hds-message .hds-message__title~.hds-message__description{margin-top:var(--hds-spacing-small-3)}@media (min-width:940px){.kp-decorator-header-and-footer .hds-box.hds-message .hds-message__title~.hds-message__description{margin-top:var(--hds-spacing-small-4)}}.kp-decorator-header-and-footer .hds-input{gap:var(--hds-spacing-small-1);flex-flow:column;display:flex}.kp-decorator-header-and-footer .hds-input.hds-input--error .hds-input__input{border-bottom:var(--hds-stroke-thick)solid var(--hds-ui-colors-warning-yellow);margin-bottom:calc(var(--hds-stroke-thick) - var(--hds-stroke-default));position:relative}.kp-decorator-header-and-footer .hds-input.hds-input--error .hds-input__input:focus{border-bottom:var(--hds-stroke-thick)solid var(--hds-ui-colors-warning-yellow);margin-bottom:calc(var(--hds-stroke-thick) - var(--hds-stroke-default));position:relative}.kp-decorator-header-and-footer .hds-input.hds-input--lined.hds-input--error .hds-input__input{border-bottom:var(--hds-stroke-thick)solid var(--hds-ui-colors-warning-yellow);margin-bottom:calc(var(--hds-stroke-thick) - var(--hds-stroke-default));position:relative}.kp-decorator-header-and-footer .hds-input.hds-input--lined.hds-input--error .hds-input__input:focus{border-bottom:var(--hds-stroke-thick)solid var(--hds-ui-colors-warning-yellow);margin-bottom:calc(var(--hds-stroke-thick) - var(--hds-stroke-default));position:relative}.kp-decorator-header-and-footer .hds-input.hds-input--default .hds-input__input{background-color:var(--hds-ui-colors-light-grey-fill)}.kp-decorator-header-and-footer .hds-input.hds-input--white .hds-input__input{background-color:var(--hds-ui-colors-white)}.kp-decorator-header-and-footer .hds-input.hds-input--lined .hds-input__input{border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-grey);padding-left:0;padding-top:var(--hds-spacing-small-1);padding-bottom:var(--hds-spacing-small-3);background:0 0;border-radius:0}.kp-decorator-header-and-footer .hds-input:focus-within .hds-input__label{color:var(--hds-brand-colors-darker)}.kp-decorator-header-and-footer .hds-input .hds-input__label{transition:color var(--hds-micro-animation-duration-normal)var(--hds-micro-animation-easing-normal);font:var(--hds-typography-caption);order:1}.kp-decorator-header-and-footer .hds-input .hds-input__input{color:var(--hds-ui-colors-black);padding:var(--hds-spacing-small-4);font:var(--hds-typography-body-small);border:var(--hds-stroke-default)solid transparent;border-radius:var(--hds-border-radius);transition:border margin var(--hds-micro-animation-duration-normal)var(--hds-micro-animation-easing-normal);box-sizing:border-box;order:2;width:100%;line-height:normal;position:relative}.kp-decorator-header-and-footer .hds-input .hds-input__input::placeholder{color:var(--hds-ui-colors-dark-grey);opacity:1}.kp-decorator-header-and-footer .hds-input .hds-input__input::placeholder{color:var(--hds-ui-colors-dark-grey);opacity:1}.kp-decorator-header-and-footer .hds-input .hds-input__input:focus{border-bottom:var(--hds-stroke-default)solid var(--hds-brand-colors-darker);outline:0}.kp-decorator-header-and-footer .hds-input .hds-input__input:focus::placeholder{color:var(--hds-ui-colors-grey)}.kp-decorator-header-and-footer .hds-input .hds-input__input:focus::placeholder{color:var(--hds-ui-colors-grey)}.kp-decorator-header-and-footer .hds-input .hds-input__input:disabled{color:var(--hds-ui-colors-dark-grey);background-color:var(--hds-ui-colors-grey);border:var(--hds-stroke-default)solid var(--hds-ui-colors-grey)}.kp-decorator-header-and-footer .hds-input .hds-input__input:read-only{color:var(--hds-ui-colors-dark-grey);background-color:var(--hds-ui-colors-grey);border:var(--hds-stroke-default)solid var(--hds-ui-colors-grey)}.kp-decorator-header-and-footer .hds-input .hds-input__input:read-only:focus{border-bottom-color:var(--hds-brand-colors-darker)}.kp-decorator-header-and-footer .hds-input .hds-input__error-message{font:var(--hds-typography-caption-title);color:var(--hds-ui-colors-dark-grey);padding:var(--hds-spacing-small-1)0 0 var(--hds-spacing-small-4);order:3}.kp-decorator-header-and-footer .hds-accordion{--hds-accordion-icon-dimension:24px;--hds-component-accordion-trigger-spacing-between:var(--hds-spacing-small-4);--hds-component-accordion-content-spacing:var(--hds-spacing-medium-3);border:none;border-bottom:var(--hds-stroke-thick)solid var(--hds-ui-colors-light-grey-fill);font:var(--hds-typography-body);fill:var(--hds-ui-colors-black);color:var(--hds-ui-colors-black);display:block}@media (min-width:720px){.kp-decorator-header-and-footer .hds-accordion{--hds-component-accordion-content-spacing:var(--hds-spacing-large-1);--hds-component-accordion-trigger-spacing-between:var(--hds-spacing-medium-2)}}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item{overflow:hidden}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item.hds-accordion-item__expanded .hds-accordion-item-trigger{color:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item:first-child .hds-accordion-item-trigger{border:0}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-trigger{cursor:pointer;grid-gap:var(--hds-spacing-small-4);padding:var(--hds-component-accordion-trigger-spacing-between)0;border:0;border-top:var(--hds-stroke-thick)solid var(--hds-ui-colors-light-grey-fill);text-align:left;font:var(--hds-typography-body);background-color:transparent;grid-template-columns:24px auto;width:100%;display:grid}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-trigger:hover{color:var(--hds-brand-colors-dark);outline:0}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-trigger .hds-accordion-item-trigger--icon{color:var(--hds-brand-colors-dark);width:var(--hds-accordion-icon-dimension);height:var(--hds-accordion-icon-dimension);transition:all 50ms;display:inline-block}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-trigger .hds-accordion-item-trigger--icon .hds-accordion-item-trigger--icon-chevron{color:var(--hds-brand-colors-dark);fill:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-trigger .hds-accordion-item-trigger--icon .hds-accordion-item-trigger--icon-chevron-down{color:var(--hds-brand-colors-dark);fill:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-trigger .hds-accordion-item-trigger--icon svg{vertical-align:baseline}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-trigger.hds-accordion-item-trigger--open .hds-accordion-item-trigger--icon svg{transform:rotate(180deg)}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-content{padding:0 0 var(--hds-component-accordion-content-spacing)var(--hds-spacing-medium-4);font:var(--hds-typography-body-small)}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-content.hds-accordion-item-content--closed{display:none}.kp-decorator-header-and-footer .hds-modal{border:none;border-radius:0;min-width:100%;max-width:100%}.kp-decorator-header-and-footer .hds-modal::-webkit-backdrop{background-color:rgba(0,0,0,.4);animation:.3s cubic-bezier(.45,.1,.65,1) hds-modal-fade-in}.kp-decorator-header-and-footer .hds-modal::-ms-backdrop{background-color:rgba(0,0,0,.4);animation:.3s cubic-bezier(.45,.1,.65,1) hds-modal-fade-in}.kp-decorator-header-and-footer .hds-modal::-ms-backdrop{background-color:rgba(0,0,0,.4);animation:.3s cubic-bezier(.45,.1,.65,1) hds-modal-fade-in}.kp-decorator-header-and-footer .hds-modal::backdrop{background-color:rgba(0,0,0,.4);animation:.3s cubic-bezier(.45,.1,.65,1) hds-modal-fade-in}.kp-decorator-header-and-footer .hds-modal[open]{-webkit-animation:hds-modal-fade-in var(--hds-micro-animation-duration-normal)var(--hds-micro-animation-easing-in);animation:hds-modal-fade-in var(--hds-micro-animation-duration-normal)var(--hds-micro-animation-easing-in)}@media (min-width:720px){.kp-decorator-header-and-footer .hds-modal{border-radius:var(--hds-border-radius);min-width:720px;max-width:min(720px,100% - 6px - 2em)}}.kp-decorator-header-and-footer .hds-modal .hds-modal__header{margin:0}.kp-decorator-header-and-footer .hds-modal .hds-modal__header{font:var(--hds-typography-body-title);padding-right:16px}.kp-decorator-header-and-footer .hds-breadcrumbs{--hds-breadcrumb-image-left:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"> <path d=\"M11.0404 13.9322L11.3917 13.5887C11.462 13.4983 11.462 13.3537 11.3917 13.2814L8.21212 9.99096L11.3917 6.71864C11.462 6.64633 11.462 6.50169 11.3917 6.4113L11.0404 6.0678C10.9526 5.9774 10.8296 5.9774 10.7418 6.0678L7.0527 9.84633C6.98243 9.93672 6.98243 10.0633 7.0527 10.1537L10.7418 13.9322C10.8296 14.0226 10.9526 14.0226 11.0404 13.9322Z\" fill=\"black\"/></svg>");--hds-breadcrumb-image-right:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M7.9596 6.0678L7.60826 6.4113C7.53799 6.50169 7.53799 6.64633 7.60826 6.71864L10.7879 10.009L7.60826 13.2814C7.53799 13.3537 7.53799 13.4983 7.60826 13.5887L7.9596 13.9322C8.04743 14.0226 8.1704 14.0226 8.25823 13.9322L11.9473 10.1537C12.0176 10.0633 12.0176 9.93672 11.9473 9.84633L8.25823 6.0678C8.1704 5.9774 8.04743 5.9774 7.9596 6.0678Z\" fill=\"%236E6E6E\"/></svg>");padding:0;list-style-type:none;display:flex}.kp-decorator-header-and-footer .hds-breadcrumbs{font:var(--hds-typography-caption)}.kp-decorator-header-and-footer .hds-breadcrumbs a{font:var(--hds-typography-caption)}.kp-decorator-header-and-footer .hds-breadcrumbs li .hds-link{padding-bottom:2px}.kp-decorator-header-and-footer .hds-breadcrumbs li:first-child:before{display:none}.kp-decorator-header-and-footer .hds-breadcrumbs li:last-child{color:var(--hds-ui-colors-dark-grey)}.kp-decorator-header-and-footer .hds-breadcrumbs li:before{background-image:var(--hds-breadcrumb-image-right);margin:0 var(--hds-spacing-small-1);width:20px;height:20px;display:inline-block}@media (max-width:719.999px){.kp-decorator-header-and-footer .hds-breadcrumbs li:not(:only-child){display:none}.kp-decorator-header-and-footer .hds-breadcrumbs li:nth-last-of-type(2){display:inherit}.kp-decorator-header-and-footer .hds-breadcrumbs li:nth-last-of-type(2):before{background-image:var(--hds-breadcrumb-image-left);margin-left:0;display:inline-block}}@keyframes hds-modal-fade-in{0%{opacity:0}to{opacity:1}}
|
|
1
|
+
.kp-decorator-header-and-footer :root{box-sizing:border-box;font:var(--hds-typography-body);fill:var(--hds-ui-colors-black);color:var(--hds-ui-colors-black);cursor:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;line-height:1.4}.kp-decorator-header-and-footer :root body{background:var(--hds-ui-colors-white)}.kp-decorator-header-and-footer :root h1{font-family:var(--hds-fonts-posten-sans)}.kp-decorator-header-and-footer :root h2{font-family:var(--hds-fonts-posten-sans)}.kp-decorator-header-and-footer :root h3{font-family:var(--hds-fonts-posten-sans)}.kp-decorator-header-and-footer :root h4{font-family:var(--hds-fonts-posten-sans)}.kp-decorator-header-and-footer :root h5{font-family:var(--hds-fonts-posten-sans)}.kp-decorator-header-and-footer :root h6{font-family:var(--hds-fonts-posten-sans)}.kp-decorator-header-and-footer .hds-button{--hds-component-button-border-width:0px;-webkit-font-smoothing:antialiased;-webkit-appearance:button;-ms-appearance:button;appearance:button;box-sizing:border-box;border-radius:var(--hds-border-radius);border-style:solid;border-width:var(--hds-component-button-border-width);transition:all var(--hds-micro-animation-duration-quick)var(--hds-micro-animation-easing-normal);cursor:pointer;word-break:normal;font:var(--hds-typography-body-small-title);text-decoration:none;display:inline-block}.kp-decorator-header-and-footer .hds-button.hds-button--small{--hds-component-button-small-y-padding:10px;font-size:var(--hds-font-size-technical-title-max);line-height:var(--hds-line-height-technical-title-max);padding:calc(var(--hds-component-button-small-y-padding) - var(--hds-component-button-border-width))calc(var(--hds-spacing-small-4) - var(--hds-component-button-border-width));height:44px}.kp-decorator-header-and-footer .hds-button.hds-button--medium{font-size:var(--hds-font-size-body-small-title-max);line-height:var(--hds-line-height-body-small-title-max);padding:calc(var(--hds-spacing-small-3) - var(--hds-component-button-border-width))calc(var(--hds-spacing-medium-1) - var(--hds-component-button-border-width));height:50px}.kp-decorator-header-and-footer .hds-button.hds-button--large{font-size:var(--hds-font-size-body-small-title-max);line-height:var(--hds-line-height-body-small-title-max);padding:calc(var(--hds-spacing-small-4) - var(--hds-component-button-border-width))calc(var(--hds-spacing-medium-2) - var(--hds-component-button-border-width));height:58px}.kp-decorator-header-and-footer .hds-button.hds-button--full{width:100%}.kp-decorator-header-and-footer .hds-button.hds-button--mobile-full{width:100%}@media (min-width:720px){.kp-decorator-header-and-footer .hds-button.hds-button--mobile-full{width:unset}}.kp-decorator-header-and-footer .hds-button.hds-button--primary{background-color:var(--hds-brand-colors-signature);color:var(--hds-brand-button-colors-text);fill:var(--hds-brand-button-colors-text)}.kp-decorator-header-and-footer .hds-button.hds-button--primary:hover{background-color:var(--hds-brand-colors-signature-hover);outline:0 solid var(--hds-brand-colors-signature-hover)}.kp-decorator-header-and-footer .hds-button.hds-button--primary:active{background-color:var(--hds-brand-colors-signature);outline:0 solid var(--hds-brand-colors-signature-hover)}.kp-decorator-header-and-footer .hds-button.hds-button--secondary{background-color:var(--hds-brand-colors-darker);color:var(--hds-ui-colors-white);fill:var(--hds-ui-colors-white)}.kp-decorator-header-and-footer .hds-button.hds-button--secondary:hover{background-color:var(--hds-ui-colors-black);outline:0 solid var(--hds-ui-colors-black)}.kp-decorator-header-and-footer .hds-button.hds-button--secondary:active{background-color:var(--hds-brand-colors-darker);outline:0 solid var(--hds-ui-colors-black)}.kp-decorator-header-and-footer .hds-button.hds-button--outline-primary{--hds-component-button-border-width:var(--hds-stroke-thick);border-color:var(--hds-brand-colors-signature);color:var(--hds-ui-colors-black);fill:var(--hds-ui-colors-black);outline-offset:3px;background-color:transparent}.kp-decorator-header-and-footer .hds-button.hds-button--outline-primary:hover{color:var(--hds-brand-colors-dark);fill:var(--hds-brand-colors-dark);border-color:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-button.hds-button--outline-primary:active{color:var(--hds-brand-colors-dark);fill:var(--hds-brand-colors-dark);border-color:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-button.hds-button--outline-secondary{--hds-component-button-border-width:var(--hds-stroke-thick);border-color:var(--hds-brand-colors-darker);color:var(--hds-brand-colors-darker);fill:var(--hds-brand-colors-darker);outline-offset:3px;background-color:transparent}.kp-decorator-header-and-footer .hds-button.hds-button--outline-secondary:hover{color:var(--hds-ui-colors-black);fill:var(--hds-ui-colors-black);border-color:var(--hds-ui-colors-black)}.kp-decorator-header-and-footer .hds-button.hds-button--outline-secondary:active{color:var(--hds-ui-colors-black);fill:var(--hds-ui-colors-black);border-color:var(--hds-ui-colors-black)}.kp-decorator-header-and-footer .hds-button.hds-button--outline-white{--hds-component-button-border-width:var(--hds-stroke-thick);border-color:var(--hds-brand-colors-light);color:var(--hds-ui-colors-white);fill:var(--hds-ui-colors-white);outline-offset:3px;background-color:transparent}.kp-decorator-header-and-footer .hds-button.hds-button--outline-white:hover{color:var(--hds-brand-colors-light);fill:var(--hds-brand-colors-light)}.kp-decorator-header-and-footer .hds-button.hds-button--outline-white:active{color:var(--hds-brand-colors-light);fill:var(--hds-brand-colors-light)}.kp-decorator-header-and-footer .hds-button:disabled.hds-button--primary{color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);background-color:var(--hds-ui-colors-grey);border-color:var(--hds-ui-colors-grey);box-shadow:none;cursor:default;outline:0}.kp-decorator-header-and-footer .hds-button:disabled.hds-button--secondary{color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);background-color:var(--hds-ui-colors-grey);border-color:var(--hds-ui-colors-grey);box-shadow:none;cursor:default;outline:0}.kp-decorator-header-and-footer .hds-button:disabled.hds-button--outline-primary{border-color:var(--hds-ui-colors-grey);color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);cursor:default;background-color:transparent}.kp-decorator-header-and-footer .hds-button:disabled.hds-button--outline-secondary{border-color:var(--hds-ui-colors-grey);color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);cursor:default;background-color:transparent}.kp-decorator-header-and-footer .hds-button[disabled].hds-button--primary{color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);background-color:var(--hds-ui-colors-grey);border-color:var(--hds-ui-colors-grey);box-shadow:none;cursor:default;outline:0}.kp-decorator-header-and-footer .hds-button[disabled].hds-button--secondary{color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);background-color:var(--hds-ui-colors-grey);border-color:var(--hds-ui-colors-grey);box-shadow:none;cursor:default;outline:0}.kp-decorator-header-and-footer .hds-button[disabled].hds-button--outline-primary{border-color:var(--hds-ui-colors-grey);color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);cursor:default;background-color:transparent}.kp-decorator-header-and-footer .hds-button[disabled].hds-button--outline-secondary{border-color:var(--hds-ui-colors-grey);color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);cursor:default;background-color:transparent}.kp-decorator-header-and-footer .hds-button[disabled]:active.hds-button--primary{color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);background-color:var(--hds-ui-colors-grey);border-color:var(--hds-ui-colors-grey);box-shadow:none;cursor:default;outline:0}.kp-decorator-header-and-footer .hds-button[disabled]:active.hds-button--secondary{color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);background-color:var(--hds-ui-colors-grey);border-color:var(--hds-ui-colors-grey);box-shadow:none;cursor:default;outline:0}.kp-decorator-header-and-footer .hds-button[disabled]:active.hds-button--outline-primary{border-color:var(--hds-ui-colors-grey);color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);cursor:default;background-color:transparent}.kp-decorator-header-and-footer .hds-button[disabled]:active.hds-button--outline-secondary{border-color:var(--hds-ui-colors-grey);color:var(--hds-ui-colors-dark-grey);fill:var(--hds-ui-colors-dark-grey);cursor:default;background-color:transparent}.kp-decorator-header-and-footer .hds-button.hds-button--icon-only{justify-content:center;align-items:center;padding:0;display:inline-flex}.kp-decorator-header-and-footer .hds-button.hds-button--icon-only.hds-button--small{width:44px;height:44px}.kp-decorator-header-and-footer .hds-button.hds-button--icon-only.hds-button--small *{width:24px;height:24px}.kp-decorator-header-and-footer .hds-button.hds-button--icon-only.hds-button--medium{width:50px;height:50px}.kp-decorator-header-and-footer .hds-button.hds-button--icon-only.hds-button--medium *{width:32px;height:32px}.kp-decorator-header-and-footer .hds-button.hds-button--icon-only.hds-button--large{width:58px;height:58px}.kp-decorator-header-and-footer .hds-button.hds-button--icon-only.hds-button--large *{width:32px;height:32px}.kp-decorator-header-and-footer .hds-link{border-bottom:var(--hds-stroke-default)solid var(--hds-brand-link-colors-underline);fill:var(--hds-brand-link-colors-text);color:var(--hds-brand-link-colors-text);transition:all var(--hds-micro-animation-duration-quick)var(--hds-micro-animation-easing-normal);cursor:pointer;text-decoration:none}.kp-decorator-header-and-footer .hds-link:hover{color:var(--hds-brand-link-colors-hover);fill:var(--hds-brand-link-colors-hover);border-color:var(--hds-brand-link-colors-underline-hover)}.kp-decorator-header-and-footer .hds-link:hover .hds-link__text{border-color:var(--hds-brand-link-colors-underline-hover)}.kp-decorator-header-and-footer .hds-link:active{color:var(--hds-brand-link-colors-hover);fill:var(--hds-brand-link-colors-hover);border-color:var(--hds-brand-link-colors-underline-hover)}.kp-decorator-header-and-footer .hds-link:active .hds-link__text{border-color:var(--hds-brand-link-colors-underline-hover)}.kp-decorator-header-and-footer .hds-link.hds-link--inverted{color:var(--hds-ui-colors-white);-webkit-text-decoration-color:var(--hds-brand-colors-signature);-webkit-text-decoration-color:var(--hds-brand-colors-signature);text-decoration-color:var(--hds-brand-colors-signature);border-color:currentColor}.kp-decorator-header-and-footer .hds-link.hds-link--inverted:hover{color:var(--hds-brand-colors-light);border-color:currentColor}.kp-decorator-header-and-footer .hds-link.hds-link--inverted:active{color:var(--hds-brand-colors-light);border-color:currentColor}.kp-decorator-header-and-footer .hds-link.hds-link--inverted:disabled{color:var(--hds-ui-colors-dark-grey);fill:currentColor;cursor:default;border-color:currentColor;box-shadow:none!important;outline:0!important}.kp-decorator-header-and-footer .hds-link.hds-link--small{font:var(--hds-typography-body-small)}.kp-decorator-header-and-footer .hds-link.hds-link--large{font:var(--hds-typography-header-h3)}.kp-decorator-header-and-footer .hds-link.hds-link--no-underline{color:var(--hds-brand-colors-dark);border-bottom:none;font-weight:500;text-decoration:none}.kp-decorator-header-and-footer .hds-link.hds-link--no-underline:hover{color:var(--hds-brand-colors-dark);text-decoration:underline;-webkit-text-decoration-color:var(--hds-brand-colors-dark);-webkit-text-decoration-color:var(--hds-brand-colors-dark);text-decoration-color:var(--hds-brand-colors-dark);border-bottom:none}.kp-decorator-header-and-footer .hds-link.hds-link--solid{color:var(--hds-ui-colors-black);border-color:var(--hds-ui-colors-black)}.kp-decorator-header-and-footer .hds-link.hds-link--solid:hover{color:var(--hds-ui-colors-black-hover);border-color:var(--hds-ui-colors-black-hover)}.kp-decorator-header-and-footer .hds-link.hds-link--solid:active{color:var(--hds-ui-colors-black-hover);border-color:var(--hds-ui-colors-black-hover)}.kp-decorator-header-and-footer .hds-link:-webkit-any(button){background:0 0;border-top:0;border-left:0;border-right:0;padding:0}.kp-decorator-header-and-footer .hds-link:is(button){background:0 0;border-top:0;border-left:0;border-right:0;padding:0}.kp-decorator-header-and-footer .hds-link:-webkit-any(button):not(:-webkit-any(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.kp-decorator-header-and-footer .hds-link:is(button):not(:is(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.kp-decorator-header-and-footer .hds-badge{border:var(--hds-stroke-default)solid var(--hds-brand-colors-lighter);border-radius:var(--hds-border-radius);text-transform:uppercase;-moz-osx-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:subpixel-antialiased;vertical-align:10%;font-size:12px;font-weight:500;line-height:1.1;display:inline-block}.kp-decorator-header-and-footer .hds-badge{padding:var(--hds-spacing-small-1)var(--hds-spacing-small-2)}.kp-decorator-header-and-footer .hds-badge.hds-badge--small{padding:var(--hds-spacing-small-1)var(--hds-spacing-small-2)}.kp-decorator-header-and-footer .hds-badge.hds-badge--smaller{padding:2px var(--hds-spacing-small-1)}.kp-decorator-header-and-footer .hds-badge{background-color:var(--hds-brand-colors-lighter);border-color:var(--hds-brand-colors-lighter);color:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-badge.hds-badge--primary{background-color:var(--hds-brand-colors-lighter);border-color:var(--hds-brand-colors-lighter);color:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-badge.hds-badge--dark{background-color:var(--hds-brand-colors-darker);border-color:var(--hds-brand-colors-darker);color:var(--hds-ui-colors-white)}.kp-decorator-header-and-footer .hds-badge.hds-badge--white{background-color:var(--hds-ui-colors-white);border-color:var(--hds-ui-colors-white);color:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-badge.hds-badge--warning{background-color:var(--hds-ui-colors-warning-yellow);border-color:var(--hds-ui-colors-warning-yellow);color:var(--hds-brand-link-colors-text)}.kp-decorator-header-and-footer .hds-description-list{font:var(--hds-typography-body);margin:0;padding-left:0;list-style:none}.kp-decorator-header-and-footer .hds-description-list dt{font-weight:700}.kp-decorator-header-and-footer .hds-description-list dd{margin-left:0;margin-bottom:var(--hds-spacing-small-3)}.kp-decorator-header-and-footer .hds-description-list.hds-description-list--horizontal dt{margin-right:var(--hds-spacing-small-1);margin-bottom:var(--hds-spacing-small-2);display:inline-block}.kp-decorator-header-and-footer .hds-description-list.hds-description-list--horizontal dt:after{content:"\a ";white-space:pre}.kp-decorator-header-and-footer .hds-description-list.hds-description-list--horizontal dd{display:inline}.kp-decorator-header-and-footer .hds-description-list.hds-description-list--horizontal dd:after{content:"\a ";white-space:pre}.kp-decorator-header-and-footer .hds-list{padding-left:var(--hds-spacing-medium-3);flex-direction:column;margin:0;display:flex}.kp-decorator-header-and-footer .hds-list li{padding-left:var(--hds-spacing-small-2)}.kp-decorator-header-and-footer .hds-list li::marker{color:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-list:is(ol){list-style:decimal}.kp-decorator-header-and-footer .hds-list:is(ul){list-style:disc}.kp-decorator-header-and-footer .hds-list.hds-list--no-bullets{padding-left:0;list-style:none}.kp-decorator-header-and-footer .hds-list.hds-list--no-bullets li{padding-left:0}.kp-decorator-header-and-footer .hds-list.hds-list--small{font:var(--hds-typography-body-small);gap:var(--hds-spacing-small-1)}.kp-decorator-header-and-footer .hds-list{gap:var(--hds-spacing-small-2)}.kp-decorator-header-and-footer .hds-list.hds-list--medium{gap:var(--hds-spacing-small-2)}.kp-decorator-header-and-footer .hds-list.hds-list--large{font:var(--hds-typography-header-h3);gap:var(--hds-spacing-small-3)}.kp-decorator-header-and-footer .hds-typography-h2-display{font:var(--hds-brand-typography-h1-display)}.kp-decorator-header-and-footer .hds-typography-h1{font:var(--hds-brand-typography-h1)}.kp-decorator-header-and-footer .hds-typography-h1.hds-typography-h1--spacing{margin-top:var(--hds-spacing-large-2)}.kp-decorator-header-and-footer .hds-typography-h2{font:var(--hds-brand-typography-h2)}.kp-decorator-header-and-footer .hds-typography-h2.hds-typography-h2--spacing{margin-top:var(--hds-spacing-large-2)}.kp-decorator-header-and-footer .hds-typography-h1~.hds-typography-h2.hds-typography-h2--spacing{margin-top:var(--hds-spacing-medium-3)}.kp-decorator-header-and-footer .hds-typography-h3{font:var(--hds-typography-header-h3)}.kp-decorator-header-and-footer .hds-typography-h3.hds-typography-h3--title{font:var(--hds-typography-header-h3-title)}.kp-decorator-header-and-footer .hds-typography-h3.hds-typography-h3--spacing{margin-top:var(--hds-spacing-large-2)}.kp-decorator-header-and-footer .hds-typography-body{font:var(--hds-typography-body)}.kp-decorator-header-and-footer .hds-typography-body.hds-typography-body--title{font:var(--hds-typography-body-title)}.kp-decorator-header-and-footer .hds-typography-body.hds-typography-body--spacing{margin-top:var(--hds-spacing-medium-2)}.kp-decorator-header-and-footer .hds-typography-body-small{font:var(--hds-typography-body-small)}.kp-decorator-header-and-footer .hds-typography-body-small.hds-typography-body-small--title{font:var(--hds-typography-body-small-title)}.kp-decorator-header-and-footer .hds-typography-body-small.hds-typography-body-small--spacing{margin-top:var(--hds-spacing-medium-2)}.kp-decorator-header-and-footer .hds-typography-caption{font:var(--hds-typography-caption)}.kp-decorator-header-and-footer .hds-typography-caption.hds-typography-caption--title{font:var(--hds-typography-caption-title)}.kp-decorator-header-and-footer .hds-typography-caption.hds-typography-caption--spacing{margin-top:var(--hds-spacing-medium-2)}.kp-decorator-header-and-footer .hds-typography-technical{font:var(--hds-typography-technical)}.kp-decorator-header-and-footer .hds-typography-technical.hds-typography-technical--title{font:var(--hds-typography-technical-title)}.kp-decorator-header-and-footer .hds-typography-technical.hds-typography-technical--spacing{margin-top:var(--hds-spacing-small-1)}@media (min-width:940px){.kp-decorator-header-and-footer .hds-typography-technical.hds-typography-technical--spacing{margin-top:var(--hds-spacing-small-2)}}.kp-decorator-header-and-footer .hds-box{border-radius:var(--hds-border-radius);--hds-component-box-padding:var(--hds-spacing-medium-2);padding:var(--hds-component-box-padding);position:relative}.kp-decorator-header-and-footer .hds-box{background-color:var(--hds-ui-colors-light-grey-fill)}.kp-decorator-header-and-footer .hds-box.hds-box--light-grey{background-color:var(--hds-ui-colors-light-grey-fill)}.kp-decorator-header-and-footer .hds-box.hds-box--lighter{background-color:var(--hds-brand-colors-lighter)}.kp-decorator-header-and-footer .hds-box.hds-box--white{background-color:var(--hds-ui-colors-white);box-shadow:var(--hds-shadow-default)}.kp-decorator-header-and-footer .hds-box.hds-box--warning{background-color:var(--hds-ui-colors-warning-yellow)}@media (min-width:720px){.kp-decorator-header-and-footer .hds-box{--hds-component-box-padding:var(--hds-spacing-medium-3)}}.kp-decorator-header-and-footer .hds-box.hds-box--closed{display:none}.kp-decorator-header-and-footer .hds-box .hds-box__close-button{top:var(--hds-spacing-small-4);right:var(--hds-spacing-small-4);cursor:pointer;transition:filter var(--hds-micro-animation-duration-quick)var(--hds-micro-animation-easing-normal);background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M13.1602 12.25L16.7812 8.66406L17.5195 7.92578C17.625 7.82031 17.625 7.64453 17.5195 7.50391L16.7461 6.73047C16.6055 6.625 16.4297 6.625 16.3242 6.73047L12 11.0898L7.64062 6.73047C7.53516 6.625 7.35938 6.625 7.21875 6.73047L6.44531 7.50391C6.33984 7.64453 6.33984 7.82031 6.44531 7.92578L10.8047 12.25L6.44531 16.6094C6.33984 16.7148 6.33984 16.8906 6.44531 17.0312L7.21875 17.8047C7.35938 17.9102 7.53516 17.9102 7.64062 17.8047L12 13.4453L15.5859 17.0664L16.3242 17.8047C16.4297 17.9102 16.6055 17.9102 16.7461 17.8047L17.5195 17.0312C17.625 16.8906 17.625 16.7148 17.5195 16.6094L13.1602 12.25Z\" fill=\"black\"/></svg>");border:none;width:24px;height:24px;padding:0;position:absolute}.kp-decorator-header-and-footer .hds-box .hds-box__close-button:hover{filter:invert(40%)}.kp-decorator-header-and-footer .hds-box .hds-box__close-button:active{box-shadow:0 0 0 2px var(--hds-ui-colors-black-hover);outline:none}.kp-decorator-header-and-footer .hds-box.hds-message{--hds-component-message-icon-width:var(--hds-spacing-medium-3);--hds-component-message-spacing-between:var(--hds-spacing-small-4);--hds-component-message-padding:var(--hds-component-box-padding);padding-left:calc(var(--hds-component-message-padding) + var(--hds-component-message-icon-width) + var(--hds-component-message-spacing-between))}@media (min-width:720px){.kp-decorator-header-and-footer .hds-box.hds-message{--hds-component-message-spacing-between:var(--hds-spacing-medium-2)}}.kp-decorator-header-and-footer .hds-box.hds-message:before{content:"";top:var(--hds-component-message-padding);left:var(--hds-component-message-padding);width:var(--hds-component-message-icon-width);height:var(--hds-component-message-icon-width);position:absolute}.kp-decorator-header-and-footer .hds-box.hds-message.hds-message--success{background-color:var(--hds-ui-colors-light-grey-fill)}.kp-decorator-header-and-footer .hds-box.hds-message.hds-message--success:before{background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\"><path d=\"M27.6412 7.54758C28.3713 8.22153 28.3713 9.40094 27.6412 10.0749L13.2636 24.4524C12.5897 25.1825 11.4103 25.1825 10.7363 24.4524L3.54758 17.2637C2.81747 16.5897 2.81747 15.4103 3.54758 14.7363C4.22153 14.0062 5.40094 14.0062 6.07488 14.7363L11.9719 20.6334L25.1139 7.54758C25.7878 6.81747 26.9672 6.81747 27.6412 7.54758Z\" fill=\"%237BC144\"/></svg>")}.kp-decorator-header-and-footer .hds-box.hds-message.hds-message--attention{background-color:var(--hds-ui-colors-warning-yellow-light-fill)}.kp-decorator-header-and-footer .hds-box.hds-message.hds-message--attention:before{background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\"><path d=\"M29.0323 23.7656C29.8537 25.2031 28.8269 27 27.1327 27H5.21084C3.51664 27 2.48986 25.2031 3.25994 23.7656L14.2466 5.07812C14.7086 4.35938 15.4274 4 16.1974 4C16.9162 4 17.6349 4.35938 18.097 5.07812L29.0323 23.7656ZM5.72423 24.5357H26.6193L16.1461 6.72098L5.72423 24.5357ZM16.1974 19.7098C17.0702 19.7098 17.789 20.4286 17.789 21.3013C17.789 22.1741 17.0702 22.8929 16.1974 22.8929C15.2733 22.8929 14.5546 22.1741 14.5546 21.3013C14.5546 20.4286 15.2733 19.7098 16.1974 19.7098ZM14.9653 11.8036C14.9653 11.1362 15.4787 10.5714 16.1974 10.5714C16.8649 10.5714 17.4296 11.1362 17.4296 11.8036V16.7321C17.4296 17.4509 16.8649 17.9643 16.1974 17.9643C15.4787 17.9643 14.9653 17.4509 14.9653 16.7321V11.8036Z\" fill=\"black\"/></svg>")}.kp-decorator-header-and-footer .hds-box.hds-message.hds-message--warning{background-color:var(--hds-ui-colors-warning-yellow)}.kp-decorator-header-and-footer .hds-box.hds-message.hds-message--warning:before{background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\"><rect x=\"12\" y=\"10\" width=\"8\" height=\"14.6667\" rx=\"4\" fill=\"%23FDBB2F\"/><path d=\"M29.0094 24.7656C29.8308 26.2031 28.804 28 27.1098 28H5.18794C3.49374 28 2.46695 26.2031 3.28838 24.7656L14.275 6.07812C15.0964 4.64062 17.2013 4.64062 18.0741 6.07812L29.0094 24.7656ZM14.9424 11.9821V18.5536C14.9424 19.2723 15.5585 19.7857 16.1745 19.7857C16.842 19.7857 17.4067 19.2723 17.4067 18.5536V11.9821C17.4067 11.3147 16.842 10.75 16.1745 10.75C15.4558 10.75 14.9424 11.3147 14.9424 11.9821ZM16.1745 24.7143C17.0473 24.7143 17.7661 23.9955 17.7661 23.1228C17.7661 22.25 17.0473 21.5312 16.1745 21.5312C15.2504 21.5312 14.5317 22.25 14.5317 23.1228C14.5317 23.9955 15.2504 24.7143 16.1745 24.7143Z\" fill=\"black\"/></svg>")}.kp-decorator-header-and-footer .hds-box.hds-message.hds-message--neutral{background-color:var(--hds-ui-colors-light-grey-fill)}.kp-decorator-header-and-footer .hds-box.hds-message.hds-message--neutral .hds-message--neutral__icon{top:var(--hds-component-message-padding);left:var(--hds-component-message-padding);width:var(--hds-component-message-icon-width);position:absolute}.kp-decorator-header-and-footer .hds-box.hds-message .hds-message__title{margin:0}.kp-decorator-header-and-footer .hds-box.hds-message .hds-message__description{margin:0}.kp-decorator-header-and-footer .hds-box.hds-message :is(.hds-message__title,.hds-message__description):first-of-type{margin-top:2px}.kp-decorator-header-and-footer .hds-box.hds-message .hds-message__title{font:var(--hds-typography-body-title)}.kp-decorator-header-and-footer .hds-box.hds-message .hds-message__title~.hds-message__description{margin-top:var(--hds-spacing-small-3)}@media (min-width:940px){.kp-decorator-header-and-footer .hds-box.hds-message .hds-message__title~.hds-message__description{margin-top:var(--hds-spacing-small-4)}}.kp-decorator-header-and-footer .hds-input{gap:var(--hds-spacing-small-1);flex-flow:column;display:flex}.kp-decorator-header-and-footer .hds-input.hds-input--error .hds-input__input{border-bottom:var(--hds-stroke-thick)solid var(--hds-ui-colors-warning-yellow);margin-bottom:calc(var(--hds-stroke-thick) - var(--hds-stroke-default));position:relative}.kp-decorator-header-and-footer .hds-input.hds-input--error .hds-input__input:focus{border-bottom:var(--hds-stroke-thick)solid var(--hds-ui-colors-warning-yellow);margin-bottom:calc(var(--hds-stroke-thick) - var(--hds-stroke-default));position:relative}.kp-decorator-header-and-footer .hds-input.hds-input--lined.hds-input--error .hds-input__input{border-bottom:var(--hds-stroke-thick)solid var(--hds-ui-colors-warning-yellow);margin-bottom:calc(var(--hds-stroke-thick) - var(--hds-stroke-default));position:relative}.kp-decorator-header-and-footer .hds-input.hds-input--lined.hds-input--error .hds-input__input:focus{border-bottom:var(--hds-stroke-thick)solid var(--hds-ui-colors-warning-yellow);margin-bottom:calc(var(--hds-stroke-thick) - var(--hds-stroke-default));position:relative}.kp-decorator-header-and-footer .hds-input.hds-input--default .hds-input__input{background-color:var(--hds-ui-colors-light-grey-fill)}.kp-decorator-header-and-footer .hds-input.hds-input--white .hds-input__input{background-color:var(--hds-ui-colors-white)}.kp-decorator-header-and-footer .hds-input.hds-input--lined .hds-input__input{border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-grey);padding-left:0;padding-top:var(--hds-spacing-small-1);padding-bottom:var(--hds-spacing-small-3);background:0 0;border-radius:0}.kp-decorator-header-and-footer .hds-input:focus-within .hds-input__label{color:var(--hds-brand-colors-darker)}.kp-decorator-header-and-footer .hds-input .hds-input__label{transition:color var(--hds-micro-animation-duration-normal)var(--hds-micro-animation-easing-normal);font:var(--hds-typography-caption);order:1}.kp-decorator-header-and-footer .hds-input .hds-input__input{color:var(--hds-ui-colors-black);padding:var(--hds-spacing-small-4);font:var(--hds-typography-body-small);border:var(--hds-stroke-default)solid transparent;border-radius:var(--hds-border-radius);transition:border margin var(--hds-micro-animation-duration-normal)var(--hds-micro-animation-easing-normal);box-sizing:border-box;order:2;width:100%;line-height:normal;position:relative}.kp-decorator-header-and-footer .hds-input .hds-input__input::placeholder{color:var(--hds-ui-colors-dark-grey);opacity:1}.kp-decorator-header-and-footer .hds-input .hds-input__input::placeholder{color:var(--hds-ui-colors-dark-grey);opacity:1}.kp-decorator-header-and-footer .hds-input .hds-input__input:focus{border-bottom:var(--hds-stroke-default)solid var(--hds-brand-colors-darker);outline:0}.kp-decorator-header-and-footer .hds-input .hds-input__input:focus::placeholder{color:var(--hds-ui-colors-grey)}.kp-decorator-header-and-footer .hds-input .hds-input__input:focus::placeholder{color:var(--hds-ui-colors-grey)}.kp-decorator-header-and-footer .hds-input .hds-input__input:disabled{color:var(--hds-ui-colors-dark-grey);background-color:var(--hds-ui-colors-grey);border:var(--hds-stroke-default)solid var(--hds-ui-colors-grey)}.kp-decorator-header-and-footer .hds-input .hds-input__input:read-only{color:var(--hds-ui-colors-dark-grey);background-color:var(--hds-ui-colors-grey);border:var(--hds-stroke-default)solid var(--hds-ui-colors-grey)}.kp-decorator-header-and-footer .hds-input .hds-input__input:read-only:focus{border-bottom-color:var(--hds-brand-colors-darker)}.kp-decorator-header-and-footer .hds-input .hds-input__error-message{font:var(--hds-typography-caption-title);color:var(--hds-ui-colors-dark-grey);padding:var(--hds-spacing-small-1)0 0 var(--hds-spacing-small-4);order:3}.kp-decorator-header-and-footer .hds-accordion{--hds-accordion-icon-dimension:24px;--hds-component-accordion-trigger-spacing-between:var(--hds-spacing-small-4);--hds-component-accordion-content-spacing:var(--hds-spacing-medium-3);border:none;border-bottom:var(--hds-stroke-thick)solid var(--hds-ui-colors-light-grey-fill);font:var(--hds-typography-body);fill:var(--hds-ui-colors-black);color:var(--hds-ui-colors-black);display:block}@media (min-width:720px){.kp-decorator-header-and-footer .hds-accordion{--hds-component-accordion-content-spacing:var(--hds-spacing-large-1);--hds-component-accordion-trigger-spacing-between:var(--hds-spacing-medium-2)}}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item{overflow:hidden}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item.hds-accordion-item__expanded .hds-accordion-item-trigger{color:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item:first-child .hds-accordion-item-trigger{border:0}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-trigger{cursor:pointer;grid-gap:var(--hds-spacing-small-4);padding:var(--hds-component-accordion-trigger-spacing-between)0;border:0;border-top:var(--hds-stroke-thick)solid var(--hds-ui-colors-light-grey-fill);text-align:left;font:var(--hds-typography-body);background-color:transparent;grid-template-columns:24px auto;width:100%;display:grid}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-trigger:hover{color:var(--hds-brand-colors-dark);outline:0}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-trigger .hds-accordion-item-trigger--icon{color:var(--hds-brand-colors-dark);width:var(--hds-accordion-icon-dimension);height:var(--hds-accordion-icon-dimension);transition:all 50ms;display:inline-block}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-trigger .hds-accordion-item-trigger--icon .hds-accordion-item-trigger--icon-chevron{color:var(--hds-brand-colors-dark);fill:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-trigger .hds-accordion-item-trigger--icon .hds-accordion-item-trigger--icon-chevron-down{color:var(--hds-brand-colors-dark);fill:var(--hds-brand-colors-dark)}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-trigger .hds-accordion-item-trigger--icon svg{vertical-align:baseline}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-trigger.hds-accordion-item-trigger--open .hds-accordion-item-trigger--icon svg{transform:rotate(180deg)}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-content{padding:0 0 var(--hds-component-accordion-content-spacing)var(--hds-spacing-medium-4);font:var(--hds-typography-body-small)}.kp-decorator-header-and-footer .hds-accordion .hds-accordion-item .hds-accordion-item-content.hds-accordion-item-content--closed{display:none}.kp-decorator-header-and-footer label.hds-dropdown__label{transition:color var(--hds-micro-animation-duration-normal)var(--hds-micro-animation-easing-normal);font:var(--hds-typography-caption);color:var(--hds-ui-colors-black);text-align:left;margin-bottom:0;display:block}.kp-decorator-header-and-footer select.hds-dropdown{border:var(--hds-stroke-default)solid transparent;border-radius:var(--hds-border-radius);font:var(--hds-typography-body-small);cursor:pointer;color:var(--hds-ui-colors-black);-webkit-appearance:none;-ms-appearance:none;appearance:none;padding:var(--hds-spacing-small-4);transition:border-color var(--hds-micro-animation-duration-normal)var(--hds-micro-animation-easing-normal),max-height var(--hds-micro-animation-duration-normal)var(--hds-micro-animation-easing-normal),transform var(--hds-micro-animation-duration-normal)var(--hds-micro-animation-easing-normal);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-image:linear-gradient(45deg,transparent 74%,var(--hds-ui-colors-light-grey-fill)0%),linear-gradient(135deg,var(--hds-ui-colors-light-grey-fill)26%,transparent 26%),linear-gradient(135deg,transparent 0,transparent 72%,var(--hds-ui-colors-light-grey-fill)73%,var(--hds-ui-colors-light-grey-fill)100%),linear-gradient(45deg,var(--hds-ui-colors-light-grey-fill)0,var(--hds-ui-colors-light-grey-fill)28%,var(--hds-ui-colors-dark-grey)29%,var(--hds-ui-colors-dark-grey)37%,transparent 38%,transparent 100%),linear-gradient(135deg,transparent 0,transparent 62%,var(--hds-ui-colors-dark-grey)63%,var(--hds-ui-colors-dark-grey)71%,var(--hds-ui-colors-light-grey-fill)72%,var(--hds-ui-colors-light-grey-fill)100%);background-size:var(--hds-spacing-small-4)var(--hds-spacing-small-4);background-position:calc(100% - var(--hds-spacing-small-4))45%;background-repeat:no-repeat;width:100%;height:58px;display:flex;position:relative}.kp-decorator-header-and-footer select.hds-dropdown:after{content:" ";clear:both;display:table}.kp-decorator-header-and-footer select.hds-dropdown.hds-dropdown--error{border-bottom:var(--hds-stroke-thick)solid var(--hds-ui-colors-warning-yellow);margin-bottom:calc(var(--hds-stroke-thick) - var(--hds-stroke-default));position:relative}.kp-decorator-header-and-footer select.hds-dropdown--default{background-color:var(--hds-ui-colors-light-grey-fill)}.kp-decorator-header-and-footer select.hds-dropdown--lined{border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-grey);padding-left:0;padding-top:var(--hds-spacing-small-1);padding-bottom:var(--hds-spacing-small-3);background-color:transparent;border-radius:0}.kp-decorator-header-and-footer select.hds-dropdown--lined:focus{border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-grey)}.kp-decorator-header-and-footer select.hds-dropdown--lined[disabled]{padding:var(--hds-spacing-small-4);background-color:transparent}.kp-decorator-header-and-footer select.hds-dropdown--lined:disabled{padding:var(--hds-spacing-small-4);background-color:transparent}.kp-decorator-header-and-footer select.hds-dropdown--lined[disabled=disabled]{padding:var(--hds-spacing-small-4);background-color:transparent}.kp-decorator-header-and-footer select.hds-dropdown--white{background-color:var(--hds-ui-colors-white)}.kp-decorator-header-and-footer select.hds-dropdown--lined{background-image:linear-gradient(45deg,transparent 74%,var(--hds-ui-colors-white)0%),linear-gradient(135deg,var(--hds-ui-colors-white)26%,transparent 26%),linear-gradient(135deg,transparent 0,transparent 72%,var(--hds-ui-colors-white)73%,var(--hds-ui-colors-white)100%),linear-gradient(45deg,var(--hds-ui-colors-white)0,var(--hds-ui-colors-white)28%,var(--hds-ui-colors-dark-grey)29%,var(--hds-ui-colors-dark-grey)37%,transparent 38%,transparent 100%),linear-gradient(135deg,transparent 0,transparent 62%,var(--hds-ui-colors-dark-grey)63%,var(--hds-ui-colors-dark-grey)71%,var(--hds-ui-colors-white)72%,var(--hds-ui-colors-white)100%);background-size:var(--hds-spacing-small-4)var(--hds-spacing-small-4);background-repeat:no-repeat}.kp-decorator-header-and-footer select.hds-dropdown--white{background-image:linear-gradient(45deg,transparent 74%,var(--hds-ui-colors-white)0%),linear-gradient(135deg,var(--hds-ui-colors-white)26%,transparent 26%),linear-gradient(135deg,transparent 0,transparent 72%,var(--hds-ui-colors-white)73%,var(--hds-ui-colors-white)100%),linear-gradient(45deg,var(--hds-ui-colors-white)0,var(--hds-ui-colors-white)28%,var(--hds-ui-colors-dark-grey)29%,var(--hds-ui-colors-dark-grey)37%,transparent 38%,transparent 100%),linear-gradient(135deg,transparent 0,transparent 62%,var(--hds-ui-colors-dark-grey)63%,var(--hds-ui-colors-dark-grey)71%,var(--hds-ui-colors-white)72%,var(--hds-ui-colors-white)100%);background-size:var(--hds-spacing-small-4)var(--hds-spacing-small-4);background-repeat:no-repeat}.kp-decorator-header-and-footer .hds-dropdown--error .hds-dropdown-message{font:var(--hds-typography-caption-title);color:var(--hds-ui-colors-dark-grey);padding:var(--hds-spacing-small-1)0 0 var(--hds-spacing-small-4)}.kp-decorator-header-and-footer .hds-modal{border:none;border-radius:0;min-width:100%;max-width:100%}.kp-decorator-header-and-footer .hds-modal::-webkit-backdrop{background-color:rgba(0,0,0,.4);animation:.3s cubic-bezier(.45,.1,.65,1) hds-modal-fade-in}.kp-decorator-header-and-footer .hds-modal::-ms-backdrop{background-color:rgba(0,0,0,.4);animation:.3s cubic-bezier(.45,.1,.65,1) hds-modal-fade-in}.kp-decorator-header-and-footer .hds-modal::-ms-backdrop{background-color:rgba(0,0,0,.4);animation:.3s cubic-bezier(.45,.1,.65,1) hds-modal-fade-in}.kp-decorator-header-and-footer .hds-modal::backdrop{background-color:rgba(0,0,0,.4);animation:.3s cubic-bezier(.45,.1,.65,1) hds-modal-fade-in}.kp-decorator-header-and-footer .hds-modal[open]{-webkit-animation:hds-modal-fade-in var(--hds-micro-animation-duration-normal)var(--hds-micro-animation-easing-in);animation:hds-modal-fade-in var(--hds-micro-animation-duration-normal)var(--hds-micro-animation-easing-in)}@media (min-width:720px){.kp-decorator-header-and-footer .hds-modal{border-radius:var(--hds-border-radius);min-width:720px;max-width:min(720px,100% - 6px - 2em)}}.kp-decorator-header-and-footer .hds-modal .hds-modal__header{margin:0}.kp-decorator-header-and-footer .hds-modal .hds-modal__header{font:var(--hds-typography-body-title);padding-right:16px}.kp-decorator-header-and-footer .hds-breadcrumbs{--hds-breadcrumb-image-left:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"> <path d=\"M11.0404 13.9322L11.3917 13.5887C11.462 13.4983 11.462 13.3537 11.3917 13.2814L8.21212 9.99096L11.3917 6.71864C11.462 6.64633 11.462 6.50169 11.3917 6.4113L11.0404 6.0678C10.9526 5.9774 10.8296 5.9774 10.7418 6.0678L7.0527 9.84633C6.98243 9.93672 6.98243 10.0633 7.0527 10.1537L10.7418 13.9322C10.8296 14.0226 10.9526 14.0226 11.0404 13.9322Z\" fill=\"black\"/></svg>");--hds-breadcrumb-image-right:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M7.9596 6.0678L7.60826 6.4113C7.53799 6.50169 7.53799 6.64633 7.60826 6.71864L10.7879 10.009L7.60826 13.2814C7.53799 13.3537 7.53799 13.4983 7.60826 13.5887L7.9596 13.9322C8.04743 14.0226 8.1704 14.0226 8.25823 13.9322L11.9473 10.1537C12.0176 10.0633 12.0176 9.93672 11.9473 9.84633L8.25823 6.0678C8.1704 5.9774 8.04743 5.9774 7.9596 6.0678Z\" fill=\"%236E6E6E\"/></svg>");padding:0;list-style-type:none;display:flex}.kp-decorator-header-and-footer .hds-breadcrumbs{font:var(--hds-typography-caption)}.kp-decorator-header-and-footer .hds-breadcrumbs a{font:var(--hds-typography-caption)}.kp-decorator-header-and-footer .hds-breadcrumbs li .hds-link{padding-bottom:2px}.kp-decorator-header-and-footer .hds-breadcrumbs li:first-child:before{display:none}.kp-decorator-header-and-footer .hds-breadcrumbs li:last-child{color:var(--hds-ui-colors-dark-grey)}.kp-decorator-header-and-footer .hds-breadcrumbs li:before{background-image:var(--hds-breadcrumb-image-right);margin:0 var(--hds-spacing-small-1);width:20px;height:20px;display:inline-block}@media (max-width:719.999px){.kp-decorator-header-and-footer .hds-breadcrumbs li:not(:only-child){display:none}.kp-decorator-header-and-footer .hds-breadcrumbs li:nth-last-of-type(2){display:inherit}.kp-decorator-header-and-footer .hds-breadcrumbs li:nth-last-of-type(2):before{background-image:var(--hds-breadcrumb-image-left);margin-left:0;display:inline-block}}@keyframes hds-modal-fade-in{0%{opacity:0}to{opacity:1}}
|
package/dist/tokens.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--hds-posten-colors-signature-red:#e32d22;--hds-posten-colors-darker-red:#4a1011;--hds-posten-colors-dark-red:#980000;--hds-posten-colors-light-red:#ff8a5f;--hds-posten-colors-lighter-red:#fff5f0;--hds-posten-colors-signature-red-hover:#d62722;--hds-posten-colors-light-red-hover:#ff7d55;--hds-bring-colors-signature-green:#7bc144;--hds-bring-colors-darker-green:#002f19;--hds-bring-colors-dark-green:#00643a;--hds-bring-colors-light-green:#c8dc8c;--hds-bring-colors-lighter-green:#f1f7e9;--hds-bring-colors-signature-green-hover:#86cc4a;--hds-bring-colors-light-green-hover:#d3e593;--hds-ui-colors-black:#000;--hds-ui-colors-dark-grey:#6e6e6e;--hds-ui-colors-grey:#d6d6d6;--hds-ui-colors-light-grey-stroke:#e4e4e4;--hds-ui-colors-light-grey-fill:#f2f2f2;--hds-ui-colors-white:#fff;--hds-ui-colors-warning-yellow:#fdbb2f;--hds-ui-colors-warning-yellow-stroke:#d68000;--hds-ui-colors-warning-yellow-light-fill:#fff5e0;--hds-ui-colors-warning-yellow-hover:#ffc340;--hds-ui-colors-black-hover:#1e1e1e;--hds-dark-mode-colors-obsidian:#121212;--hds-dark-mode-colors-coal:#252525;--hds-dark-mode-colors-dusk:#2c2c2c;--hds-dark-mode-colors-spider:#333;--hds-dark-mode-colors-ash:#999;--hds-spacing-small-1:4px;--hds-spacing-small-2:8px;--hds-spacing-small-3:12px;--hds-spacing-small-4:16px;--hds-spacing-medium-1:20px;--hds-spacing-medium-2:24px;--hds-spacing-medium-3:32px;--hds-spacing-medium-4:40px;--hds-spacing-large-1:48px;--hds-spacing-large-2:64px;--hds-spacing-large-3:80px;--hds-spacing-large-4:120px;--hds-spacing-large-5:160px;--hds-fonts-posten-sans-bold:"Posten Sans Bold",Arial,sans-serif;--hds-fonts-posten-sans-medium:"Posten Sans Medium",Arial,sans-serif;--hds-fonts-posten-sans-regular:"Posten Sans Regular",Arial,sans-serif;--hds-fonts-posten-sans-light:"Posten Sans Light",Arial,sans-serif;--hds-typography-posten-h1-display:400 calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300)))/calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300)))"Posten Sans Bold",Arial,sans-serif;--hds-typography-posten-h1:400 calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300)))/calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300)))"Posten Sans Bold",Arial,sans-serif;--hds-typography-posten-h2:400 calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)))/calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300)))"Posten Sans Medium",Arial,sans-serif;--hds-typography-bring-h1-display:400 calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300)))/calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300)))"Posten Sans Light",Arial,sans-serif;--hds-typography-bring-h1:400 calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300)))/calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300)))"Posten Sans Light",Arial,sans-serif;--hds-typography-bring-h2:400 calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)))/calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300)))"Posten Sans Regular",Arial,sans-serif;--hds-typography-header-h3:400 calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300)))/calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)))"Posten Sans Regular",Arial,sans-serif;--hds-typography-header-h3-title:400 calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300)))/calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)))"Posten Sans Medium",Arial,sans-serif;--hds-typography-body:400 calc(18px + (20 - 18)*((100vw - 300px)/(1200 - 300)))/calc(26px + (28 - 26)*((100vw - 300px)/(1200 - 300)))"Posten Sans Regular",Arial,sans-serif;--hds-typography-body-title:400 calc(18px + (20 - 18)*((100vw - 300px)/(1200 - 300)))/calc(26px + (28 - 26)*((100vw - 300px)/(1200 - 300)))"Posten Sans Medium",Arial,sans-serif;--hds-typography-body-small:400 calc(16px + (18 - 16)*((100vw - 300px)/(1200 - 300)))/calc(24px + (26 - 24)*((100vw - 300px)/(1200 - 300)))"Posten Sans Regular",Arial,sans-serif;--hds-typography-body-small-title:400 calc(16px + (18 - 16)*((100vw - 300px)/(1200 - 300)))/calc(24px + (26 - 24)*((100vw - 300px)/(1200 - 300)))"Posten Sans Medium",Arial,sans-serif;--hds-typography-technical:400 calc(14px + (16 - 14)*((100vw - 300px)/(1200 - 300)))/calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300)))"Posten Sans Regular",Arial,sans-serif;--hds-typography-technical-title:400 calc(14px + (16 - 14)*((100vw - 300px)/(1200 - 300)))/calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300)))"Posten Sans Medium",Arial,sans-serif;--hds-typography-caption:400 13px/18px "Posten Sans Regular",Arial,sans-serif;--hds-typography-caption-title:400 13px/18px "Posten Sans Medium",Arial,sans-serif;--hds-border-radius:2px;--hds-stroke-default:1px;--hds-stroke-thick:2px;--hds-shadow-default:0px 1px 5px 0px rgba(0,0,0,.133);--hds-micro-animation-easing-in:cubic-bezier(.65,0,1,.1);--hds-micro-animation-easing-out:cubic-bezier(0,.45,.1,1);--hds-micro-animation-easing-normal:cubic-bezier(.45,.1,.65,1);--hds-font-size-posten-h1-display:calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300)));--hds-font-size-posten-h1-display-min:40px;--hds-font-size-posten-h1-display-max:72px;--hds-font-size-posten-h1:calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300)));--hds-font-size-posten-h1-min:32px;--hds-font-size-posten-h1-max:48px;--hds-font-size-posten-h2:calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)));--hds-font-size-posten-h2-min:28px;--hds-font-size-posten-h2-max:32px;--hds-font-size-bring-h1-display:calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300)));--hds-font-size-bring-h1-display-min:40px;--hds-font-size-bring-h1-display-max:72px;--hds-font-size-bring-h1:calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300)));--hds-font-size-bring-h1-min:32px;--hds-font-size-bring-h1-max:48px;--hds-font-size-bring-h2:calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)));--hds-font-size-bring-h2-min:28px;--hds-font-size-bring-h2-max:32px;--hds-font-size-header-h3:calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300)));--hds-font-size-header-h3-min:22px;--hds-font-size-header-h3-max:24px;--hds-font-size-header-h3-title:calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300)));--hds-font-size-header-h3-title-min:22px;--hds-font-size-header-h3-title-max:24px;--hds-font-size-body:calc(18px + (20 - 18)*((100vw - 300px)/(1200 - 300)));--hds-font-size-body-min:18px;--hds-font-size-body-max:20px;--hds-font-size-body-title:calc(18px + (20 - 18)*((100vw - 300px)/(1200 - 300)));--hds-font-size-body-title-min:18px;--hds-font-size-body-title-max:20px;--hds-font-size-body-small:calc(16px + (18 - 16)*((100vw - 300px)/(1200 - 300)));--hds-font-size-body-small-min:16px;--hds-font-size-body-small-max:18px;--hds-font-size-body-small-title:calc(16px + (18 - 16)*((100vw - 300px)/(1200 - 300)));--hds-font-size-body-small-title-min:16px;--hds-font-size-body-small-title-max:18px;--hds-font-size-technical:calc(14px + (16 - 14)*((100vw - 300px)/(1200 - 300)));--hds-font-size-technical-min:14px;--hds-font-size-technical-max:16px;--hds-font-size-technical-title:calc(14px + (16 - 14)*((100vw - 300px)/(1200 - 300)));--hds-font-size-technical-title-min:14px;--hds-font-size-technical-title-max:16px;--hds-font-size-caption:13px;--hds-font-size-caption-title:13px;--hds-line-height-posten-h1-display:calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300)));--hds-line-height-posten-h1-display-min:56px;--hds-line-height-posten-h1-display-max:80px;--hds-line-height-posten-h1:calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300)));--hds-line-height-posten-h1-min:40px;--hds-line-height-posten-h1-max:56px;--hds-line-height-posten-h2:calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300)));--hds-line-height-posten-h2-min:36px;--hds-line-height-posten-h2-max:40px;--hds-line-height-bring-h1-display:calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300)));--hds-line-height-bring-h1-display-min:56px;--hds-line-height-bring-h1-display-max:80px;--hds-line-height-bring-h1:calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300)));--hds-line-height-bring-h1-min:40px;--hds-line-height-bring-h1-max:56px;--hds-line-height-bring-h2:calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300)));--hds-line-height-bring-h2-min:36px;--hds-line-height-bring-h2-max:40px;--hds-line-height-header-h3:calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)));--hds-line-height-header-h3-min:28px;--hds-line-height-header-h3-max:32px;--hds-line-height-header-h3-title:calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)));--hds-line-height-header-h3-title-min:28px;--hds-line-height-header-h3-title-max:32px;--hds-line-height-body:calc(26px + (28 - 26)*((100vw - 300px)/(1200 - 300)));--hds-line-height-body-min:26px;--hds-line-height-body-max:28px;--hds-line-height-body-title:calc(26px + (28 - 26)*((100vw - 300px)/(1200 - 300)));--hds-line-height-body-title-min:26px;--hds-line-height-body-title-max:28px;--hds-line-height-body-small:calc(24px + (26 - 24)*((100vw - 300px)/(1200 - 300)));--hds-line-height-body-small-min:24px;--hds-line-height-body-small-max:26px;--hds-line-height-body-small-title:calc(24px + (26 - 24)*((100vw - 300px)/(1200 - 300)));--hds-line-height-body-small-title-min:24px;--hds-line-height-body-small-title-max:26px;--hds-line-height-technical:calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300)));--hds-line-height-technical-min:22px;--hds-line-height-technical-max:24px;--hds-line-height-technical-title:calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300)));--hds-line-height-technical-title-min:22px;--hds-line-height-technical-title-max:24px;--hds-line-height-caption:18px;--hds-line-height-caption-title:18px;--hds-micro-animation-duration-quick:.13s;--hds-micro-animation-duration-normal:.3s;--hds-micro-animation-duration-slow:.7s;--hds-breakpoints-small:460px;--hds-breakpoints-medium:720px;--hds-breakpoints-large:940px;--hds-breakpoints-xlarge:1200px;--hds-opacity-7:.07;--hds-opacity-10:.1;--hds-opacity-20:.2;--hds-opacity-50:.5;--hds-brand-colors-signature:#e32d22;--hds-brand-colors-darker:#4a1011;--hds-brand-colors-dark:#980000;--hds-brand-colors-light:#ff8a5f;--hds-brand-colors-lighter:#fff5f0;--hds-brand-colors-signature-hover:#d62722;--hds-brand-colors-light-hover:#ff7d55;--hds-brand-button-colors-text:#fff;--hds-brand-link-colors-text:#000;--hds-brand-link-colors-underline:#e32d22;--hds-brand-link-colors-hover:#e32d22;--hds-brand-link-colors-underline-hover:#e32d22;--hds-brand-typography-h1-display:400 calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300)))/calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300)))"Posten Sans Bold",Arial,sans-serif;--hds-brand-typography-h1:400 calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300)))/calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300)))"Posten Sans Bold",Arial,sans-serif;--hds-brand-typography-h2:400 calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)))/calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300)))"Posten Sans Medium",Arial,sans-serif;--hds-brand-font-size-h1-display:calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300)));--hds-brand-font-size-h1-display-min:40px;--hds-brand-font-size-h1-display-max:72px;--hds-brand-font-size-h1:calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300)));--hds-brand-font-size-h1-min:32px;--hds-brand-font-size-h1-max:48px;--hds-brand-font-size-h2:calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)));--hds-brand-font-size-h2-min:28px;--hds-brand-font-size-h2-max:32px;--hds-brand-line-height-h1-display:calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300)));--hds-brand-line-height-h1-display-min:56px;--hds-brand-line-height-h1-display-max:80px;--hds-brand-line-height-h1:calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300)));--hds-brand-line-height-h1-min:40px;--hds-brand-line-height-h1-max:56px;--hds-brand-line-height-h2:calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300)));--hds-brand-line-height-h2-min:36px;--hds-brand-line-height-h2-max:40px}.hds-theme-bring{--hds-brand-colors-signature:#7bc144;--hds-brand-colors-darker:#002f19;--hds-brand-colors-dark:#00643a;--hds-brand-colors-light:#c8dc8c;--hds-brand-colors-lighter:#f1f7e9;--hds-brand-colors-signature-hover:#86cc4a;--hds-brand-colors-light-hover:#d3e593;--hds-brand-button-colors-text:#000;--hds-brand-link-colors-text:#000;--hds-brand-link-colors-underline:#7bc144;--hds-brand-link-colors-hover:#00643a;--hds-brand-link-colors-underline-hover:#00643a;--hds-brand-typography-h1-display:400 calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300)))/calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300)))"Posten Sans Light",Arial,sans-serif;--hds-brand-typography-h1:400 calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300)))/calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300)))"Posten Sans Light",Arial,sans-serif;--hds-brand-typography-h2:400 calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)))/calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300)))"Posten Sans Regular",Arial,sans-serif;--hds-brand-font-size-h1-display:calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300)));--hds-brand-font-size-h1-display-min:40px;--hds-brand-font-size-h1-display-max:72px;--hds-brand-font-size-h1:calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300)));--hds-brand-font-size-h1-min:32px;--hds-brand-font-size-h1-max:48px;--hds-brand-font-size-h2:calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)));--hds-brand-font-size-h2-min:28px;--hds-brand-font-size-h2-max:32px;--hds-brand-line-height-h1-display:calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300)));--hds-brand-line-height-h1-display-min:56px;--hds-brand-line-height-h1-display-max:80px;--hds-brand-line-height-h1:calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300)));--hds-brand-line-height-h1-min:40px;--hds-brand-line-height-h1-max:56px;--hds-brand-line-height-h2:calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300)));--hds-brand-line-height-h2-min:36px;--hds-brand-line-height-h2-max:40px}
|
|
1
|
+
:root{--hds-posten-colors-signature-red:#e32d22;--hds-posten-colors-darker-red:#4a1011;--hds-posten-colors-dark-red:#980000;--hds-posten-colors-light-red:#ff8a5f;--hds-posten-colors-lighter-red:#fff5f0;--hds-posten-colors-signature-red-hover:#d62722;--hds-posten-colors-light-red-hover:#ff7d55;--hds-bring-colors-signature-green:#7bc144;--hds-bring-colors-darker-green:#002f19;--hds-bring-colors-dark-green:#00643a;--hds-bring-colors-light-green:#c8dc8c;--hds-bring-colors-lighter-green:#f1f7e9;--hds-bring-colors-signature-green-hover:#86cc4a;--hds-bring-colors-light-green-hover:#d3e593;--hds-ui-colors-black:#000;--hds-ui-colors-dark-grey:#6e6e6e;--hds-ui-colors-grey:#d6d6d6;--hds-ui-colors-light-grey-stroke:#e4e4e4;--hds-ui-colors-light-grey-fill:#f2f2f2;--hds-ui-colors-white:#fff;--hds-ui-colors-warning-yellow:#fdbb2f;--hds-ui-colors-warning-yellow-stroke:#d68000;--hds-ui-colors-warning-yellow-light-fill:#fff5e0;--hds-ui-colors-warning-yellow-hover:#ffc340;--hds-ui-colors-black-hover:#1e1e1e;--hds-dark-mode-colors-obsidian:#121212;--hds-dark-mode-colors-coal:#252525;--hds-dark-mode-colors-dusk:#2c2c2c;--hds-dark-mode-colors-spider:#333;--hds-dark-mode-colors-ash:#999;--hds-spacing-small-1:4px;--hds-spacing-small-2:8px;--hds-spacing-small-3:12px;--hds-spacing-small-4:16px;--hds-spacing-medium-1:20px;--hds-spacing-medium-2:24px;--hds-spacing-medium-3:32px;--hds-spacing-medium-4:40px;--hds-spacing-large-1:48px;--hds-spacing-large-2:64px;--hds-spacing-large-3:80px;--hds-spacing-large-4:120px;--hds-spacing-large-5:160px;--hds-fonts-posten-sans:"Posten Sans",Arial,sans-serif;--hds-fonts-posten-sans-bold:"Posten Sans Bold",Arial,sans-serif;--hds-fonts-posten-sans-medium:"Posten Sans Medium",Arial,sans-serif;--hds-fonts-posten-sans-regular:"Posten Sans Regular",Arial,sans-serif;--hds-fonts-posten-sans-light:"Posten Sans Light",Arial,sans-serif;--hds-typography-posten-h1-display:700 calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300)))/calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-typography-posten-h1:700 calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300)))/calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-typography-posten-h2:500 calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)))/calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-typography-bring-h1-display:300 calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300)))/calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-typography-bring-h1:300 calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300)))/calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-typography-bring-h2:400 calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)))/calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-typography-header-h3:400 calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300)))/calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-typography-header-h3-title:500 calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300)))/calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-typography-body:400 calc(18px + (20 - 18)*((100vw - 300px)/(1200 - 300)))/calc(26px + (28 - 26)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-typography-body-title:500 calc(18px + (20 - 18)*((100vw - 300px)/(1200 - 300)))/calc(26px + (28 - 26)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-typography-body-small:400 calc(16px + (18 - 16)*((100vw - 300px)/(1200 - 300)))/calc(24px + (26 - 24)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-typography-body-small-title:500 calc(16px + (18 - 16)*((100vw - 300px)/(1200 - 300)))/calc(24px + (26 - 24)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-typography-technical:400 calc(14px + (16 - 14)*((100vw - 300px)/(1200 - 300)))/calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-typography-technical-title:500 calc(14px + (16 - 14)*((100vw - 300px)/(1200 - 300)))/calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-typography-caption:400 13px/18px "Posten Sans",Arial,sans-serif;--hds-typography-caption-title:500 13px/18px "Posten Sans",Arial,sans-serif;--hds-border-radius:2px;--hds-stroke-default:1px;--hds-stroke-thick:2px;--hds-shadow-default:0px 1px 5px 0px rgba(0,0,0,.133);--hds-micro-animation-easing-in:cubic-bezier(.65,0,1,.1);--hds-micro-animation-easing-out:cubic-bezier(0,.45,.1,1);--hds-micro-animation-easing-normal:cubic-bezier(.45,.1,.65,1);--hds-font-size-posten-h1-display:calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300)));--hds-font-size-posten-h1-display-min:40px;--hds-font-size-posten-h1-display-max:72px;--hds-font-size-posten-h1:calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300)));--hds-font-size-posten-h1-min:32px;--hds-font-size-posten-h1-max:48px;--hds-font-size-posten-h2:calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)));--hds-font-size-posten-h2-min:28px;--hds-font-size-posten-h2-max:32px;--hds-font-size-bring-h1-display:calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300)));--hds-font-size-bring-h1-display-min:40px;--hds-font-size-bring-h1-display-max:72px;--hds-font-size-bring-h1:calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300)));--hds-font-size-bring-h1-min:32px;--hds-font-size-bring-h1-max:48px;--hds-font-size-bring-h2:calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)));--hds-font-size-bring-h2-min:28px;--hds-font-size-bring-h2-max:32px;--hds-font-size-header-h3:calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300)));--hds-font-size-header-h3-min:22px;--hds-font-size-header-h3-max:24px;--hds-font-size-header-h3-title:calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300)));--hds-font-size-header-h3-title-min:22px;--hds-font-size-header-h3-title-max:24px;--hds-font-size-body:calc(18px + (20 - 18)*((100vw - 300px)/(1200 - 300)));--hds-font-size-body-min:18px;--hds-font-size-body-max:20px;--hds-font-size-body-title:calc(18px + (20 - 18)*((100vw - 300px)/(1200 - 300)));--hds-font-size-body-title-min:18px;--hds-font-size-body-title-max:20px;--hds-font-size-body-small:calc(16px + (18 - 16)*((100vw - 300px)/(1200 - 300)));--hds-font-size-body-small-min:16px;--hds-font-size-body-small-max:18px;--hds-font-size-body-small-title:calc(16px + (18 - 16)*((100vw - 300px)/(1200 - 300)));--hds-font-size-body-small-title-min:16px;--hds-font-size-body-small-title-max:18px;--hds-font-size-technical:calc(14px + (16 - 14)*((100vw - 300px)/(1200 - 300)));--hds-font-size-technical-min:14px;--hds-font-size-technical-max:16px;--hds-font-size-technical-title:calc(14px + (16 - 14)*((100vw - 300px)/(1200 - 300)));--hds-font-size-technical-title-min:14px;--hds-font-size-technical-title-max:16px;--hds-font-size-caption:13px;--hds-font-size-caption-title:13px;--hds-line-height-posten-h1-display:calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300)));--hds-line-height-posten-h1-display-min:56px;--hds-line-height-posten-h1-display-max:80px;--hds-line-height-posten-h1:calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300)));--hds-line-height-posten-h1-min:40px;--hds-line-height-posten-h1-max:56px;--hds-line-height-posten-h2:calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300)));--hds-line-height-posten-h2-min:36px;--hds-line-height-posten-h2-max:40px;--hds-line-height-bring-h1-display:calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300)));--hds-line-height-bring-h1-display-min:56px;--hds-line-height-bring-h1-display-max:80px;--hds-line-height-bring-h1:calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300)));--hds-line-height-bring-h1-min:40px;--hds-line-height-bring-h1-max:56px;--hds-line-height-bring-h2:calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300)));--hds-line-height-bring-h2-min:36px;--hds-line-height-bring-h2-max:40px;--hds-line-height-header-h3:calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)));--hds-line-height-header-h3-min:28px;--hds-line-height-header-h3-max:32px;--hds-line-height-header-h3-title:calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)));--hds-line-height-header-h3-title-min:28px;--hds-line-height-header-h3-title-max:32px;--hds-line-height-body:calc(26px + (28 - 26)*((100vw - 300px)/(1200 - 300)));--hds-line-height-body-min:26px;--hds-line-height-body-max:28px;--hds-line-height-body-title:calc(26px + (28 - 26)*((100vw - 300px)/(1200 - 300)));--hds-line-height-body-title-min:26px;--hds-line-height-body-title-max:28px;--hds-line-height-body-small:calc(24px + (26 - 24)*((100vw - 300px)/(1200 - 300)));--hds-line-height-body-small-min:24px;--hds-line-height-body-small-max:26px;--hds-line-height-body-small-title:calc(24px + (26 - 24)*((100vw - 300px)/(1200 - 300)));--hds-line-height-body-small-title-min:24px;--hds-line-height-body-small-title-max:26px;--hds-line-height-technical:calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300)));--hds-line-height-technical-min:22px;--hds-line-height-technical-max:24px;--hds-line-height-technical-title:calc(22px + (24 - 22)*((100vw - 300px)/(1200 - 300)));--hds-line-height-technical-title-min:22px;--hds-line-height-technical-title-max:24px;--hds-line-height-caption:18px;--hds-line-height-caption-title:18px;--hds-font-weight-posten-h1-display:700;--hds-font-weight-posten-h1:700;--hds-font-weight-posten-h2:500;--hds-font-weight-bring-h1-display:300;--hds-font-weight-bring-h1:300;--hds-font-weight-bring-h2:400;--hds-font-weight-header-h3:400;--hds-font-weight-header-h3-title:500;--hds-font-weight-body:400;--hds-font-weight-body-title:500;--hds-font-weight-body-small:400;--hds-font-weight-body-small-title:500;--hds-font-weight-technical:400;--hds-font-weight-technical-title:500;--hds-font-weight-caption:400;--hds-font-weight-caption-title:500;--hds-micro-animation-duration-quick:.13s;--hds-micro-animation-duration-normal:.3s;--hds-micro-animation-duration-slow:.7s;--hds-breakpoints-small:460px;--hds-breakpoints-medium:720px;--hds-breakpoints-large:940px;--hds-breakpoints-xlarge:1200px;--hds-opacity-7:.07;--hds-opacity-10:.1;--hds-opacity-20:.2;--hds-opacity-50:.5;--hds-brand-colors-signature:#e32d22;--hds-brand-colors-darker:#4a1011;--hds-brand-colors-dark:#980000;--hds-brand-colors-light:#ff8a5f;--hds-brand-colors-lighter:#fff5f0;--hds-brand-colors-signature-hover:#d62722;--hds-brand-colors-light-hover:#ff7d55;--hds-brand-button-colors-text:#fff;--hds-brand-link-colors-text:#000;--hds-brand-link-colors-underline:#e32d22;--hds-brand-link-colors-hover:#e32d22;--hds-brand-link-colors-underline-hover:#e32d22;--hds-brand-typography-h1-display:700 calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300)))/calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-brand-typography-h1:700 calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300)))/calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-brand-typography-h2:500 calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)))/calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-brand-font-size-h1-display:calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300)));--hds-brand-font-size-h1-display-min:40px;--hds-brand-font-size-h1-display-max:72px;--hds-brand-font-size-h1:calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300)));--hds-brand-font-size-h1-min:32px;--hds-brand-font-size-h1-max:48px;--hds-brand-font-size-h2:calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)));--hds-brand-font-size-h2-min:28px;--hds-brand-font-size-h2-max:32px;--hds-brand-line-height-h1-display:calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300)));--hds-brand-line-height-h1-display-min:56px;--hds-brand-line-height-h1-display-max:80px;--hds-brand-line-height-h1:calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300)));--hds-brand-line-height-h1-min:40px;--hds-brand-line-height-h1-max:56px;--hds-brand-line-height-h2:calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300)));--hds-brand-line-height-h2-min:36px;--hds-brand-line-height-h2-max:40px;--hds-brand-font-weight-h1-display:700;--hds-brand-font-weight-h1:700;--hds-brand-font-weight-h2:500}.hds-theme-bring{--hds-brand-colors-signature:#7bc144;--hds-brand-colors-darker:#002f19;--hds-brand-colors-dark:#00643a;--hds-brand-colors-light:#c8dc8c;--hds-brand-colors-lighter:#f1f7e9;--hds-brand-colors-signature-hover:#86cc4a;--hds-brand-colors-light-hover:#d3e593;--hds-brand-button-colors-text:#000;--hds-brand-link-colors-text:#000;--hds-brand-link-colors-underline:#7bc144;--hds-brand-link-colors-hover:#00643a;--hds-brand-link-colors-underline-hover:#00643a;--hds-brand-typography-h1-display:300 calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300)))/calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-brand-typography-h1:300 calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300)))/calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-brand-typography-h2:400 calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)))/calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300)))"Posten Sans",Arial,sans-serif;--hds-brand-font-size-h1-display:calc(40px + (72 - 40)*((100vw - 300px)/(1200 - 300)));--hds-brand-font-size-h1-display-min:40px;--hds-brand-font-size-h1-display-max:72px;--hds-brand-font-size-h1:calc(32px + (48 - 32)*((100vw - 300px)/(1200 - 300)));--hds-brand-font-size-h1-min:32px;--hds-brand-font-size-h1-max:48px;--hds-brand-font-size-h2:calc(28px + (32 - 28)*((100vw - 300px)/(1200 - 300)));--hds-brand-font-size-h2-min:28px;--hds-brand-font-size-h2-max:32px;--hds-brand-line-height-h1-display:calc(56px + (80 - 56)*((100vw - 300px)/(1200 - 300)));--hds-brand-line-height-h1-display-min:56px;--hds-brand-line-height-h1-display-max:80px;--hds-brand-line-height-h1:calc(40px + (56 - 40)*((100vw - 300px)/(1200 - 300)));--hds-brand-line-height-h1-min:40px;--hds-brand-line-height-h1-max:56px;--hds-brand-line-height-h2:calc(36px + (40 - 36)*((100vw - 300px)/(1200 - 300)));--hds-brand-line-height-h2-min:36px;--hds-brand-line-height-h2-max:40px;--hds-brand-font-weight-h1-display:300;--hds-brand-font-weight-h1:300;--hds-brand-font-weight-h2:400}
|
|
2
2
|
/*# sourceMappingURL=./tokens.css.map */
|
package/dist/tokens.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"ACCA,41WA4MA","sources":["../src/tokens.css","../src/../node_modules/@postenbring/hedwig-tokens/tokens-output/css/tokens.css"],"sourcesContent":["@import url(\"../node_modules/@postenbring/hedwig-tokens/tokens-output/css/tokens.css\");\n","\n:root {\n --hds-posten-colors-signature-red: #e32d22;\n --hds-posten-colors-darker-red: #4a1011;\n --hds-posten-colors-dark-red: #980000;\n --hds-posten-colors-light-red: #ff8a5f;\n --hds-posten-colors-lighter-red: #fff5f0;\n --hds-posten-colors-signature-red-hover: #d62722;\n --hds-posten-colors-light-red-hover: #ff7d55;\n --hds-bring-colors-signature-green: #7bc144;\n --hds-bring-colors-darker-green: #002f19;\n --hds-bring-colors-dark-green: #00643a;\n --hds-bring-colors-light-green: #c8dc8c;\n --hds-bring-colors-lighter-green: #f1f7e9;\n --hds-bring-colors-signature-green-hover: #86cc4a;\n --hds-bring-colors-light-green-hover: #d3e593;\n --hds-ui-colors-black: #000000;\n --hds-ui-colors-dark-grey: #6e6e6e;\n --hds-ui-colors-grey: #d6d6d6;\n --hds-ui-colors-light-grey-stroke: #e4e4e4;\n --hds-ui-colors-light-grey-fill: #f2f2f2;\n --hds-ui-colors-white: #ffffff;\n --hds-ui-colors-warning-yellow: #fdbb2f;\n --hds-ui-colors-warning-yellow-stroke: #d68000;\n --hds-ui-colors-warning-yellow-light-fill: #fff5e0;\n --hds-ui-colors-warning-yellow-hover: #ffc340;\n --hds-ui-colors-black-hover: #1e1e1e;\n --hds-dark-mode-colors-obsidian: #121212; /* Base color for dark mode */\n --hds-dark-mode-colors-coal: #252525; /* Background on none-clickable cards */\n --hds-dark-mode-colors-dusk: #2c2c2c; /* Fill inputfields, checkbox, radiobuttons, toogles */\n --hds-dark-mode-colors-spider: #333333; /* Clickable cards or tiles */\n --hds-dark-mode-colors-ash: #999999; /* Default radio buttons, checkbox, label on inputsfields, toogle off (background) */\n --hds-spacing-small-1: 4px;\n --hds-spacing-small-2: 8px;\n --hds-spacing-small-3: 12px;\n --hds-spacing-small-4: 16px;\n --hds-spacing-medium-1: 20px;\n --hds-spacing-medium-2: 24px;\n --hds-spacing-medium-3: 32px;\n --hds-spacing-medium-4: 40px;\n --hds-spacing-large-1: 48px;\n --hds-spacing-large-2: 64px;\n --hds-spacing-large-3: 80px;\n --hds-spacing-large-4: 120px;\n --hds-spacing-large-5: 160px;\n --hds-fonts-posten-sans-bold: 'Posten Sans Bold', Arial, sans-serif;\n --hds-fonts-posten-sans-medium: 'Posten Sans Medium', Arial, sans-serif;\n --hds-fonts-posten-sans-regular: 'Posten Sans Regular', Arial, sans-serif;\n --hds-fonts-posten-sans-light: 'Posten Sans Light', Arial, sans-serif;\n --hds-typography-posten-h1-display: 400 calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))/calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Bold', Arial, sans-serif;\n --hds-typography-posten-h1: 400 calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))/calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Bold', Arial, sans-serif;\n --hds-typography-posten-h2: 400 calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))/calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-typography-bring-h1-display: 400 calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))/calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Light', Arial, sans-serif;\n --hds-typography-bring-h1: 400 calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))/calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Light', Arial, sans-serif;\n --hds-typography-bring-h2: 400 calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))/calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-header-h3: 400 calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)))/calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-header-h3-title: 400 calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)))/calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-typography-body: 400 calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)))/calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-body-title: 400 calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)))/calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-typography-body-small: 400 calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)))/calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-body-small-title: 400 calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)))/calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-typography-technical: 400 calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)))/calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-technical-title: 400 calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)))/calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-typography-caption: 400 13px/18px 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-caption-title: 400 13px/18px 'Posten Sans Medium', Arial, sans-serif;\n --hds-border-radius: 2px;\n --hds-stroke-default: 1px;\n --hds-stroke-thick: 2px;\n --hds-shadow-default: 0px 1px 5px 0px #00000022;\n --hds-micro-animation-easing-in: cubic-bezier(0.65, 0, 1, 0.1);\n --hds-micro-animation-easing-out: cubic-bezier(0, 0.45, 0.1, 1);\n --hds-micro-animation-easing-normal: cubic-bezier(0.45, 0.1, 0.65, 1);\n --hds-font-size-posten-h1-display: calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-posten-h1-display-min: 40px;\n --hds-font-size-posten-h1-display-max: 72px;\n --hds-font-size-posten-h1: calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-posten-h1-min: 32px;\n --hds-font-size-posten-h1-max: 48px;\n --hds-font-size-posten-h2: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-posten-h2-min: 28px;\n --hds-font-size-posten-h2-max: 32px;\n --hds-font-size-bring-h1-display: calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-bring-h1-display-min: 40px;\n --hds-font-size-bring-h1-display-max: 72px;\n --hds-font-size-bring-h1: calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-bring-h1-min: 32px;\n --hds-font-size-bring-h1-max: 48px;\n --hds-font-size-bring-h2: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-bring-h2-min: 28px;\n --hds-font-size-bring-h2-max: 32px;\n --hds-font-size-header-h3: calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-header-h3-min: 22px;\n --hds-font-size-header-h3-max: 24px;\n --hds-font-size-header-h3-title: calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-header-h3-title-min: 22px;\n --hds-font-size-header-h3-title-max: 24px;\n --hds-font-size-body: calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-body-min: 18px;\n --hds-font-size-body-max: 20px;\n --hds-font-size-body-title: calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-body-title-min: 18px;\n --hds-font-size-body-title-max: 20px;\n --hds-font-size-body-small: calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-body-small-min: 16px;\n --hds-font-size-body-small-max: 18px;\n --hds-font-size-body-small-title: calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-body-small-title-min: 16px;\n --hds-font-size-body-small-title-max: 18px;\n --hds-font-size-technical: calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-technical-min: 14px;\n --hds-font-size-technical-max: 16px;\n --hds-font-size-technical-title: calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-technical-title-min: 14px;\n --hds-font-size-technical-title-max: 16px;\n --hds-font-size-caption: 13px;\n --hds-font-size-caption-title: 13px;\n --hds-line-height-posten-h1-display: calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-posten-h1-display-min: 56px;\n --hds-line-height-posten-h1-display-max: 80px;\n --hds-line-height-posten-h1: calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-posten-h1-min: 40px;\n --hds-line-height-posten-h1-max: 56px;\n --hds-line-height-posten-h2: calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-posten-h2-min: 36px;\n --hds-line-height-posten-h2-max: 40px;\n --hds-line-height-bring-h1-display: calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-bring-h1-display-min: 56px;\n --hds-line-height-bring-h1-display-max: 80px;\n --hds-line-height-bring-h1: calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-bring-h1-min: 40px;\n --hds-line-height-bring-h1-max: 56px;\n --hds-line-height-bring-h2: calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-bring-h2-min: 36px;\n --hds-line-height-bring-h2-max: 40px;\n --hds-line-height-header-h3: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-header-h3-min: 28px;\n --hds-line-height-header-h3-max: 32px;\n --hds-line-height-header-h3-title: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-header-h3-title-min: 28px;\n --hds-line-height-header-h3-title-max: 32px;\n --hds-line-height-body: calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-body-min: 26px;\n --hds-line-height-body-max: 28px;\n --hds-line-height-body-title: calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-body-title-min: 26px;\n --hds-line-height-body-title-max: 28px;\n --hds-line-height-body-small: calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-body-small-min: 24px;\n --hds-line-height-body-small-max: 26px;\n --hds-line-height-body-small-title: calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-body-small-title-min: 24px;\n --hds-line-height-body-small-title-max: 26px;\n --hds-line-height-technical: calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-technical-min: 22px;\n --hds-line-height-technical-max: 24px;\n --hds-line-height-technical-title: calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-technical-title-min: 22px;\n --hds-line-height-technical-title-max: 24px;\n --hds-line-height-caption: 18px;\n --hds-line-height-caption-title: 18px;\n --hds-micro-animation-duration-quick: 0.130s;\n --hds-micro-animation-duration-normal: 0.300s;\n --hds-micro-animation-duration-slow: 0.700s;\n --hds-breakpoints-small: 460px;\n --hds-breakpoints-medium: 720px;\n --hds-breakpoints-large: 940px;\n --hds-breakpoints-xlarge: 1200px;\n --hds-opacity-7: .07;\n --hds-opacity-10: .1;\n --hds-opacity-20: .2;\n --hds-opacity-50: .5;\n --hds-brand-colors-signature: #e32d22;\n --hds-brand-colors-darker: #4a1011;\n --hds-brand-colors-dark: #980000;\n --hds-brand-colors-light: #ff8a5f;\n --hds-brand-colors-lighter: #fff5f0;\n --hds-brand-colors-signature-hover: #d62722;\n --hds-brand-colors-light-hover: #ff7d55;\n --hds-brand-button-colors-text: #ffffff;\n --hds-brand-link-colors-text: #000000;\n --hds-brand-link-colors-underline: #e32d22;\n --hds-brand-link-colors-hover: #e32d22;\n --hds-brand-link-colors-underline-hover: #e32d22;\n --hds-brand-typography-h1-display: 400 calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))/calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Bold', Arial, sans-serif;\n --hds-brand-typography-h1: 400 calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))/calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Bold', Arial, sans-serif;\n --hds-brand-typography-h2: 400 calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))/calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Medium', Arial, sans-serif;\n --hds-brand-font-size-h1-display: calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h1-display-min: 40px;\n --hds-brand-font-size-h1-display-max: 72px;\n --hds-brand-font-size-h1: calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h1-min: 32px;\n --hds-brand-font-size-h1-max: 48px;\n --hds-brand-font-size-h2: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h2-min: 28px;\n --hds-brand-font-size-h2-max: 32px;\n --hds-brand-line-height-h1-display: calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h1-display-min: 56px;\n --hds-brand-line-height-h1-display-max: 80px;\n --hds-brand-line-height-h1: calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h1-min: 40px;\n --hds-brand-line-height-h1-max: 56px;\n --hds-brand-line-height-h2: calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h2-min: 36px;\n --hds-brand-line-height-h2-max: 40px;\n}\n.hds-theme-bring {\n --hds-brand-colors-signature: #7bc144;\n --hds-brand-colors-darker: #002f19;\n --hds-brand-colors-dark: #00643a;\n --hds-brand-colors-light: #c8dc8c;\n --hds-brand-colors-lighter: #f1f7e9;\n --hds-brand-colors-signature-hover: #86cc4a;\n --hds-brand-colors-light-hover: #d3e593;\n --hds-brand-button-colors-text: #000000;\n --hds-brand-link-colors-text: #000000;\n --hds-brand-link-colors-underline: #7bc144;\n --hds-brand-link-colors-hover: #00643a;\n --hds-brand-link-colors-underline-hover: #00643a;\n --hds-brand-typography-h1-display: 400 calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))/calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Light', Arial, sans-serif;\n --hds-brand-typography-h1: 400 calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))/calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Light', Arial, sans-serif;\n --hds-brand-typography-h2: 400 calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))/calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans Regular', Arial, sans-serif;\n --hds-brand-font-size-h1-display: calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h1-display-min: 40px;\n --hds-brand-font-size-h1-display-max: 72px;\n --hds-brand-font-size-h1: calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h1-min: 32px;\n --hds-brand-font-size-h1-max: 48px;\n --hds-brand-font-size-h2: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h2-min: 28px;\n --hds-brand-font-size-h2-max: 32px;\n --hds-brand-line-height-h1-display: calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h1-display-min: 56px;\n --hds-brand-line-height-h1-display-max: 80px;\n --hds-brand-line-height-h1: calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h1-min: 40px;\n --hds-brand-line-height-h1-max: 56px;\n --hds-brand-line-height-h2: calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h2-min: 36px;\n --hds-brand-line-height-h2-max: 40px;\n}\n"],"names":[]}
|
|
1
|
+
{"version":3,"mappings":"ACCA,s5XAgOA","sources":["../src/tokens.css","../src/../node_modules/@postenbring/hedwig-tokens/tokens-output/css/tokens.css"],"sourcesContent":["@import url(\"../node_modules/@postenbring/hedwig-tokens/tokens-output/css/tokens.css\");\n","\n:root {\n --hds-posten-colors-signature-red: #e32d22;\n --hds-posten-colors-darker-red: #4a1011;\n --hds-posten-colors-dark-red: #980000;\n --hds-posten-colors-light-red: #ff8a5f;\n --hds-posten-colors-lighter-red: #fff5f0;\n --hds-posten-colors-signature-red-hover: #d62722;\n --hds-posten-colors-light-red-hover: #ff7d55;\n --hds-bring-colors-signature-green: #7bc144;\n --hds-bring-colors-darker-green: #002f19;\n --hds-bring-colors-dark-green: #00643a;\n --hds-bring-colors-light-green: #c8dc8c;\n --hds-bring-colors-lighter-green: #f1f7e9;\n --hds-bring-colors-signature-green-hover: #86cc4a;\n --hds-bring-colors-light-green-hover: #d3e593;\n --hds-ui-colors-black: #000000;\n --hds-ui-colors-dark-grey: #6e6e6e;\n --hds-ui-colors-grey: #d6d6d6;\n --hds-ui-colors-light-grey-stroke: #e4e4e4;\n --hds-ui-colors-light-grey-fill: #f2f2f2;\n --hds-ui-colors-white: #ffffff;\n --hds-ui-colors-warning-yellow: #fdbb2f;\n --hds-ui-colors-warning-yellow-stroke: #d68000;\n --hds-ui-colors-warning-yellow-light-fill: #fff5e0;\n --hds-ui-colors-warning-yellow-hover: #ffc340;\n --hds-ui-colors-black-hover: #1e1e1e;\n --hds-dark-mode-colors-obsidian: #121212; /* Base color for dark mode */\n --hds-dark-mode-colors-coal: #252525; /* Background on none-clickable cards */\n --hds-dark-mode-colors-dusk: #2c2c2c; /* Fill inputfields, checkbox, radiobuttons, toogles */\n --hds-dark-mode-colors-spider: #333333; /* Clickable cards or tiles */\n --hds-dark-mode-colors-ash: #999999; /* Default radio buttons, checkbox, label on inputsfields, toogle off (background) */\n --hds-spacing-small-1: 4px;\n --hds-spacing-small-2: 8px;\n --hds-spacing-small-3: 12px;\n --hds-spacing-small-4: 16px;\n --hds-spacing-medium-1: 20px;\n --hds-spacing-medium-2: 24px;\n --hds-spacing-medium-3: 32px;\n --hds-spacing-medium-4: 40px;\n --hds-spacing-large-1: 48px;\n --hds-spacing-large-2: 64px;\n --hds-spacing-large-3: 80px;\n --hds-spacing-large-4: 120px;\n --hds-spacing-large-5: 160px;\n --hds-fonts-posten-sans: 'Posten Sans', Arial, sans-serif;\n --hds-fonts-posten-sans-bold: 'Posten Sans Bold', Arial, sans-serif;\n --hds-fonts-posten-sans-medium: 'Posten Sans Medium', Arial, sans-serif;\n --hds-fonts-posten-sans-regular: 'Posten Sans Regular', Arial, sans-serif;\n --hds-fonts-posten-sans-light: 'Posten Sans Light', Arial, sans-serif;\n --hds-typography-posten-h1-display: 700 calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))/calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-typography-posten-h1: 700 calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))/calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-typography-posten-h2: 500 calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))/calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-typography-bring-h1-display: 300 calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))/calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-typography-bring-h1: 300 calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))/calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-typography-bring-h2: 400 calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))/calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-typography-header-h3: 400 calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)))/calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-typography-header-h3-title: 500 calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)))/calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body: 400 calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)))/calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body-title: 500 calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)))/calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body-small: 400 calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)))/calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body-small-title: 500 calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)))/calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-typography-technical: 400 calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)))/calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-typography-technical-title: 500 calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)))/calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-typography-caption: 400 13px/18px 'Posten Sans', Arial, sans-serif;\n --hds-typography-caption-title: 500 13px/18px 'Posten Sans', Arial, sans-serif;\n --hds-border-radius: 2px;\n --hds-stroke-default: 1px;\n --hds-stroke-thick: 2px;\n --hds-shadow-default: 0px 1px 5px 0px #00000022;\n --hds-micro-animation-easing-in: cubic-bezier(0.65, 0, 1, 0.1);\n --hds-micro-animation-easing-out: cubic-bezier(0, 0.45, 0.1, 1);\n --hds-micro-animation-easing-normal: cubic-bezier(0.45, 0.1, 0.65, 1);\n --hds-font-size-posten-h1-display: calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-posten-h1-display-min: 40px;\n --hds-font-size-posten-h1-display-max: 72px;\n --hds-font-size-posten-h1: calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-posten-h1-min: 32px;\n --hds-font-size-posten-h1-max: 48px;\n --hds-font-size-posten-h2: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-posten-h2-min: 28px;\n --hds-font-size-posten-h2-max: 32px;\n --hds-font-size-bring-h1-display: calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-bring-h1-display-min: 40px;\n --hds-font-size-bring-h1-display-max: 72px;\n --hds-font-size-bring-h1: calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-bring-h1-min: 32px;\n --hds-font-size-bring-h1-max: 48px;\n --hds-font-size-bring-h2: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-bring-h2-min: 28px;\n --hds-font-size-bring-h2-max: 32px;\n --hds-font-size-header-h3: calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-header-h3-min: 22px;\n --hds-font-size-header-h3-max: 24px;\n --hds-font-size-header-h3-title: calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-header-h3-title-min: 22px;\n --hds-font-size-header-h3-title-max: 24px;\n --hds-font-size-body: calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-body-min: 18px;\n --hds-font-size-body-max: 20px;\n --hds-font-size-body-title: calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-body-title-min: 18px;\n --hds-font-size-body-title-max: 20px;\n --hds-font-size-body-small: calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-body-small-min: 16px;\n --hds-font-size-body-small-max: 18px;\n --hds-font-size-body-small-title: calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-body-small-title-min: 16px;\n --hds-font-size-body-small-title-max: 18px;\n --hds-font-size-technical: calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-technical-min: 14px;\n --hds-font-size-technical-max: 16px;\n --hds-font-size-technical-title: calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300)));\n --hds-font-size-technical-title-min: 14px;\n --hds-font-size-technical-title-max: 16px;\n --hds-font-size-caption: 13px;\n --hds-font-size-caption-title: 13px;\n --hds-line-height-posten-h1-display: calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-posten-h1-display-min: 56px;\n --hds-line-height-posten-h1-display-max: 80px;\n --hds-line-height-posten-h1: calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-posten-h1-min: 40px;\n --hds-line-height-posten-h1-max: 56px;\n --hds-line-height-posten-h2: calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-posten-h2-min: 36px;\n --hds-line-height-posten-h2-max: 40px;\n --hds-line-height-bring-h1-display: calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-bring-h1-display-min: 56px;\n --hds-line-height-bring-h1-display-max: 80px;\n --hds-line-height-bring-h1: calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-bring-h1-min: 40px;\n --hds-line-height-bring-h1-max: 56px;\n --hds-line-height-bring-h2: calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-bring-h2-min: 36px;\n --hds-line-height-bring-h2-max: 40px;\n --hds-line-height-header-h3: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-header-h3-min: 28px;\n --hds-line-height-header-h3-max: 32px;\n --hds-line-height-header-h3-title: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-header-h3-title-min: 28px;\n --hds-line-height-header-h3-title-max: 32px;\n --hds-line-height-body: calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-body-min: 26px;\n --hds-line-height-body-max: 28px;\n --hds-line-height-body-title: calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-body-title-min: 26px;\n --hds-line-height-body-title-max: 28px;\n --hds-line-height-body-small: calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-body-small-min: 24px;\n --hds-line-height-body-small-max: 26px;\n --hds-line-height-body-small-title: calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-body-small-title-min: 24px;\n --hds-line-height-body-small-title-max: 26px;\n --hds-line-height-technical: calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-technical-min: 22px;\n --hds-line-height-technical-max: 24px;\n --hds-line-height-technical-title: calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300)));\n --hds-line-height-technical-title-min: 22px;\n --hds-line-height-technical-title-max: 24px;\n --hds-line-height-caption: 18px;\n --hds-line-height-caption-title: 18px;\n --hds-font-weight-posten-h1-display: 700;\n --hds-font-weight-posten-h1: 700;\n --hds-font-weight-posten-h2: 500;\n --hds-font-weight-bring-h1-display: 300;\n --hds-font-weight-bring-h1: 300;\n --hds-font-weight-bring-h2: 400;\n --hds-font-weight-header-h3: 400;\n --hds-font-weight-header-h3-title: 500;\n --hds-font-weight-body: 400;\n --hds-font-weight-body-title: 500;\n --hds-font-weight-body-small: 400;\n --hds-font-weight-body-small-title: 500;\n --hds-font-weight-technical: 400;\n --hds-font-weight-technical-title: 500;\n --hds-font-weight-caption: 400;\n --hds-font-weight-caption-title: 500;\n --hds-micro-animation-duration-quick: 0.130s;\n --hds-micro-animation-duration-normal: 0.300s;\n --hds-micro-animation-duration-slow: 0.700s;\n --hds-breakpoints-small: 460px;\n --hds-breakpoints-medium: 720px;\n --hds-breakpoints-large: 940px;\n --hds-breakpoints-xlarge: 1200px;\n --hds-opacity-7: .07;\n --hds-opacity-10: .1;\n --hds-opacity-20: .2;\n --hds-opacity-50: .5;\n --hds-brand-colors-signature: #e32d22;\n --hds-brand-colors-darker: #4a1011;\n --hds-brand-colors-dark: #980000;\n --hds-brand-colors-light: #ff8a5f;\n --hds-brand-colors-lighter: #fff5f0;\n --hds-brand-colors-signature-hover: #d62722;\n --hds-brand-colors-light-hover: #ff7d55;\n --hds-brand-button-colors-text: #ffffff;\n --hds-brand-link-colors-text: #000000;\n --hds-brand-link-colors-underline: #e32d22;\n --hds-brand-link-colors-hover: #e32d22;\n --hds-brand-link-colors-underline-hover: #e32d22;\n --hds-brand-typography-h1-display: 700 calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))/calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-brand-typography-h1: 700 calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))/calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-brand-typography-h2: 500 calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))/calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-brand-font-size-h1-display: calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h1-display-min: 40px;\n --hds-brand-font-size-h1-display-max: 72px;\n --hds-brand-font-size-h1: calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h1-min: 32px;\n --hds-brand-font-size-h1-max: 48px;\n --hds-brand-font-size-h2: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h2-min: 28px;\n --hds-brand-font-size-h2-max: 32px;\n --hds-brand-line-height-h1-display: calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h1-display-min: 56px;\n --hds-brand-line-height-h1-display-max: 80px;\n --hds-brand-line-height-h1: calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h1-min: 40px;\n --hds-brand-line-height-h1-max: 56px;\n --hds-brand-line-height-h2: calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h2-min: 36px;\n --hds-brand-line-height-h2-max: 40px;\n --hds-brand-font-weight-h1-display: 700;\n --hds-brand-font-weight-h1: 700;\n --hds-brand-font-weight-h2: 500;\n}\n.hds-theme-bring {\n --hds-brand-colors-signature: #7bc144;\n --hds-brand-colors-darker: #002f19;\n --hds-brand-colors-dark: #00643a;\n --hds-brand-colors-light: #c8dc8c;\n --hds-brand-colors-lighter: #f1f7e9;\n --hds-brand-colors-signature-hover: #86cc4a;\n --hds-brand-colors-light-hover: #d3e593;\n --hds-brand-button-colors-text: #000000;\n --hds-brand-link-colors-text: #000000;\n --hds-brand-link-colors-underline: #7bc144;\n --hds-brand-link-colors-hover: #00643a;\n --hds-brand-link-colors-underline-hover: #00643a;\n --hds-brand-typography-h1-display: 300 calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)))/calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-brand-typography-h1: 300 calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)))/calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-brand-typography-h2: 400 calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)))/calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))) 'Posten Sans', Arial, sans-serif;\n --hds-brand-font-size-h1-display: calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h1-display-min: 40px;\n --hds-brand-font-size-h1-display-max: 72px;\n --hds-brand-font-size-h1: calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h1-min: 32px;\n --hds-brand-font-size-h1-max: 48px;\n --hds-brand-font-size-h2: calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-font-size-h2-min: 28px;\n --hds-brand-font-size-h2-max: 32px;\n --hds-brand-line-height-h1-display: calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h1-display-min: 56px;\n --hds-brand-line-height-h1-display-max: 80px;\n --hds-brand-line-height-h1: calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h1-min: 40px;\n --hds-brand-line-height-h1-max: 56px;\n --hds-brand-line-height-h2: calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300)));\n --hds-brand-line-height-h2-min: 36px;\n --hds-brand-line-height-h2-max: 40px;\n --hds-brand-font-weight-h1-display: 300;\n --hds-brand-font-weight-h1: 300;\n --hds-brand-font-weight-h2: 400;\n}\n"],"names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@postenbring/hedwig-css",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.15",
|
|
4
4
|
"description": "",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist/**",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"clsx": "^2.0.0",
|
|
26
|
-
"@postenbring/hedwig-tokens": "0.0.
|
|
26
|
+
"@postenbring/hedwig-tokens": "0.0.5"
|
|
27
27
|
},
|
|
28
28
|
"publishConfig": {
|
|
29
29
|
"access": "public"
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/dist/base.css
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
:root{box-sizing:border-box;font:var(--hds-typography-body);fill:var(--hds-ui-colors-black);color:var(--hds-ui-colors-black);cursor:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;line-height:1.4}:root body{background:var(--hds-ui-colors-white)}
|
|
2
|
-
/*# sourceMappingURL=./base.css.map */
|
package/dist/base.css.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAIA,8NAUE","sources":["../src/base.css"],"sourcesContent":["/*\n * Based on hedwig global css\n * https://github.com/bring/hedwig/blob/master/src/shared/base/body.css\n */\n:root {\n box-sizing: border-box;\n font: var(--hds-typography-body);\n fill: var(--hds-ui-colors-black);\n color: var(--hds-ui-colors-black);\n line-height: 1.4;\n cursor: auto;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n\n & body {\n background: var(--hds-ui-colors-white);\n }\n}\n"],"names":[]}
|