@postenbring/hedwig-css 0.0.7 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/assets/fonts/PostenSans-Bold.eot +0 -0
  2. package/assets/fonts/PostenSans-Bold.otf +0 -0
  3. package/assets/fonts/PostenSans-Bold.ttf +0 -0
  4. package/assets/fonts/PostenSans-Bold.woff +0 -0
  5. package/assets/fonts/PostenSans-Bold.woff2 +0 -0
  6. package/assets/fonts/PostenSans-Light.eot +0 -0
  7. package/assets/fonts/PostenSans-Light.otf +0 -0
  8. package/assets/fonts/PostenSans-Light.ttf +0 -0
  9. package/assets/fonts/PostenSans-Light.woff +0 -0
  10. package/assets/fonts/PostenSans-Light.woff2 +0 -0
  11. package/assets/fonts/PostenSans-Medium.eot +0 -0
  12. package/assets/fonts/PostenSans-Medium.otf +0 -0
  13. package/assets/fonts/PostenSans-Medium.ttf +0 -0
  14. package/assets/fonts/PostenSans-Medium.woff +0 -0
  15. package/assets/fonts/PostenSans-Medium.woff2 +0 -0
  16. package/assets/fonts/PostenSans-Regular.eot +0 -0
  17. package/assets/fonts/PostenSans-Regular.otf +0 -0
  18. package/assets/fonts/PostenSans-Regular.ttf +0 -0
  19. package/assets/fonts/PostenSans-Regular.woff +0 -0
  20. package/assets/fonts/PostenSans-Regular.woff2 +0 -0
  21. package/dist/accordion.css +1 -1
  22. package/dist/accordion.css.map +1 -1
  23. package/dist/all-in-one.css +2 -0
  24. package/dist/all-in-one.css.map +1 -0
  25. package/dist/badge.css +1 -1
  26. package/dist/badge.css.map +1 -1
  27. package/dist/base.css +1 -1
  28. package/dist/base.css.map +1 -1
  29. package/dist/box.css +1 -1
  30. package/dist/box.css.map +1 -1
  31. package/dist/button.css +1 -1
  32. package/dist/button.css.map +1 -1
  33. package/dist/description-list.css +1 -1
  34. package/dist/description-list.css.map +1 -1
  35. package/dist/fonts.css +2 -0
  36. package/dist/fonts.css.map +1 -0
  37. package/dist/index.css +2 -2
  38. package/dist/index.css.map +1 -1
  39. package/dist/input.css +1 -1
  40. package/dist/input.css.map +1 -1
  41. package/dist/link.css +2 -2
  42. package/dist/link.css.map +1 -1
  43. package/dist/list.css +1 -1
  44. package/dist/list.css.map +1 -1
  45. package/dist/message.css +1 -1
  46. package/dist/message.css.map +1 -1
  47. package/dist/reset.css +1 -1
  48. package/dist/reset.css.map +1 -1
  49. package/dist/scoped.css +1 -1
  50. package/dist/tokens.css +2 -0
  51. package/dist/tokens.css.map +1 -0
  52. package/dist/typography.css +1 -1
  53. package/dist/typography.css.map +1 -1
  54. package/package.json +9 -7
package/dist/scoped.css CHANGED
@@ -1 +1 @@
1
- .kp-decorator-header-and-footer .hds-theme-posten{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 .hds-theme-bring{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 :is(.hds-theme-posten,.hds-theme-bring) 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;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-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-2);margin:0}.kp-decorator-header-and-footer .hds-list li{margin-bottom:var(--hds-spacing-small-3);position:relative}.kp-decorator-header-and-footer .hds-list ul{list-style:none}.kp-decorator-header-and-footer .hds-list ul li:before{content:"";background:var(--hds-brand-colors-dark);border-radius:50%;width:6px;height:6px;margin-left:-22px;position:absolute;top:11px}.kp-decorator-header-and-footer .hds-list.hds-list--small{font:var(--hds-typography-body-small);padding-left:var(--hds-spacing-medium-1);line-height:1.8}.kp-decorator-header-and-footer .hds-list.hds-list--small li{margin-bottom:0}.kp-decorator-header-and-footer .hds-list.hds-list--small li:before{width:5px;height:5px;margin-top:3px;margin-left:-18px;top:9px}.kp-decorator-header-and-footer .hds-list.hds-list--medium{font:var(--hds-typography-body)}.kp-decorator-header-and-footer .hds-list.hds-list--large{font:var(--hds-typography-header-h3)}.kp-decorator-header-and-footer .hds-list.hds-list--large li{margin-bottom:9px}.kp-decorator-header-and-footer .hds-list.hds-list--large li:before{width:8px;height:8px;margin-left:-24px;top:10px}.kp-decorator-header-and-footer .hds-list.hds-list--style-hidden{padding-left:0;list-style:none}.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{--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:focus{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:720px){.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);list-style:none;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{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;width:100%;display:block;position:relative}.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);margin-right:var(--hds-spacing-small-4);width:var(--hds-accordion-icon-dimension);height:var(--hds-accordion-icon-dimension);display:inline-block}.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}
1
+ .kp-decorator-header-and-footer .hds-theme-posten{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 .hds-theme-bring{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 :is(.hds-theme-posten,.hds-theme-bring) 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;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-2);margin:0}.kp-decorator-header-and-footer .hds-list li{margin-bottom:var(--hds-spacing-small-3);position:relative}.kp-decorator-header-and-footer .hds-list ul{list-style:none}.kp-decorator-header-and-footer .hds-list ul li:before{content:"";background:var(--hds-brand-colors-dark);border-radius:50%;width:6px;height:6px;margin-left:-22px;position:absolute;top:11px}.kp-decorator-header-and-footer .hds-list.hds-list--small{font:var(--hds-typography-body-small);padding-left:var(--hds-spacing-medium-1);line-height:1.8}.kp-decorator-header-and-footer .hds-list.hds-list--small li{margin-bottom:0}.kp-decorator-header-and-footer .hds-list.hds-list--small li:before{width:5px;height:5px;margin-top:3px;margin-left:-18px;top:9px}.kp-decorator-header-and-footer .hds-list.hds-list--medium{font:var(--hds-typography-body)}.kp-decorator-header-and-footer .hds-list.hds-list--large{font:var(--hds-typography-header-h3)}.kp-decorator-header-and-footer .hds-list.hds-list--large li{margin-bottom:9px}.kp-decorator-header-and-footer .hds-list.hds-list--large li:before{width:8px;height:8px;margin-left:-24px;top:10px}.kp-decorator-header-and-footer .hds-list.hds-list--style-hidden{padding-left:0;list-style:none}.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{--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:focus{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:720px){.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);list-style:none;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{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;width:100%;display:block;position:relative}.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);margin-right:var(--hds-spacing-small-4);width:var(--hds-accordion-icon-dimension);height:var(--hds-accordion-icon-dimension);display:inline-block}.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}
package/dist/tokens.css ADDED
@@ -0,0 +1,2 @@
1
+ .hds-theme-posten,.hds-theme-bring{--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-theme-posten{--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}
2
+ /*# sourceMappingURL=./tokens.css.map */
package/dist/tokens.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"mappings":"ACCA,i/SA2KA,05DAmCA","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.hds-theme-posten, .hds-theme-bring {\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}\n.hds-theme-posten {\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":[]}
package/dist/typography.css CHANGED
@@ -1,2 +1,2 @@
1
1
  .hds-typography-h2-display{font:var(--hds-brand-typography-h1-display)}.hds-typography-h1{font:var(--hds-brand-typography-h1)}.hds-typography-h1.hds-typography-h1--spacing{margin-top:var(--hds-spacing-large-2)}.hds-typography-h2{font:var(--hds-brand-typography-h2)}.hds-typography-h2.hds-typography-h2--spacing{margin-top:var(--hds-spacing-large-2)}.hds-typography-h1~.hds-typography-h2.hds-typography-h2--spacing{margin-top:var(--hds-spacing-medium-3)}.hds-typography-h3{font:var(--hds-typography-header-h3)}.hds-typography-h3.hds-typography-h3--title{font:var(--hds-typography-header-h3-title)}.hds-typography-h3.hds-typography-h3--spacing{margin-top:var(--hds-spacing-large-2)}.hds-typography-body{font:var(--hds-typography-body)}.hds-typography-body.hds-typography-body--title{font:var(--hds-typography-body-title)}.hds-typography-body.hds-typography-body--spacing{margin-top:var(--hds-spacing-medium-2)}.hds-typography-body-small{font:var(--hds-typography-body-small)}.hds-typography-body-small.hds-typography-body-small--title{font:var(--hds-typography-body-small-title)}.hds-typography-body-small.hds-typography-body-small--spacing{margin-top:var(--hds-spacing-medium-2)}.hds-typography-caption{font:var(--hds-typography-caption)}.hds-typography-caption.hds-typography-caption--title{font:var(--hds-typography-caption-title)}.hds-typography-caption.hds-typography-caption--spacing{margin-top:var(--hds-spacing-medium-2)}.hds-typography-technical{font:var(--hds-typography-technical)}.hds-typography-technical.hds-typography-technical--title{font:var(--hds-typography-technical-title)}.hds-typography-technical.hds-typography-technical--spacing{margin-top:var(--hds-spacing-small-1)}@media (min-width:940px){.hds-typography-technical.hds-typography-technical--spacing{margin-top:var(--hds-spacing-small-2)}}
2
- /*# sourceMappingURL=./dist/typography.css.map */
2
+ /*# sourceMappingURL=./typography.css.map */
package/dist/typography.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"mappings":"AAAA,uEAIA,uDAGE,oFAKF,uDAGE,oFAIA,wGAKF,wDAGE,uFAIA,oFAKF,qDAGE,sFAIA,yFAKF,iEAGE,wGAIA,qGAKF,2DAGE,+FAIA,+FAKF,+DAGE,qGAIA,kGAIA,yBACE","sources":["src/typography/typography.css"],"sourcesContent":[".hds-typography-h2-display {\n font: var(--hds-brand-typography-h1-display);\n}\n\n.hds-typography-h1 {\n font: var(--hds-brand-typography-h1);\n\n &.hds-typography-h1--spacing {\n margin-top: var(--hds-spacing-large-2);\n }\n}\n\n.hds-typography-h2 {\n font: var(--hds-brand-typography-h2);\n\n &.hds-typography-h2--spacing {\n margin-top: var(--hds-spacing-large-2);\n }\n\n .hds-typography-h1 ~ &.hds-typography-h2--spacing {\n margin-top: var(--hds-spacing-medium-3);\n }\n}\n\n.hds-typography-h3 {\n font: var(--hds-typography-header-h3);\n\n &.hds-typography-h3--title {\n font: var(--hds-typography-header-h3-title);\n }\n\n &.hds-typography-h3--spacing {\n margin-top: var(--hds-spacing-large-2);\n }\n}\n\n.hds-typography-body {\n font: var(--hds-typography-body);\n\n &.hds-typography-body--title {\n font: var(--hds-typography-body-title);\n }\n\n &.hds-typography-body--spacing {\n margin-top: var(--hds-spacing-medium-2);\n }\n}\n\n.hds-typography-body-small {\n font: var(--hds-typography-body-small);\n\n &.hds-typography-body-small--title {\n font: var(--hds-typography-body-small-title);\n }\n\n &.hds-typography-body-small--spacing {\n margin-top: var(--hds-spacing-medium-2);\n }\n}\n\n.hds-typography-caption {\n font: var(--hds-typography-caption);\n\n &.hds-typography-caption--title {\n font: var(--hds-typography-caption-title);\n }\n\n &.hds-typography-caption--spacing {\n margin-top: var(--hds-spacing-medium-2);\n }\n}\n\n.hds-typography-technical {\n font: var(--hds-typography-technical);\n\n &.hds-typography-technical--title {\n font: var(--hds-typography-technical-title);\n }\n\n &.hds-typography-technical--spacing {\n margin-top: var(--hds-spacing-small-1);\n }\n\n @media (min-width: 940px) {\n &.hds-typography-technical--spacing {\n margin-top: var(--hds-spacing-small-2);\n }\n }\n}\n"],"names":[]}
1
+ {"version":3,"mappings":"AAAA,uEAIA,uDAGE,oFAKF,uDAGE,oFAIA,wGAKF,wDAGE,uFAIA,oFAKF,qDAGE,sFAIA,yFAKF,iEAGE,wGAIA,qGAKF,2DAGE,+FAIA,+FAKF,+DAGE,qGAIA,kGAIA,yBACE","sources":["../src/typography/typography.css"],"sourcesContent":[".hds-typography-h2-display {\n font: var(--hds-brand-typography-h1-display);\n}\n\n.hds-typography-h1 {\n font: var(--hds-brand-typography-h1);\n\n &.hds-typography-h1--spacing {\n margin-top: var(--hds-spacing-large-2);\n }\n}\n\n.hds-typography-h2 {\n font: var(--hds-brand-typography-h2);\n\n &.hds-typography-h2--spacing {\n margin-top: var(--hds-spacing-large-2);\n }\n\n .hds-typography-h1 ~ &.hds-typography-h2--spacing {\n margin-top: var(--hds-spacing-medium-3);\n }\n}\n\n.hds-typography-h3 {\n font: var(--hds-typography-header-h3);\n\n &.hds-typography-h3--title {\n font: var(--hds-typography-header-h3-title);\n }\n\n &.hds-typography-h3--spacing {\n margin-top: var(--hds-spacing-large-2);\n }\n}\n\n.hds-typography-body {\n font: var(--hds-typography-body);\n\n &.hds-typography-body--title {\n font: var(--hds-typography-body-title);\n }\n\n &.hds-typography-body--spacing {\n margin-top: var(--hds-spacing-medium-2);\n }\n}\n\n.hds-typography-body-small {\n font: var(--hds-typography-body-small);\n\n &.hds-typography-body-small--title {\n font: var(--hds-typography-body-small-title);\n }\n\n &.hds-typography-body-small--spacing {\n margin-top: var(--hds-spacing-medium-2);\n }\n}\n\n.hds-typography-caption {\n font: var(--hds-typography-caption);\n\n &.hds-typography-caption--title {\n font: var(--hds-typography-caption-title);\n }\n\n &.hds-typography-caption--spacing {\n margin-top: var(--hds-spacing-medium-2);\n }\n}\n\n.hds-typography-technical {\n font: var(--hds-typography-technical);\n\n &.hds-typography-technical--title {\n font: var(--hds-typography-technical-title);\n }\n\n &.hds-typography-technical--spacing {\n margin-top: var(--hds-spacing-small-1);\n }\n\n @media (min-width: 940px) {\n &.hds-typography-technical--spacing {\n margin-top: var(--hds-spacing-small-2);\n }\n }\n}\n"],"names":[]}
package/package.json CHANGED
@@ -1,10 +1,11 @@
1
1
  {
2
2
  "name": "@postenbring/hedwig-css",
3
- "version": "0.0.7",
3
+ "version": "0.0.8",
4
4
  "description": "",
5
5
  "files": [
6
6
  "dist/**",
7
- "typed-classname/**"
7
+ "typed-classname/**",
8
+ "assets/**"
8
9
  ],
9
10
  "license": "MIT",
10
11
  "devDependencies": {
@@ -20,22 +21,23 @@
20
21
  "stylelint-value-no-unknown-custom-properties": "5.0.0",
21
22
  "wait-on": "^7.2.0"
22
23
  },
24
+ "dependencies": {
25
+ "clsx": "^2.0.0",
26
+ "@postenbring/hedwig-tokens": "0.0.3"
27
+ },
23
28
  "publishConfig": {
24
29
  "access": "public"
25
30
  },
26
31
  "browserslist": [
27
32
  "defaults"
28
33
  ],
29
- "dependencies": {
30
- "clsx": "^2.0.0"
31
- },
32
34
  "scripts": {
33
35
  "build": "pnpm run --sequential /^build:.*/",
34
- "build:css": "mkdir -p dist && lightningcss --minify --bundle --sourcemap --targets '>= 0.25%' src/*.css src/**/*.css -d ./dist",
36
+ "build:css": "mkdir -p dist && cd dist && lightningcss --minify --bundle --sourcemap --targets '>= 0.25%' ../src/*.css ../src/**/*.css -d .",
35
37
  "build:typed-classname": "node ./typed-classname/build.mjs",
36
38
  "build:scoped-css": "node ./build-scoped-css.mjs",
37
39
  "dev": "pnpm run --parallel /^dev:.*/",
38
- "dev:css": "chokidar --initial 'src/**/*.css' -c 'pnpm build:css'",
40
+ "dev:css": "chokidar --initial 'src/**/*.css' '../tokens/tokens-output/**' -c 'pnpm build:css'",
39
41
  "dev:typed-classname": "wait-on dist/index.css && node --watch-preserve-output --watch-path dist/index.css --watch ./typed-classname/build.mjs",
40
42
  "lint": "stylelint 'src/**/*.css' 'src/**/*.scss' --cache",
41
43
  "lint:fix": "pnpm lint -- --fix",