npm - @postenbring/hedwig-css - Versions diffs - 1.6.0 → 2.1.0 - Mend

@postenbring/hedwig-css 1.6.0 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

package/dist/box.css.map +1 -1
package/dist/breadcrumbs.css +1 -1
package/dist/button-list.css +1 -0
package/dist/button-list.css.map +1 -0
package/dist/button.css +1 -1
package/dist/button.css.map +1 -1
package/dist/card.css +1 -1
package/dist/card.css.map +1 -1
package/dist/classnames.d.ts +12 -5
package/dist/flex.css +1 -1
package/dist/footer.css +1 -1
package/dist/fullwidth-card.css +1 -1
package/dist/fullwidth-card.css.map +1 -1
package/dist/index.css +1 -1
package/dist/index.css.map +1 -1
package/dist/link.css +1 -1
package/dist/link.css.map +1 -1
package/dist/list.css +1 -1
package/dist/list.css.map +1 -1
package/dist/modal.css +1 -1
package/dist/navbar.css +1 -1
package/dist/navbar.css.map +1 -1
package/dist/scoped.css +1 -1
package/dist/styled-html.css +1 -1
package/dist/styled-html.css.map +1 -1
package/dist/table.css +1 -1
package/dist/tokens.css +1 -1
package/dist/tokens.css.map +1 -1
package/package.json +7 -7

package/dist/styled-html.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--hds-spacing-4-8:var(--hds-spacing-4);--hds-spacing-8-12:var(--hds-spacing-8);--hds-spacing-12-16:var(--hds-spacing-12);--hds-spacing-16-20:var(--hds-spacing-16);--hds-spacing-20-24:var(--hds-spacing-20);--hds-spacing-24-32:var(--hds-spacing-24);--hds-spacing-32-40:var(--hds-spacing-32);--hds-spacing-40-48:var(--hds-spacing-40);--hds-spacing-48-64:var(--hds-spacing-48);--hds-spacing-64-80:var(--hds-spacing-64);--hds-spacing-80-120:var(--hds-spacing-80);--hds-spacing-120-160:var(--hds-spacing-120)}@media (min-width:940px){:root{--hds-spacing-4-8:var(--hds-spacing-8);--hds-spacing-8-12:var(--hds-spacing-12);--hds-spacing-12-16:var(--hds-spacing-16);--hds-spacing-16-20:var(--hds-spacing-20);--hds-spacing-20-24:var(--hds-spacing-24);--hds-spacing-24-32:var(--hds-spacing-32);--hds-spacing-32-40:var(--hds-spacing-40);--hds-spacing-40-48:var(--hds-spacing-48);--hds-spacing-48-64:var(--hds-spacing-64);--hds-spacing-64-80:var(--hds-spacing-80);--hds-spacing-80-120:var(--hds-spacing-120);--hds-spacing-120-160:var(--hds-spacing-160)}}.hds-mt-4{margin-top:var(--hds-spacing-4)}.hds-mt-8{margin-top:var(--hds-spacing-8)}.hds-mt-12{margin-top:var(--hds-spacing-12)}.hds-mt-16{margin-top:var(--hds-spacing-16)}.hds-mt-20{margin-top:var(--hds-spacing-20)}.hds-mt-24{margin-top:var(--hds-spacing-24)}.hds-mt-32{margin-top:var(--hds-spacing-32)}.hds-mt-40{margin-top:var(--hds-spacing-40)}.hds-mt-48{margin-top:var(--hds-spacing-48)}.hds-mt-64{margin-top:var(--hds-spacing-64)}.hds-mt-80{margin-top:var(--hds-spacing-80)}.hds-mt-120{margin-top:var(--hds-spacing-120)}.hds-mt-160{margin-top:var(--hds-spacing-160)}.hds-mt-4-8{margin-top:var(--hds-spacing-4-8)}.hds-mt-8-12{margin-top:var(--hds-spacing-8-12)}.hds-mt-12-16{margin-top:var(--hds-spacing-12-16)}.hds-mt-16-20{margin-top:var(--hds-spacing-16-20)}.hds-mt-20-24{margin-top:var(--hds-spacing-20-24)}.hds-mt-24-32{margin-top:var(--hds-spacing-24-32)}.hds-mt-32-40{margin-top:var(--hds-spacing-32-40)}.hds-mt-40-48{margin-top:var(--hds-spacing-40-48)}.hds-mt-48-64{margin-top:var(--hds-spacing-48-64)}.hds-mt-64-80{margin-top:var(--hds-spacing-64-80)}.hds-mt-80-120{margin-top:var(--hds-spacing-80-120)}.hds-mt-120-160{margin-top:var(--hds-spacing-120-160)}.hds-mb-4{margin-bottom:var(--hds-spacing-4)}.hds-mb-8{margin-bottom:var(--hds-spacing-8)}.hds-mb-12{margin-bottom:var(--hds-spacing-12)}.hds-mb-16{margin-bottom:var(--hds-spacing-16)}.hds-mb-20{margin-bottom:var(--hds-spacing-20)}.hds-mb-24{margin-bottom:var(--hds-spacing-24)}.hds-mb-32{margin-bottom:var(--hds-spacing-32)}.hds-mb-40{margin-bottom:var(--hds-spacing-40)}.hds-mb-48{margin-bottom:var(--hds-spacing-48)}.hds-mb-64{margin-bottom:var(--hds-spacing-64)}.hds-mb-80{margin-bottom:var(--hds-spacing-80)}.hds-mb-120{margin-bottom:var(--hds-spacing-120)}.hds-mb-160{margin-bottom:var(--hds-spacing-160)}.hds-mb-4-8{margin-bottom:var(--hds-spacing-4-8)}.hds-mb-8-12{margin-bottom:var(--hds-spacing-8-12)}.hds-mb-12-16{margin-bottom:var(--hds-spacing-12-16)}.hds-mb-16-20{margin-bottom:var(--hds-spacing-16-20)}.hds-mb-20-24{margin-bottom:var(--hds-spacing-20-24)}.hds-mb-24-32{margin-bottom:var(--hds-spacing-24-32)}.hds-mb-32-40{margin-bottom:var(--hds-spacing-32-40)}.hds-mb-40-48{margin-bottom:var(--hds-spacing-40-48)}.hds-mb-48-64{margin-bottom:var(--hds-spacing-48-64)}.hds-mb-64-80{margin-bottom:var(--hds-spacing-64-80)}.hds-mb-80-120{margin-bottom:var(--hds-spacing-80-120)}.hds-mb-120-160{margin-bottom:var(--hds-spacing-120-160)}.hds-styled-html{font:var(--hds-typography-body)}.hds-styled-html>:first-child{margin-top:0}.hds-styled-html>:last-child{margin-bottom:0}.hds-styled-html h1{margin-top:var(--hds-spacing-48-64)}.hds-styled-html h2{margin-top:var(--hds-spacing-48-64)}.hds-styled-html h3{margin-top:var(--hds-spacing-40-48)}.hds-styled-html h4{margin-top:var(--hds-spacing-32-40)}.hds-styled-html h5{margin-top:var(--hds-spacing-32-40)}.hds-styled-html a:where(:not(.hds-button)){color:var(--hds-link-colors-text);fill:currentColor;transition-duration:var(--hds-micro-animation-duration-quick);transition-timing-function:var(--hds-micro-animation-easing-normal);cursor:pointer;text-decoration-line:underline;text-decoration-thickness:var(--hds-stroke-default);-webkit-text-decoration-color:var(--hds-link-colors-underline);text-decoration-color:var(--hds-link-colors-underline);text-underline-offset:.25em;gap:8px;transition-property:color,fill,text-decoration-color;display:inline-flex}.hds-styled-html a:where(:not(.hds-button)):hover{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html a:where(:not(.hds-button)):active{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted{color:var(--hds-ui-colors-white);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:hover{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:active{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:disabled{color:var(--hds-ui-colors-dark-grey);fill:currentColor;cursor:default;text-decoration-color:currentColor;box-shadow:none!important;outline:0!important}.hds-styled-html a:where(:not(.hds-button)).hds-link--no-underline{color:var(--hds-colors-dark);font-weight:500;text-decoration:none}.hds-styled-html a:where(:not(.hds-button)).hds-link--no-underline:hover{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html a:where(:not(.hds-button)).hds-link--no-underline:active{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html a:where(:not(.hds-button)).hds-link--solid{color:var(--hds-ui-colors-black);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--solid:hover{color:var(--hds-ui-colors-black-hover);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--solid:active{color:var(--hds-ui-colors-black-hover);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--small{font:var(--hds-typography-body-small)}.hds-styled-html a:where(:not(.hds-button)).hds-link--large{font:var(--hds-typography-h3)}.hds-styled-html a:where(:not(.hds-button)).hds-link--technical{font:var(--hds-typography-technical)}.hds-styled-html a:where(:not(.hds-button)):is(button){background:0 0;border:0;padding:0}.hds-styled-html a:where(:not(.hds-button)):is(button):not(:is(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html p{margin-top:var(--hds-spacing-16)}@media (min-width:940px){.hds-styled-html p{margin-top:var(--hds-spacing-24)}}.hds-styled-html p+h2{margin-top:var(--hds-spacing-48-64)}.hds-styled-html p+figure{margin-top:var(--hds-spacing-48-64)}.hds-styled-html p+h3{margin-top:var(--hds-spacing-40-48)}.hds-styled-html p+h4{margin-top:var(--hds-spacing-32-40)}.hds-styled-html p+h5{margin-top:var(--hds-spacing-32-40)}.hds-styled-html hr{margin-bottom:var(--hds-spacing-24)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){margin-top:var(--hds-spacing-16)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){--_hds-list-marker-color:var(--hds-colors-dark);padding-left:var(--hds-spacing-32)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) li{padding-left:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) li::marker{color:var(--_hds-list-marker-color)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ol){list-style:decimal}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ul){list-style:disc}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ul) ul{list-style:circle}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ol) ol{list-style:decimal}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small{font:var(--hds-typography-body-small)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small +{margin-top:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small ul{margin-top:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small ol{margin-top:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) +{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) ul{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) ol{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium +{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium ul{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium ol{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large{font:var(--hds-typography-h3)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large +{margin-top:var(--hds-spacing-12)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large ul{margin-top:var(--hds-spacing-12)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large ol{margin-top:var(--hds-spacing-12)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list{padding-left:0;list-style:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list +{margin-top:var(--hds-spacing-16)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list li{padding-left:0}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)){color:var(--hds-link-colors-text);fill:currentColor;transition-duration:var(--hds-micro-animation-duration-quick);transition-timing-function:var(--hds-micro-animation-easing-normal);cursor:pointer;text-decoration-line:underline;text-decoration-thickness:var(--hds-stroke-default);-webkit-text-decoration-color:var(--hds-link-colors-underline);text-decoration-color:var(--hds-link-colors-underline);text-underline-offset:.25em;gap:8px;transition-property:color,fill,text-decoration-color;display:inline-flex}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):hover{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):active{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted{color:var(--hds-ui-colors-white);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:hover{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:active{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:disabled{color:var(--hds-ui-colors-dark-grey);fill:currentColor;cursor:default;text-decoration-color:currentColor;box-shadow:none!important;outline:0!important}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline{color:var(--hds-colors-dark);font-weight:500;text-decoration:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline:hover{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline:active{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--solid{color:var(--hds-ui-colors-black);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--solid:hover{color:var(--hds-ui-colors-black-hover);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--solid:active{color:var(--hds-ui-colors-black-hover);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--small{font:var(--hds-typography-body-small)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--large{font:var(--hds-typography-h3)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--technical{font:var(--hds-typography-technical)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):is(button){background:0 0;border:0;padding:0}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):is(button):not(:is(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html figure{margin:0;margin-top:var(--hds-spacing-32);padding:0}.hds-styled-html figure img{width:100%}.hds-styled-html figure .hds-figure__container{position:relative}.hds-styled-html figure .hds-figure__container:before{content:"";pointer-events:none;background:linear-gradient(rgba(0,0,0,.1) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.1) 100%);width:100%;height:100%;position:absolute}.hds-styled-html figure figcaption{margin-top:var(--hds-spacing-12);font-size:var(--hds-font-size-caption);text-align:left;color:var(--hds-ui-colors-black);line-height:1.5;position:relative}.hds-styled-html blockquote{margin:var(--hds-spacing-24-32)0;padding:0 var(--hds-spacing-16-20)}.hds-styled-html blockquote :where(p){font:var(--hds-typography-h2)}.hds-styled-html blockquote p:not(:last-child):before{content:"“";padding-right:3px}.hds-styled-html blockquote p:not(:last-child):after{content:"”";padding-left:0}.hds-styled-html blockquote.hds-blockquote--norwegian p:not(:last-child):before{content:"«";padding-right:3px}.hds-styled-html blockquote.hds-blockquote--norwegian p:not(:last-child):after{content:"»";padding-left:0}.hds-styled-html blockquote footer{margin-top:var(--hds-spacing-20-24);font:var(--hds-typography-technical)}.hds-styled-html blockquote footer:before{content:"- "}.hds-styled-html table{margin-top:var(--hds-spacing-32)}.hds-styled-html table{border-collapse:collapse;text-align:left;width:100%;min-width:460px;overflow-x:scroll}.hds-styled-html table th{border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-light-grey-stroke)}.hds-styled-html table td{border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-light-grey-stroke)}.hds-styled-html table th:first-child{padding-left:var(--hds-spacing-4)}.hds-styled-html table td:first-child{padding-left:var(--hds-spacing-4)}.hds-styled-html table th:last-child{padding-right:var(--hds-spacing-4)}.hds-styled-html table td:last-child{padding-right:var(--hds-spacing-4)}.hds-styled-html table th{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-styled-html table td{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-styled-html table th{font:var(--hds-typography-body-small-title)}.hds-styled-html table td{font:var(--hds-typography-body-small)}.hds-styled-html table.hds-table--default th{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-styled-html table.hds-table--default td{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-styled-html table.hds-table--default th{font:var(--hds-typography-body-small-title)}.hds-styled-html table.hds-table--default td{font:var(--hds-typography-body-small)}.hds-styled-html table.hds-table--compressed th{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-styled-html table.hds-table--compressed td{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-styled-html table.hds-table--compressed th{font:var(--hds-typography-technical-title)}.hds-styled-html table.hds-table--compressed td{font:var(--hds-typography-technical)}@media (max-width:719.999px){.hds-styled-html table.hds-table--mobile-compressed th{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-styled-html table.hds-table--mobile-compressed td{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-styled-html table.hds-table--mobile-compressed th{font:var(--hds-typography-technical-title)}.hds-styled-html table.hds-table--mobile-compressed td{font:var(--hds-typography-technical)}}.hds-styled-html table caption{font:var(--hds-typography-h3-title);text-align:left;caption-side:top;padding-bottom:var(--hds-spacing-12)}.hds-styled-html table p{margin-bottom:0}.hds-styled-html table h1{margin-bottom:0}.hds-styled-html table h2{margin-bottom:0}.hds-styled-html table h3{margin-bottom:0}.hds-styled-html table h4{margin-bottom:0}.hds-styled-html table h5{margin-bottom:0}.hds-styled-html table h6{margin-bottom:0}.hds-styled-html table a{color:unset;border-bottom:none}.hds-styled-html b{font-weight:var(--hds-font-weight-body-title)}.hds-styled-html strong{font-weight:var(--hds-font-weight-body-title)}.hds-styled-html.hds-styled-html--small{font-size:var(--hds-font-size-body-small);line-height:var(--hds-line-height-body-small)}.hds-styled-html.hds-styled-html--small p{font-size:var(--hds-font-size-body-small);line-height:var(--hds-line-height-body-small)}.hds-styled-html.hds-styled-html--small li{font-size:var(--hds-font-size-body-small);line-height:var(--hds-line-height-body-small)}.hds-styled-html.hds-styled-html--small a{font-size:var(--hds-font-size-body-small);line-height:var(--hds-line-height-body-small)}.hds-styled-html.hds-styled-html--small p{margin-top:var(--hds-spacing-12)}.hds-styled-html.hds-styled-html--darkmode{color:#ccc}.hds-styled-html.hds-styled-html--darkmode h1{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h2{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h3{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h4{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h5{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h6{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode a{color:var(--hds-ui-colors-white);text-decoration-color:currentColor}.hds-styled-html.hds-styled-html--darkmode a:hover{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html.hds-styled-html--darkmode a:active{color:var(--hds-colors-light);text-decoration-color:currentColor}.hds-styled-html.hds-styled-html--darkmode a:disabled{color:var(--hds-ui-colors-dark-grey);fill:currentColor;cursor:default;text-decoration-color:currentColor;box-shadow:none!important;outline:0!important}
1	+ :root{--hds-spacing-4-8:var(--hds-spacing-4);--hds-spacing-8-12:var(--hds-spacing-8);--hds-spacing-12-16:var(--hds-spacing-12);--hds-spacing-16-20:var(--hds-spacing-16);--hds-spacing-20-24:var(--hds-spacing-20);--hds-spacing-24-32:var(--hds-spacing-24);--hds-spacing-32-40:var(--hds-spacing-32);--hds-spacing-40-48:var(--hds-spacing-40);--hds-spacing-48-64:var(--hds-spacing-48);--hds-spacing-64-80:var(--hds-spacing-64);--hds-spacing-80-120:var(--hds-spacing-80);--hds-spacing-120-160:var(--hds-spacing-120)}@media (min-width:940px){:root{--hds-spacing-4-8:var(--hds-spacing-8);--hds-spacing-8-12:var(--hds-spacing-12);--hds-spacing-12-16:var(--hds-spacing-16);--hds-spacing-16-20:var(--hds-spacing-20);--hds-spacing-20-24:var(--hds-spacing-24);--hds-spacing-24-32:var(--hds-spacing-32);--hds-spacing-32-40:var(--hds-spacing-40);--hds-spacing-40-48:var(--hds-spacing-48);--hds-spacing-48-64:var(--hds-spacing-64);--hds-spacing-64-80:var(--hds-spacing-80);--hds-spacing-80-120:var(--hds-spacing-120);--hds-spacing-120-160:var(--hds-spacing-160)}}.hds-mt-4{margin-top:var(--hds-spacing-4)}.hds-mt-8{margin-top:var(--hds-spacing-8)}.hds-mt-12{margin-top:var(--hds-spacing-12)}.hds-mt-16{margin-top:var(--hds-spacing-16)}.hds-mt-20{margin-top:var(--hds-spacing-20)}.hds-mt-24{margin-top:var(--hds-spacing-24)}.hds-mt-32{margin-top:var(--hds-spacing-32)}.hds-mt-40{margin-top:var(--hds-spacing-40)}.hds-mt-48{margin-top:var(--hds-spacing-48)}.hds-mt-64{margin-top:var(--hds-spacing-64)}.hds-mt-80{margin-top:var(--hds-spacing-80)}.hds-mt-120{margin-top:var(--hds-spacing-120)}.hds-mt-160{margin-top:var(--hds-spacing-160)}.hds-mt-4-8{margin-top:var(--hds-spacing-4-8)}.hds-mt-8-12{margin-top:var(--hds-spacing-8-12)}.hds-mt-12-16{margin-top:var(--hds-spacing-12-16)}.hds-mt-16-20{margin-top:var(--hds-spacing-16-20)}.hds-mt-20-24{margin-top:var(--hds-spacing-20-24)}.hds-mt-24-32{margin-top:var(--hds-spacing-24-32)}.hds-mt-32-40{margin-top:var(--hds-spacing-32-40)}.hds-mt-40-48{margin-top:var(--hds-spacing-40-48)}.hds-mt-48-64{margin-top:var(--hds-spacing-48-64)}.hds-mt-64-80{margin-top:var(--hds-spacing-64-80)}.hds-mt-80-120{margin-top:var(--hds-spacing-80-120)}.hds-mt-120-160{margin-top:var(--hds-spacing-120-160)}.hds-mb-4{margin-bottom:var(--hds-spacing-4)}.hds-mb-8{margin-bottom:var(--hds-spacing-8)}.hds-mb-12{margin-bottom:var(--hds-spacing-12)}.hds-mb-16{margin-bottom:var(--hds-spacing-16)}.hds-mb-20{margin-bottom:var(--hds-spacing-20)}.hds-mb-24{margin-bottom:var(--hds-spacing-24)}.hds-mb-32{margin-bottom:var(--hds-spacing-32)}.hds-mb-40{margin-bottom:var(--hds-spacing-40)}.hds-mb-48{margin-bottom:var(--hds-spacing-48)}.hds-mb-64{margin-bottom:var(--hds-spacing-64)}.hds-mb-80{margin-bottom:var(--hds-spacing-80)}.hds-mb-120{margin-bottom:var(--hds-spacing-120)}.hds-mb-160{margin-bottom:var(--hds-spacing-160)}.hds-mb-4-8{margin-bottom:var(--hds-spacing-4-8)}.hds-mb-8-12{margin-bottom:var(--hds-spacing-8-12)}.hds-mb-12-16{margin-bottom:var(--hds-spacing-12-16)}.hds-mb-16-20{margin-bottom:var(--hds-spacing-16-20)}.hds-mb-20-24{margin-bottom:var(--hds-spacing-20-24)}.hds-mb-24-32{margin-bottom:var(--hds-spacing-24-32)}.hds-mb-32-40{margin-bottom:var(--hds-spacing-32-40)}.hds-mb-40-48{margin-bottom:var(--hds-spacing-40-48)}.hds-mb-48-64{margin-bottom:var(--hds-spacing-48-64)}.hds-mb-64-80{margin-bottom:var(--hds-spacing-64-80)}.hds-mb-80-120{margin-bottom:var(--hds-spacing-80-120)}.hds-mb-120-160{margin-bottom:var(--hds-spacing-120-160)}.hds-styled-html{font:var(--hds-typography-body)}.hds-styled-html>:first-child{margin-top:0}.hds-styled-html>:last-child{margin-bottom:0}.hds-styled-html h1{margin-top:var(--hds-spacing-48-64)}.hds-styled-html h2{margin-top:var(--hds-spacing-48-64)}.hds-styled-html h3{margin-top:var(--hds-spacing-40-48)}.hds-styled-html h4{margin-top:var(--hds-spacing-32-40)}.hds-styled-html h5{margin-top:var(--hds-spacing-32-40)}.hds-styled-html a:where(:not(.hds-button)){color:var(--hds-link-colors-text);fill:currentColor;transition-duration:var(--hds-micro-animation-duration-quick);transition-timing-function:var(--hds-micro-animation-easing-normal);cursor:pointer;text-decoration-line:underline;text-decoration-thickness:var(--hds-stroke-default);-webkit-text-decoration-color:var(--hds-link-colors-underline);text-decoration-color:var(--hds-link-colors-underline);text-underline-offset:.25em;transition-property:color,fill,text-decoration-color}.hds-styled-html a:where(:not(.hds-button)):hover{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html a:where(:not(.hds-button)):active{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted{color:var(--hds-ui-colors-white);-webkit-text-decoration-color:var(--hds-colors-signature);text-decoration-color:var(--hds-colors-signature)}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:hover{text-decoration:none}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted:disabled{color:var(--hds-ui-colors-dark-grey);fill:currentColor;cursor:default;text-decoration-color:currentColor;box-shadow:none!important;outline:0!important}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted-no-underline{color:var(--hds-ui-colors-white);text-decoration:none}.hds-styled-html a:where(:not(.hds-button)).hds-link--inverted-no-underline:hover{text-decoration:underline;-webkit-text-decoration-color:var(--hds-ui-colors-white);text-decoration-color:var(--hds-ui-colors-white)}.hds-styled-html a:where(:not(.hds-button)).hds-link--no-underline{color:var(--hds-ui-colors-black);text-decoration:none}.hds-styled-html a:where(:not(.hds-button)).hds-link--no-underline:hover{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html a:where(:not(.hds-button)).hds-link--no-underline:active{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html a:where(:not(.hds-button)).hds-link--solid{color:var(--hds-ui-colors-black);text-decoration-color:currentColor}.hds-styled-html a:where(:not(.hds-button)).hds-link--solid:hover{color:var(--hds-colors-dark);text-decoration:none}.hds-styled-html a:where(:not(.hds-button)).hds-link--small{font:var(--hds-typography-body-small)}.hds-styled-html a:where(:not(.hds-button)).hds-link--large{font:var(--hds-typography-h3)}.hds-styled-html a:where(:not(.hds-button)).hds-link--technical{font:var(--hds-typography-technical)}.hds-styled-html a:where(:not(.hds-button)).hds-link--leading-icon svg{fill:currentColor;vertical-align:middle;width:1em;height:1em;margin-bottom:2px}.hds-styled-html a:where(:not(.hds-button)).hds-link--trailing-icon svg{fill:currentColor;vertical-align:middle;width:1em;height:1em;margin-bottom:2px}.hds-styled-html a:where(:not(.hds-button)).hds-link--leading-icon svg{margin-right:10px}.hds-styled-html a:where(:not(.hds-button)).hds-link--trailing-icon svg{margin-left:10px}.hds-styled-html a:where(:not(.hds-button)):is(button){background:0 0;border:0;padding:0}.hds-styled-html a:where(:not(.hds-button)):is(button):not(:is(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html p{margin-top:var(--hds-spacing-16)}@media (min-width:940px){.hds-styled-html p{margin-top:var(--hds-spacing-24)}}.hds-styled-html p+h2{margin-top:var(--hds-spacing-48-64)}.hds-styled-html p+figure{margin-top:var(--hds-spacing-48-64)}.hds-styled-html p+h3{margin-top:var(--hds-spacing-40-48)}.hds-styled-html p+h4{margin-top:var(--hds-spacing-32-40)}.hds-styled-html p+h5{margin-top:var(--hds-spacing-32-40)}.hds-styled-html hr{margin-bottom:var(--hds-spacing-24)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){margin-top:var(--hds-spacing-16)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)){--_hds-list-marker-color:var(--hds-colors-dark);padding-left:var(--hds-spacing-32)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) li{padding-left:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) li::marker{color:var(--_hds-list-marker-color)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ol){list-style:decimal}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ul){list-style:outside}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ul) ul{list-style:circle}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)):is(ol) ol{list-style:decimal}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small{font:var(--hds-typography-body-small)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small +{margin-top:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small ul{margin-top:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--small ol{margin-top:var(--hds-spacing-4)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) +{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) ul{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)) ol{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium +{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium ul{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--medium ol{margin-top:var(--hds-spacing-8)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large{font:var(--hds-typography-h3)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large +{margin-top:var(--hds-spacing-12)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large ul{margin-top:var(--hds-spacing-12)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--large ol{margin-top:var(--hds-spacing-12)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list{padding-left:0;list-style:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list +{margin-top:var(--hds-spacing-16)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list li{padding-left:0}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)){color:var(--hds-link-colors-text);fill:currentColor;transition-duration:var(--hds-micro-animation-duration-quick);transition-timing-function:var(--hds-micro-animation-easing-normal);cursor:pointer;text-decoration-line:underline;text-decoration-thickness:var(--hds-stroke-default);-webkit-text-decoration-color:var(--hds-link-colors-underline);text-decoration-color:var(--hds-link-colors-underline);text-underline-offset:.25em;transition-property:color,fill,text-decoration-color}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):hover{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):active{color:var(--hds-link-colors-hover);fill:currentColor;-webkit-text-decoration-color:var(--hds-link-colors-underline-hover);text-decoration-color:var(--hds-link-colors-underline-hover)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted{color:var(--hds-ui-colors-white);-webkit-text-decoration-color:var(--hds-colors-signature);text-decoration-color:var(--hds-colors-signature)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:hover{text-decoration:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted:disabled{color:var(--hds-ui-colors-dark-grey);fill:currentColor;cursor:default;text-decoration-color:currentColor;box-shadow:none!important;outline:0!important}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted-no-underline{color:var(--hds-ui-colors-white);text-decoration:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--inverted-no-underline:hover{text-decoration:underline;-webkit-text-decoration-color:var(--hds-ui-colors-white);text-decoration-color:var(--hds-ui-colors-white)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline{color:var(--hds-ui-colors-black);text-decoration:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline:hover{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--no-underline:active{color:var(--hds-colors-dark);text-decoration:underline}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--solid{color:var(--hds-ui-colors-black);text-decoration-color:currentColor}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--solid:hover{color:var(--hds-colors-dark);text-decoration:none}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--small{font:var(--hds-typography-body-small)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--large{font:var(--hds-typography-h3)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--technical{font:var(--hds-typography-technical)}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--leading-icon svg{fill:currentColor;vertical-align:middle;width:1em;height:1em;margin-bottom:2px}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--trailing-icon svg{fill:currentColor;vertical-align:middle;width:1em;height:1em;margin-bottom:2px}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--leading-icon svg{margin-right:10px}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)).hds-link--trailing-icon svg{margin-left:10px}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):is(button){background:0 0;border:0;padding:0}.hds-styled-html :is(ul,ol):where(:not(.hds-accordion)).hds-list--link-list a:where(:not(.hds-link)):is(button):not(:is(.hds-link--small,.hds-link--large)){font:var(--hds-typography-body)}.hds-styled-html figure{margin:0;margin-top:var(--hds-spacing-32);padding:0}.hds-styled-html figure img{width:100%}.hds-styled-html figure .hds-figure__container{position:relative}.hds-styled-html figure .hds-figure__container:before{content:"";pointer-events:none;background:linear-gradient(rgba(0,0,0,.1) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.1) 100%);width:100%;height:100%;position:absolute}.hds-styled-html figure figcaption{margin-top:var(--hds-spacing-12);font-size:var(--hds-font-size-caption);text-align:left;color:var(--hds-ui-colors-black);line-height:1.5;position:relative}.hds-styled-html blockquote{margin:var(--hds-spacing-24-32)0;padding:0 var(--hds-spacing-16-20)}.hds-styled-html blockquote :where(p){font:var(--hds-typography-h2)}.hds-styled-html blockquote p:not(:last-child):before{content:"“";padding-right:3px}.hds-styled-html blockquote p:not(:last-child):after{content:"”";padding-left:0}.hds-styled-html blockquote.hds-blockquote--norwegian p:not(:last-child):before{content:"«";padding-right:3px}.hds-styled-html blockquote.hds-blockquote--norwegian p:not(:last-child):after{content:"»";padding-left:0}.hds-styled-html blockquote footer{margin-top:var(--hds-spacing-20-24);font:var(--hds-typography-technical)}.hds-styled-html blockquote footer:before{content:"- "}.hds-styled-html table{margin-top:var(--hds-spacing-32)}.hds-styled-html table{border-collapse:collapse;text-align:left;width:100%;min-width:460px;overflow-x:scroll}.hds-styled-html table th{border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-light-grey-stroke)}.hds-styled-html table td{border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-light-grey-stroke)}.hds-styled-html table th:first-child{padding-left:var(--hds-spacing-4)}.hds-styled-html table td:first-child{padding-left:var(--hds-spacing-4)}.hds-styled-html table th:last-child{padding-right:var(--hds-spacing-4)}.hds-styled-html table td:last-child{padding-right:var(--hds-spacing-4)}.hds-styled-html table th{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-styled-html table td{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-styled-html table th{font:var(--hds-typography-body-small-title)}.hds-styled-html table td{font:var(--hds-typography-body-small)}.hds-styled-html table.hds-table--default th{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-styled-html table.hds-table--default td{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-styled-html table.hds-table--default th{font:var(--hds-typography-body-small-title)}.hds-styled-html table.hds-table--default td{font:var(--hds-typography-body-small)}.hds-styled-html table.hds-table--compressed th{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-styled-html table.hds-table--compressed td{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-styled-html table.hds-table--compressed th{font:var(--hds-typography-technical-title)}.hds-styled-html table.hds-table--compressed td{font:var(--hds-typography-technical)}@media not (min-width:720px){.hds-styled-html table.hds-table--mobile-compressed th{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-styled-html table.hds-table--mobile-compressed td{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-styled-html table.hds-table--mobile-compressed th{font:var(--hds-typography-technical-title)}.hds-styled-html table.hds-table--mobile-compressed td{font:var(--hds-typography-technical)}}.hds-styled-html table caption{font:var(--hds-typography-h3-title);text-align:left;caption-side:top;padding-bottom:var(--hds-spacing-12)}.hds-styled-html table p{margin-bottom:0}.hds-styled-html table h1{margin-bottom:0}.hds-styled-html table h2{margin-bottom:0}.hds-styled-html table h3{margin-bottom:0}.hds-styled-html table h4{margin-bottom:0}.hds-styled-html table h5{margin-bottom:0}.hds-styled-html table h6{margin-bottom:0}.hds-styled-html table a{color:unset;border-bottom:none}.hds-styled-html b{font-weight:var(--hds-font-weight-body-title)}.hds-styled-html strong{font-weight:var(--hds-font-weight-body-title)}.hds-styled-html.hds-styled-html--small{font-size:var(--hds-font-size-body-small);line-height:var(--hds-line-height-body-small)}.hds-styled-html.hds-styled-html--small p{font-size:var(--hds-font-size-body-small);line-height:var(--hds-line-height-body-small)}.hds-styled-html.hds-styled-html--small li{font-size:var(--hds-font-size-body-small);line-height:var(--hds-line-height-body-small)}.hds-styled-html.hds-styled-html--small a{font-size:var(--hds-font-size-body-small);line-height:var(--hds-line-height-body-small)}.hds-styled-html.hds-styled-html--small p{margin-top:var(--hds-spacing-12)}.hds-styled-html.hds-styled-html--darkmode{color:#ccc}.hds-styled-html.hds-styled-html--darkmode h1{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h2{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h3{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h4{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h5{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode h6{color:#fafafa}.hds-styled-html.hds-styled-html--darkmode a{color:var(--hds-ui-colors-white);-webkit-text-decoration-color:var(--hds-colors-signature);text-decoration-color:var(--hds-colors-signature)}.hds-styled-html.hds-styled-html--darkmode a:hover{text-decoration:none}.hds-styled-html.hds-styled-html--darkmode a:disabled{color:var(--hds-ui-colors-dark-grey);fill:currentColor;cursor:default;text-decoration-color:currentColor;box-shadow:none!important;outline:0!important}

package/dist/styled-html.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":null,"mappings":"AEKA,6fAcE,yBAAkB,ggBA4BpB,0CAIA,0CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,8CAIA,8CAKA,8CAIA,gDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,oDAIA,sDAKA,6CAIA,6CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,iDAIA,iDAKA,iDAIA,mDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,uDAIA,yDFnPA,iDAQE,2CAIA,6CAOA,wDAAA,wDAKA,wDAIA,wDAAA,wDA3BF,uiBAcE,yOAAA,0OAWA,mIAIE,sIAAA,uIAMA,+NAUF,qIAKE,gIAAA,iIAQF,gIAIE,4IAAA,6IAUF,kGAIA,0FAIA,qGAOA,yFAME,mIAvDF,oDAGE,yBAAkB,qDAMpB,0DAAA,8DAKA,0DAIA,0DAAA,0DAMA,wDAKA,yFAlEF,2IAUE,6FAGE,uGAKF,kFAIA,+EAKA,oFAKA,qFAWA,8GAGE,4GAIA,2GAAA,2GAQA,4FAIA,2FAAA,2FAJA,6GAIA,4GAAA,4GAMF,sGAGE,6GAIA,4GAAA,4GASF,2GAIE,iHAIA,8FA7FJ,gmBAcE,kSAAA,mSAWA,4LAIE,+LAAA,gMAMA,wRAUF,8LAKE,yLAAA,0LAQF,yLAIE,qMAAA,sMAUF,2JAIA,mJAIA,8JAOA,kJAME,4LAnBF,4EAxEA,uCAIA,iEAGE,gOAgBF,8LA3BF,gGAKE,oEAIA,sFAKA,kFAME,+GAKA,2GAMF,4GACE,uDA0DF,wDA1FF,6GASE,8GAAA,8GAKA,wEAAA,wEAKA,wEAAA,wEAWE,iGAAA,iGAMA,sEAIA,gEAVA,oHAAA,oHAMA,yFAIA,mFAMA,sHAAA,sHAMA,2FAIA,qFAKF,6BAEI,6HAAA,6HAMA,kGAIA,6FAOJ,yIAeE,yCAAA,0CAAA,0CAAA,0CAAA,0CAAA,0CAAA,0CAUA,wDAMF,iEAAA,sEAWE,gIAAA,kIAAA,mIAAA,kIAQA,2EAMF,sDAOE,4DAAA,4DAAA,4DAAA,4DAAA,4DAAA,4DApHF,iHAIE,oHAAA,qHAMA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/styled-html/styled-html.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/styled-html/../_custom-media.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/styled-html/../spacing/spacing.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/styled-html/../spacing/../_custom-media.css"],"sourcesContent":["@import url(\"../_custom-media.css\");\n@import url(\"../spacing/spacing.css\");\n\n.hds-styled-html {\n font: var(--hds-typography-body);\n\n /*\n Avoid top margin on first element and bottom margin on last element\n * The consumer should set their own spacing to of the styled html relative to the rest of the page\n * This component only cares about internal spacing\n /\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n\n / Headings\n * h1-h6 gets styled globally in `body.css` \n /\n & h1,\n & h2 {\n margin-top: var(--hds-spacing-48-64);\n }\n\n & h3 {\n margin-top: var(--hds-spacing-40-48);\n }\n\n & h4,\n & h5 {\n margin-top: var(--hds-spacing-32-40);\n }\n\n / Link /\n a:where(:not(.hds-button)) {\n @extend url(\"./src/link/link.css:hds-link\");\n }\n\n / Paragraphs /\n & p {\n margin-top: var(--hds-spacing-16);\n\n @media (--large) {\n margin-top: var(--hds-spacing-24);\n }\n }\n\n / Combinations /\n & p + h2,\n & p + figure {\n margin-top: var(--hds-spacing-48-64);\n }\n\n & p + h3 {\n margin-top: var(--hds-spacing-40-48);\n }\n\n & p + h4,\n & p + h5 {\n margin-top: var(--hds-spacing-32-40);\n }\n\n / Divider /\n & hr {\n margin-bottom: var(--hds-spacing-24);\n }\n\n / List /\n & :is(ul, ol):where(:not(.hds-accordion)) {\n @extend url(\"./src/list/list.css:hds-list\");\n\n margin-top: var(--hds-spacing-16);\n }\n\n / Image /\n & figure {\n @extend url(\"./src/figure/figure.css:hds-figure\");\n\n margin: 0;\n padding: 0;\n margin-top: var(--hds-spacing-32);\n }\n\n / Blockquote /\n & blockquote {\n @extend url(\"./src/blockquote/blockquote.css:hds-blockquote\");\n }\n\n / Table /\n & table {\n @extend url(\"./src/table/table.css:hds-table\");\n\n margin-top: var(--hds-spacing-32);\n\n & p,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-bottom: 0;\n }\n\n & a {\n border-bottom: none;\n color: unset;\n }\n }\n\n b,\n strong {\n font-weight: var(--hds-font-weight-body-title);\n }\n\n /\n Modifiers\n /\n\n / Small version /\n &.hds-styled-html--small {\n &,\n & p,\n & li,\n & a {\n font-size: var(--hds-font-size-body-small);\n line-height: var(--hds-line-height-body-small);\n }\n\n & p {\n margin-top: var(--hds-spacing-12);\n }\n }\n\n / 🚧 Dark mode /\n &.hds-styled-html--darkmode {\n / TODO: Do we want the background to be set? /\n\n / background-color: var(--hds-dark-mode-colors-obsidian); /\n\n color: #ccc;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: #fafafa;\n }\n\n & a {\n @extend url(\"./src/link/link.css:hds-link--inverted\");\n }\n }\n}\n","/\n Reusable media queries using the hedwig breakpoint\n \n As of writing custom-media queries are not yet supported in browsers\n * but lightningcss transpiles them to the standard media query syntax.\n \n https://www.w3.org/TR/mediaqueries-5/#custom-mq\n /\n\n/ Mobile first /\n@custom-media --small (width >= 460px);\n@custom-media --medium (width >= 720px);\n@custom-media --large (width >= 940px);\n@custom-media --xlarge (width >= 1200px);\n\n/ Desktop first /\n@custom-media --before-small (width < 460px);\n@custom-media --before-medium (width < 720px);\n@custom-media --before-large (width < 940px);\n@custom-media --before-xlarge (width < 1200px);\n","@import url(\"../_custom-media.css\");\n\n/\n Responsive extension of the spacing css variables\n /\n:root {\n --hds-spacing-4-8: var(--hds-spacing-4);\n --hds-spacing-8-12: var(--hds-spacing-8);\n --hds-spacing-12-16: var(--hds-spacing-12);\n --hds-spacing-16-20: var(--hds-spacing-16);\n --hds-spacing-20-24: var(--hds-spacing-20);\n --hds-spacing-24-32: var(--hds-spacing-24);\n --hds-spacing-32-40: var(--hds-spacing-32);\n --hds-spacing-40-48: var(--hds-spacing-40);\n --hds-spacing-48-64: var(--hds-spacing-48);\n --hds-spacing-64-80: var(--hds-spacing-64);\n --hds-spacing-80-120: var(--hds-spacing-80);\n --hds-spacing-120-160: var(--hds-spacing-120);\n\n @media (--large) {\n --hds-spacing-4-8: var(--hds-spacing-8);\n --hds-spacing-8-12: var(--hds-spacing-12);\n --hds-spacing-12-16: var(--hds-spacing-16);\n --hds-spacing-16-20: var(--hds-spacing-20);\n --hds-spacing-20-24: var(--hds-spacing-24);\n --hds-spacing-24-32: var(--hds-spacing-32);\n --hds-spacing-32-40: var(--hds-spacing-40);\n --hds-spacing-40-48: var(--hds-spacing-48);\n --hds-spacing-48-64: var(--hds-spacing-64);\n --hds-spacing-64-80: var(--hds-spacing-80);\n --hds-spacing-80-120: var(--hds-spacing-120);\n --hds-spacing-120-160: var(--hds-spacing-160);\n }\n}\n\n/\n Utility classes for margin top and bottom\n * Based upon [tailwind](https://tailwindcss.com/docs/margin)\n * \n * We start of by just adding the margin top and bottom classes.\n * we will see if there becomes a need for left and right. X, Y axis, padding etc...\n \n If the consumer wish to primarly use utility classes, the recommended approach is to use tailwind with the\n * provided tailwind configuration file.\n /\n\n/ Margin top /\n.hds-mt-4 {\n margin-top: var(--hds-spacing-4);\n}\n\n.hds-mt-8 {\n margin-top: var(--hds-spacing-8);\n}\n\n.hds-mt-12 {\n margin-top: var(--hds-spacing-12);\n}\n\n.hds-mt-16 {\n margin-top: var(--hds-spacing-16);\n}\n\n.hds-mt-20 {\n margin-top: var(--hds-spacing-20);\n}\n\n.hds-mt-24 {\n margin-top: var(--hds-spacing-24);\n}\n\n.hds-mt-32 {\n margin-top: var(--hds-spacing-32);\n}\n\n.hds-mt-40 {\n margin-top: var(--hds-spacing-40);\n}\n\n.hds-mt-48 {\n margin-top: var(--hds-spacing-48);\n}\n\n.hds-mt-64 {\n margin-top: var(--hds-spacing-64);\n}\n\n.hds-mt-80 {\n margin-top: var(--hds-spacing-80);\n}\n\n.hds-mt-120 {\n margin-top: var(--hds-spacing-120);\n}\n\n.hds-mt-160 {\n margin-top: var(--hds-spacing-160);\n}\n\n/ Responsive margin top. Mobile first, meaning it jumps up on larger screens /\n.hds-mt-4-8 {\n margin-top: var(--hds-spacing-4-8);\n}\n\n.hds-mt-8-12 {\n margin-top: var(--hds-spacing-8-12);\n}\n\n.hds-mt-12-16 {\n margin-top: var(--hds-spacing-12-16);\n}\n\n.hds-mt-16-20 {\n margin-top: var(--hds-spacing-16-20);\n}\n\n.hds-mt-20-24 {\n margin-top: var(--hds-spacing-20-24);\n}\n\n.hds-mt-24-32 {\n margin-top: var(--hds-spacing-24-32);\n}\n\n.hds-mt-32-40 {\n margin-top: var(--hds-spacing-32-40);\n}\n\n.hds-mt-40-48 {\n margin-top: var(--hds-spacing-40-48);\n}\n\n.hds-mt-48-64 {\n margin-top: var(--hds-spacing-48-64);\n}\n\n.hds-mt-64-80 {\n margin-top: var(--hds-spacing-64-80);\n}\n\n.hds-mt-80-120 {\n margin-top: var(--hds-spacing-80-120);\n}\n\n.hds-mt-120-160 {\n margin-top: var(--hds-spacing-120-160);\n}\n\n/ Margin bottom /\n.hds-mb-4 {\n margin-bottom: var(--hds-spacing-4);\n}\n\n.hds-mb-8 {\n margin-bottom: var(--hds-spacing-8);\n}\n\n.hds-mb-12 {\n margin-bottom: var(--hds-spacing-12);\n}\n\n.hds-mb-16 {\n margin-bottom: var(--hds-spacing-16);\n}\n\n.hds-mb-20 {\n margin-bottom: var(--hds-spacing-20);\n}\n\n.hds-mb-24 {\n margin-bottom: var(--hds-spacing-24);\n}\n\n.hds-mb-32 {\n margin-bottom: var(--hds-spacing-32);\n}\n\n.hds-mb-40 {\n margin-bottom: var(--hds-spacing-40);\n}\n\n.hds-mb-48 {\n margin-bottom: var(--hds-spacing-48);\n}\n\n.hds-mb-64 {\n margin-bottom: var(--hds-spacing-64);\n}\n\n.hds-mb-80 {\n margin-bottom: var(--hds-spacing-80);\n}\n\n.hds-mb-120 {\n margin-bottom: var(--hds-spacing-120);\n}\n\n.hds-mb-160 {\n margin-bottom: var(--hds-spacing-160);\n}\n\n/ Responsive margin bottom. Mobile first, meaning it jumps up on larger screens /\n.hds-mb-4-8 {\n margin-bottom: var(--hds-spacing-4-8);\n}\n\n.hds-mb-8-12 {\n margin-bottom: var(--hds-spacing-8-12);\n}\n\n.hds-mb-12-16 {\n margin-bottom: var(--hds-spacing-12-16);\n}\n\n.hds-mb-16-20 {\n margin-bottom: var(--hds-spacing-16-20);\n}\n\n.hds-mb-20-24 {\n margin-bottom: var(--hds-spacing-20-24);\n}\n\n.hds-mb-24-32 {\n margin-bottom: var(--hds-spacing-24-32);\n}\n\n.hds-mb-32-40 {\n margin-bottom: var(--hds-spacing-32-40);\n}\n\n.hds-mb-40-48 {\n margin-bottom: var(--hds-spacing-40-48);\n}\n\n.hds-mb-48-64 {\n margin-bottom: var(--hds-spacing-48-64);\n}\n\n.hds-mb-64-80 {\n margin-bottom: var(--hds-spacing-64-80);\n}\n\n.hds-mb-80-120 {\n margin-bottom: var(--hds-spacing-80-120);\n}\n\n.hds-mb-120-160 {\n margin-bottom: var(--hds-spacing-120-160);\n}\n","/\n Reusable media queries using the hedwig breakpoint\n \n As of writing custom-media queries are not yet supported in browsers\n * but lightningcss transpiles them to the standard media query syntax.\n \n https://www.w3.org/TR/mediaqueries-5/#custom-mq\n /\n\n/ Mobile first /\n@custom-media --small (width >= 460px);\n@custom-media --medium (width >= 720px);\n@custom-media --large (width >= 940px);\n@custom-media --xlarge (width >= 1200px);\n\n/ Desktop first */\n@custom-media --before-small (width < 460px);\n@custom-media --before-medium (width < 720px);\n@custom-media --before-large (width < 940px);\n@custom-media --before-xlarge (width < 1200px);\n"],"names":[]}
1	+ {"version":3,"sourceRoot":null,"mappings":"AEKA,6fAcE,yBAAkB,ggBA4BpB,0CAIA,0CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,4CAIA,8CAIA,8CAKA,8CAIA,gDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,kDAIA,oDAIA,sDAKA,6CAIA,6CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,+CAIA,iDAIA,iDAKA,iDAIA,mDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,qDAIA,uDAIA,yDFnPA,iDAQE,2CAIA,6CAOA,wDAAA,wDAKA,wDAIA,wDAAA,wDA3BF,2gBAYE,yOAAA,0OAWA,4MAIE,0FAIA,+NAUF,kIAIE,sNAMF,yHAIE,gIAAA,iIAQF,gIAIE,oHASF,kGAIA,0FAIA,qGAQA,sJAAA,uJASA,yFAIA,yFAOA,yFAME,mIAhFF,oDAGE,yBAAkB,qDAMpB,0DAAA,8DAKA,0DAIA,0DAAA,0DAMA,wDAKA,yFAlEF,2IAUE,6FAGE,uGAKF,kFAIA,kFAKA,oFAKA,qFAWA,8GAGE,4GAIA,2GAAA,2GAQA,4FAIA,2FAAA,2FAJA,6GAIA,4GAAA,4GAMF,sGAGE,6GAIA,4GAAA,4GASF,2GAIE,iHAIA,8FA7FJ,okBAYE,kSAAA,mSAWA,qQAIE,mJAIA,wRAUF,2LAIE,+QAMF,kLAIE,yLAAA,0LAQF,yLAIE,6KASF,2JAIA,mJAIA,8JAQA,+MAAA,gNASA,kJAIA,kJAOA,kJAME,4LA5CF,4EAxEA,uCAIA,iEAGE,gOAgBF,8LA3BF,gGAKE,oEAIA,sFAKA,kFAME,+GAKA,2GAMF,4GACE,uDA0DF,wDA1FF,6GASE,8GAAA,8GAKA,wEAAA,wEAKA,wEAAA,wEAWE,iGAAA,iGAMA,sEAIA,gEAVA,oHAAA,oHAMA,yFAIA,mFAMA,sHAAA,sHAMA,2FAIA,qFAKF,6BAEI,6HAAA,6HAMA,kGAIA,6FAOJ,yIAeE,yCAAA,0CAAA,0CAAA,0CAAA,0CAAA,0CAAA,0CAUA,wDAMF,iEAAA,sEAWE,gIAAA,kIAAA,mIAAA,kIAQA,2EAMF,sDAOE,4DAAA,4DAAA,4DAAA,4DAAA,4DAAA,4DAtHF,0LAIE,wEAIA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/styled-html/styled-html.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/styled-html/../_custom-media.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/styled-html/../spacing/spacing.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/styled-html/../spacing/../_custom-media.css"],"sourcesContent":["@import url(\"../_custom-media.css\");\n@import url(\"../spacing/spacing.css\");\n\n.hds-styled-html {\n font: var(--hds-typography-body);\n\n /*\n Avoid top margin on first element and bottom margin on last element\n * The consumer should set their own spacing to of the styled html relative to the rest of the page\n * This component only cares about internal spacing\n /\n & > :first-child {\n margin-top: 0;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n\n / Headings\n * h1-h6 gets styled globally in `body.css` \n /\n & h1,\n & h2 {\n margin-top: var(--hds-spacing-48-64);\n }\n\n & h3 {\n margin-top: var(--hds-spacing-40-48);\n }\n\n & h4,\n & h5 {\n margin-top: var(--hds-spacing-32-40);\n }\n\n / Link /\n a:where(:not(.hds-button)) {\n @extend url(\"./src/link/link.css:hds-link\");\n }\n\n / Paragraphs /\n & p {\n margin-top: var(--hds-spacing-16);\n\n @media (--large) {\n margin-top: var(--hds-spacing-24);\n }\n }\n\n / Combinations /\n & p + h2,\n & p + figure {\n margin-top: var(--hds-spacing-48-64);\n }\n\n & p + h3 {\n margin-top: var(--hds-spacing-40-48);\n }\n\n & p + h4,\n & p + h5 {\n margin-top: var(--hds-spacing-32-40);\n }\n\n / Divider /\n & hr {\n margin-bottom: var(--hds-spacing-24);\n }\n\n / List /\n & :is(ul, ol):where(:not(.hds-accordion)) {\n @extend url(\"./src/list/list.css:hds-list\");\n\n margin-top: var(--hds-spacing-16);\n }\n\n / Image /\n & figure {\n @extend url(\"./src/figure/figure.css:hds-figure\");\n\n margin: 0;\n padding: 0;\n margin-top: var(--hds-spacing-32);\n }\n\n / Blockquote /\n & blockquote {\n @extend url(\"./src/blockquote/blockquote.css:hds-blockquote\");\n }\n\n / Table /\n & table {\n @extend url(\"./src/table/table.css:hds-table\");\n\n margin-top: var(--hds-spacing-32);\n\n & p,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-bottom: 0;\n }\n\n & a {\n border-bottom: none;\n color: unset;\n }\n }\n\n b,\n strong {\n font-weight: var(--hds-font-weight-body-title);\n }\n\n /\n Modifiers\n /\n\n / Small version /\n &.hds-styled-html--small {\n &,\n & p,\n & li,\n & a {\n font-size: var(--hds-font-size-body-small);\n line-height: var(--hds-line-height-body-small);\n }\n\n & p {\n margin-top: var(--hds-spacing-12);\n }\n }\n\n / 🚧 Dark mode /\n &.hds-styled-html--darkmode {\n / TODO: Do we want the background to be set? /\n\n / background-color: var(--hds-dark-mode-colors-obsidian); /\n\n color: #ccc;\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: #fafafa;\n }\n\n & a {\n @extend url(\"./src/link/link.css:hds-link--inverted\");\n }\n }\n}\n","/\n Reusable media queries using the hedwig breakpoint\n \n As of writing custom-media queries are not yet supported in browsers\n * but lightningcss transpiles them to the standard media query syntax.\n \n https://www.w3.org/TR/mediaqueries-5/#custom-mq\n /\n\n/ Mobile first /\n@custom-media --small (width >= 460px);\n@custom-media --medium (width >= 720px);\n@custom-media --large (width >= 940px);\n@custom-media --xlarge (width >= 1200px);\n\n/ Desktop first /\n@custom-media --before-small (width < 460px);\n@custom-media --before-medium (width < 720px);\n@custom-media --before-large (width < 940px);\n@custom-media --before-xlarge (width < 1200px);\n","@import url(\"../_custom-media.css\");\n\n/\n Responsive extension of the spacing css variables\n /\n:root {\n --hds-spacing-4-8: var(--hds-spacing-4);\n --hds-spacing-8-12: var(--hds-spacing-8);\n --hds-spacing-12-16: var(--hds-spacing-12);\n --hds-spacing-16-20: var(--hds-spacing-16);\n --hds-spacing-20-24: var(--hds-spacing-20);\n --hds-spacing-24-32: var(--hds-spacing-24);\n --hds-spacing-32-40: var(--hds-spacing-32);\n --hds-spacing-40-48: var(--hds-spacing-40);\n --hds-spacing-48-64: var(--hds-spacing-48);\n --hds-spacing-64-80: var(--hds-spacing-64);\n --hds-spacing-80-120: var(--hds-spacing-80);\n --hds-spacing-120-160: var(--hds-spacing-120);\n\n @media (--large) {\n --hds-spacing-4-8: var(--hds-spacing-8);\n --hds-spacing-8-12: var(--hds-spacing-12);\n --hds-spacing-12-16: var(--hds-spacing-16);\n --hds-spacing-16-20: var(--hds-spacing-20);\n --hds-spacing-20-24: var(--hds-spacing-24);\n --hds-spacing-24-32: var(--hds-spacing-32);\n --hds-spacing-32-40: var(--hds-spacing-40);\n --hds-spacing-40-48: var(--hds-spacing-48);\n --hds-spacing-48-64: var(--hds-spacing-64);\n --hds-spacing-64-80: var(--hds-spacing-80);\n --hds-spacing-80-120: var(--hds-spacing-120);\n --hds-spacing-120-160: var(--hds-spacing-160);\n }\n}\n\n/\n Utility classes for margin top and bottom\n * Based upon [tailwind](https://tailwindcss.com/docs/margin)\n * \n * We start of by just adding the margin top and bottom classes.\n * we will see if there becomes a need for left and right. X, Y axis, padding etc...\n \n If the consumer wish to primarly use utility classes, the recommended approach is to use tailwind with the\n * provided tailwind configuration file.\n /\n\n/ Margin top /\n.hds-mt-4 {\n margin-top: var(--hds-spacing-4);\n}\n\n.hds-mt-8 {\n margin-top: var(--hds-spacing-8);\n}\n\n.hds-mt-12 {\n margin-top: var(--hds-spacing-12);\n}\n\n.hds-mt-16 {\n margin-top: var(--hds-spacing-16);\n}\n\n.hds-mt-20 {\n margin-top: var(--hds-spacing-20);\n}\n\n.hds-mt-24 {\n margin-top: var(--hds-spacing-24);\n}\n\n.hds-mt-32 {\n margin-top: var(--hds-spacing-32);\n}\n\n.hds-mt-40 {\n margin-top: var(--hds-spacing-40);\n}\n\n.hds-mt-48 {\n margin-top: var(--hds-spacing-48);\n}\n\n.hds-mt-64 {\n margin-top: var(--hds-spacing-64);\n}\n\n.hds-mt-80 {\n margin-top: var(--hds-spacing-80);\n}\n\n.hds-mt-120 {\n margin-top: var(--hds-spacing-120);\n}\n\n.hds-mt-160 {\n margin-top: var(--hds-spacing-160);\n}\n\n/ Responsive margin top. Mobile first, meaning it jumps up on larger screens /\n.hds-mt-4-8 {\n margin-top: var(--hds-spacing-4-8);\n}\n\n.hds-mt-8-12 {\n margin-top: var(--hds-spacing-8-12);\n}\n\n.hds-mt-12-16 {\n margin-top: var(--hds-spacing-12-16);\n}\n\n.hds-mt-16-20 {\n margin-top: var(--hds-spacing-16-20);\n}\n\n.hds-mt-20-24 {\n margin-top: var(--hds-spacing-20-24);\n}\n\n.hds-mt-24-32 {\n margin-top: var(--hds-spacing-24-32);\n}\n\n.hds-mt-32-40 {\n margin-top: var(--hds-spacing-32-40);\n}\n\n.hds-mt-40-48 {\n margin-top: var(--hds-spacing-40-48);\n}\n\n.hds-mt-48-64 {\n margin-top: var(--hds-spacing-48-64);\n}\n\n.hds-mt-64-80 {\n margin-top: var(--hds-spacing-64-80);\n}\n\n.hds-mt-80-120 {\n margin-top: var(--hds-spacing-80-120);\n}\n\n.hds-mt-120-160 {\n margin-top: var(--hds-spacing-120-160);\n}\n\n/ Margin bottom /\n.hds-mb-4 {\n margin-bottom: var(--hds-spacing-4);\n}\n\n.hds-mb-8 {\n margin-bottom: var(--hds-spacing-8);\n}\n\n.hds-mb-12 {\n margin-bottom: var(--hds-spacing-12);\n}\n\n.hds-mb-16 {\n margin-bottom: var(--hds-spacing-16);\n}\n\n.hds-mb-20 {\n margin-bottom: var(--hds-spacing-20);\n}\n\n.hds-mb-24 {\n margin-bottom: var(--hds-spacing-24);\n}\n\n.hds-mb-32 {\n margin-bottom: var(--hds-spacing-32);\n}\n\n.hds-mb-40 {\n margin-bottom: var(--hds-spacing-40);\n}\n\n.hds-mb-48 {\n margin-bottom: var(--hds-spacing-48);\n}\n\n.hds-mb-64 {\n margin-bottom: var(--hds-spacing-64);\n}\n\n.hds-mb-80 {\n margin-bottom: var(--hds-spacing-80);\n}\n\n.hds-mb-120 {\n margin-bottom: var(--hds-spacing-120);\n}\n\n.hds-mb-160 {\n margin-bottom: var(--hds-spacing-160);\n}\n\n/ Responsive margin bottom. Mobile first, meaning it jumps up on larger screens /\n.hds-mb-4-8 {\n margin-bottom: var(--hds-spacing-4-8);\n}\n\n.hds-mb-8-12 {\n margin-bottom: var(--hds-spacing-8-12);\n}\n\n.hds-mb-12-16 {\n margin-bottom: var(--hds-spacing-12-16);\n}\n\n.hds-mb-16-20 {\n margin-bottom: var(--hds-spacing-16-20);\n}\n\n.hds-mb-20-24 {\n margin-bottom: var(--hds-spacing-20-24);\n}\n\n.hds-mb-24-32 {\n margin-bottom: var(--hds-spacing-24-32);\n}\n\n.hds-mb-32-40 {\n margin-bottom: var(--hds-spacing-32-40);\n}\n\n.hds-mb-40-48 {\n margin-bottom: var(--hds-spacing-40-48);\n}\n\n.hds-mb-48-64 {\n margin-bottom: var(--hds-spacing-48-64);\n}\n\n.hds-mb-64-80 {\n margin-bottom: var(--hds-spacing-64-80);\n}\n\n.hds-mb-80-120 {\n margin-bottom: var(--hds-spacing-80-120);\n}\n\n.hds-mb-120-160 {\n margin-bottom: var(--hds-spacing-120-160);\n}\n","/\n Reusable media queries using the hedwig breakpoint\n \n As of writing custom-media queries are not yet supported in browsers\n * but lightningcss transpiles them to the standard media query syntax.\n \n https://www.w3.org/TR/mediaqueries-5/#custom-mq\n /\n\n/ Mobile first /\n@custom-media --small (width >= 460px);\n@custom-media --medium (width >= 720px);\n@custom-media --large (width >= 940px);\n@custom-media --xlarge (width >= 1200px);\n\n/ Desktop first */\n@custom-media --before-small (width < 460px);\n@custom-media --before-medium (width < 720px);\n@custom-media --before-large (width < 940px);\n@custom-media --before-xlarge (width < 1200px);\n"],"names":[]}

package/dist/table.css CHANGED Viewed

	@@ -1 +1 @@
1	- .hds-table{border-collapse:collapse;text-align:left;width:100%;min-width:460px;overflow-x:scroll}.hds-table th{border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-light-grey-stroke)}.hds-table td{border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-light-grey-stroke)}.hds-table th:first-child{padding-left:var(--hds-spacing-4)}.hds-table td:first-child{padding-left:var(--hds-spacing-4)}.hds-table th:last-child{padding-right:var(--hds-spacing-4)}.hds-table td:last-child{padding-right:var(--hds-spacing-4)}.hds-table th{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-table td{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-table th{font:var(--hds-typography-body-small-title)}.hds-table td{font:var(--hds-typography-body-small)}.hds-table.hds-table--default th{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-table.hds-table--default td{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-table.hds-table--default th{font:var(--hds-typography-body-small-title)}.hds-table.hds-table--default td{font:var(--hds-typography-body-small)}.hds-table.hds-table--compressed th{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-table.hds-table--compressed td{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-table.hds-table--compressed th{font:var(--hds-typography-technical-title)}.hds-table.hds-table--compressed td{font:var(--hds-typography-technical)}@media (~~max~~-width:~~719.999px~~){.hds-table.hds-table--mobile-compressed th{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-table.hds-table--mobile-compressed td{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-table.hds-table--mobile-compressed th{font:var(--hds-typography-technical-title)}.hds-table.hds-table--mobile-compressed td{font:var(--hds-typography-technical)}}.hds-table caption{font:var(--hds-typography-h3-title);text-align:left;caption-side:top;padding-bottom:var(--hds-spacing-12)}.hds-table+.hds-table-description{font:var(--hds-typography-caption);padding:var(--hds-spacing-12)0}
1	+ .hds-table{border-collapse:collapse;text-align:left;width:100%;min-width:460px;overflow-x:scroll}.hds-table th{border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-light-grey-stroke)}.hds-table td{border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-light-grey-stroke)}.hds-table th:first-child{padding-left:var(--hds-spacing-4)}.hds-table td:first-child{padding-left:var(--hds-spacing-4)}.hds-table th:last-child{padding-right:var(--hds-spacing-4)}.hds-table td:last-child{padding-right:var(--hds-spacing-4)}.hds-table th{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-table td{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-table th{font:var(--hds-typography-body-small-title)}.hds-table td{font:var(--hds-typography-body-small)}.hds-table.hds-table--default th{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-table.hds-table--default td{padding-top:var(--hds-spacing-24);padding-bottom:var(--hds-spacing-16)}.hds-table.hds-table--default th{font:var(--hds-typography-body-small-title)}.hds-table.hds-table--default td{font:var(--hds-typography-body-small)}.hds-table.hds-table--compressed th{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-table.hds-table--compressed td{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-table.hds-table--compressed th{font:var(--hds-typography-technical-title)}.hds-table.hds-table--compressed td{font:var(--hds-typography-technical)}@media not (min-width:720px){.hds-table.hds-table--mobile-compressed th{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-table.hds-table--mobile-compressed td{padding-top:var(--hds-spacing-12);padding-bottom:var(--hds-spacing-8)}.hds-table.hds-table--mobile-compressed th{font:var(--hds-typography-technical-title)}.hds-table.hds-table--mobile-compressed td{font:var(--hds-typography-technical)}}.hds-table caption{font:var(--hds-typography-h3-title);text-align:left;caption-side:top;padding-bottom:var(--hds-spacing-12)}.hds-table+.hds-table-description{font:var(--hds-typography-caption);padding:var(--hds-spacing-12)0}

package/dist/tokens.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--hds-posten-colors-signature-red:#e32d22;--hds-posten-colors-darker-red:#4a1011;--hds-posten-colors-dark-red:#980000;--hds-posten-colors-light-red:#ff8a5f;--hds-posten-colors-lighter-red:#fff5f0;--hds-posten-colors-signature-red-hover:#d62722;--hds-posten-colors-light-red-hover:#ff7d55;--hds-bring-colors-signature-green:#56b529;--hds-bring-colors-darker-green:#002f19;--hds-bring-colors-dark-green:#00643a;--hds-bring-colors-light-green:#b5e099;--hds-bring-colors-lighter-green:#f1f7e9;--hds-bring-colors-signature-green-hover:#6ec943;--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-breakpoint-small:460px;--hds-breakpoint-medium:720px;--hds-breakpoint-large:940px;--hds-breakpoint-xlarge:1200px;--hds-spacing-4:4px;--hds-spacing-8:8px;--hds-spacing-12:12px;--hds-spacing-16:16px;--hds-spacing-20:20px;--hds-spacing-24:24px;--hds-spacing-32:32px;--hds-spacing-40:40px;--hds-spacing-48:48px;--hds-spacing-64:64px;--hds-spacing-80:80px;--hds-spacing-120:120px;--hds-spacing-160:160px;--hds-navbar-height:112px;--hds-fonts-posten-sans:"Posten Sans",Arial,sans-serif;--hds-fonts-posten-sans-bold:"Posten Sans Bold",Arial,sans-serif;--hds-fonts-posten-sans-medium:"Posten Sans Medium",Arial,sans-serif;--hds-fonts-posten-sans-regular:"Posten Sans Regular",Arial,sans-serif;--hds-typography-posten-h1-display:700 clamp(40px,calc(40px + (72 - 40)((100vw - 300px)/(1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56)((100vw - 300px)/(1200 - 300))),80px)"Posten Sans",Arial,sans-serif;--hds-typography-posten-h1:700 clamp(32px,calc(32px + (48 - 32)((100vw - 300px)/(1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40)((100vw - 300px)/(1200 - 300))),56px)"Posten Sans",Arial,sans-serif;--hds-typography-posten-h2:500 clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36)((100vw - 300px)/(1200 - 300))),40px)"Posten Sans",Arial,sans-serif;--hds-typography-bring-h1-display:500 clamp(40px,calc(40px + (72 - 40)((100vw - 300px)/(1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56)((100vw - 300px)/(1200 - 300))),80px)"Posten Sans",Arial,sans-serif;--hds-typography-bring-h1:500 clamp(32px,calc(32px + (48 - 32)((100vw - 300px)/(1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40)((100vw - 300px)/(1200 - 300))),56px)"Posten Sans",Arial,sans-serif;--hds-typography-bring-h2:500 clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36)((100vw - 300px)/(1200 - 300))),40px)"Posten Sans",Arial,sans-serif;--hds-typography-h3:400 clamp(22px,calc(22px + (24 - 22)((100vw - 300px)/(1200 - 300))),24px)/clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px)"Posten Sans",Arial,sans-serif;--hds-typography-h3-title:500 clamp(22px,calc(22px + (24 - 22)((100vw - 300px)/(1200 - 300))),24px)/clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px)"Posten Sans",Arial,sans-serif;--hds-typography-body:400 clamp(18px,calc(18px + (20 - 18)((100vw - 300px)/(1200 - 300))),20px)/clamp(26px,calc(26px + (28 - 26)((100vw - 300px)/(1200 - 300))),28px)"Posten Sans",Arial,sans-serif;--hds-typography-body-title:500 clamp(18px,calc(18px + (20 - 18)((100vw - 300px)/(1200 - 300))),20px)/clamp(26px,calc(26px + (28 - 26)((100vw - 300px)/(1200 - 300))),28px)"Posten Sans",Arial,sans-serif;--hds-typography-body-small:400 clamp(16px,calc(16px + (18 - 16)((100vw - 300px)/(1200 - 300))),18px)/clamp(24px,calc(24px + (26 - 24)((100vw - 300px)/(1200 - 300))),26px)"Posten Sans",Arial,sans-serif;--hds-typography-body-small-title:500 clamp(16px,calc(16px + (18 - 16)((100vw - 300px)/(1200 - 300))),18px)/clamp(24px,calc(24px + (26 - 24)((100vw - 300px)/(1200 - 300))),26px)"Posten Sans",Arial,sans-serif;--hds-typography-technical:400 clamp(14px,calc(14px + (16 - 14)((100vw - 300px)/(1200 - 300))),16px)/clamp(22px,calc(22px + (24 - 22)((100vw - 300px)/(1200 - 300))),24px)"Posten Sans",Arial,sans-serif;--hds-typography-technical-title:500 clamp(14px,calc(14px + (16 - 14)((100vw - 300px)/(1200 - 300))),16px)/clamp(22px,calc(22px + (24 - 22)((100vw - 300px)/(1200 - 300))),24px)"Posten Sans",Arial,sans-serif;--hds-typography-caption:400 13px/18px "Posten Sans",Arial,sans-serif;--hds-typography-caption-title:500 13px/18px "Posten Sans",Arial,sans-serif;--hds-border-radius-8:8px;--hds-border-radius-16:16px;--hds-border-radius-24:24px;--hds-border-radius-32:32px;--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-micro-animation-duration-quick:.13s;--hds-micro-animation-duration-normal:.3s;--hds-micro-animation-duration-slow:.7s;--hds-opacity-7:.07;--hds-opacity-10:.1;--hds-opacity-20:.2;--hds-opacity-50:.5;--hds-font-size-posten-h1-display:clamp(40px,calc(40px + (72 - 40)((100vw - 300px)/(1200 - 300))),72px);--hds-font-size-posten-h1-display-min:40px;--hds-font-size-posten-h1-display-max:72px;--hds-font-size-posten-h1:clamp(32px,calc(32px + (48 - 32)((100vw - 300px)/(1200 - 300))),48px);--hds-font-size-posten-h1-min:32px;--hds-font-size-posten-h1-max:48px;--hds-font-size-posten-h2:clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px);--hds-font-size-posten-h2-min:28px;--hds-font-size-posten-h2-max:32px;--hds-font-size-bring-h1-display:clamp(40px,calc(40px + (72 - 40)((100vw - 300px)/(1200 - 300))),72px);--hds-font-size-bring-h1-display-min:40px;--hds-font-size-bring-h1-display-max:72px;--hds-font-size-bring-h1:clamp(32px,calc(32px + (48 - 32)((100vw - 300px)/(1200 - 300))),48px);--hds-font-size-bring-h1-min:32px;--hds-font-size-bring-h1-max:48px;--hds-font-size-bring-h2:clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px);--hds-font-size-bring-h2-min:28px;--hds-font-size-bring-h2-max:32px;--hds-font-size-h3:clamp(22px,calc(22px + (24 - 22)((100vw - 300px)/(1200 - 300))),24px);--hds-font-size-h3-min:22px;--hds-font-size-h3-max:24px;--hds-font-size-h3-title:clamp(22px,calc(22px + (24 - 22)((100vw - 300px)/(1200 - 300))),24px);--hds-font-size-h3-title-min:22px;--hds-font-size-h3-title-max:24px;--hds-font-size-body:clamp(18px,calc(18px + (20 - 18)((100vw - 300px)/(1200 - 300))),20px);--hds-font-size-body-min:18px;--hds-font-size-body-max:20px;--hds-font-size-body-title:clamp(18px,calc(18px + (20 - 18)((100vw - 300px)/(1200 - 300))),20px);--hds-font-size-body-title-min:18px;--hds-font-size-body-title-max:20px;--hds-font-size-body-small:clamp(16px,calc(16px + (18 - 16)((100vw - 300px)/(1200 - 300))),18px);--hds-font-size-body-small-min:16px;--hds-font-size-body-small-max:18px;--hds-font-size-body-small-title:clamp(16px,calc(16px + (18 - 16)((100vw - 300px)/(1200 - 300))),18px);--hds-font-size-body-small-title-min:16px;--hds-font-size-body-small-title-max:18px;--hds-font-size-technical:clamp(14px,calc(14px + (16 - 14)((100vw - 300px)/(1200 - 300))),16px);--hds-font-size-technical-min:14px;--hds-font-size-technical-max:16px;--hds-font-size-technical-title:clamp(14px,calc(14px + (16 - 14)((100vw - 300px)/(1200 - 300))),16px);--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:clamp(56px,calc(56px + (80 - 56)((100vw - 300px)/(1200 - 300))),80px);--hds-line-height-posten-h1-display-min:56px;--hds-line-height-posten-h1-display-max:80px;--hds-line-height-posten-h1:clamp(40px,calc(40px + (56 - 40)((100vw - 300px)/(1200 - 300))),56px);--hds-line-height-posten-h1-min:40px;--hds-line-height-posten-h1-max:56px;--hds-line-height-posten-h2:clamp(36px,calc(36px + (40 - 36)((100vw - 300px)/(1200 - 300))),40px);--hds-line-height-posten-h2-min:36px;--hds-line-height-posten-h2-max:40px;--hds-line-height-bring-h1-display:clamp(56px,calc(56px + (80 - 56)((100vw - 300px)/(1200 - 300))),80px);--hds-line-height-bring-h1-display-min:56px;--hds-line-height-bring-h1-display-max:80px;--hds-line-height-bring-h1:clamp(40px,calc(40px + (56 - 40)((100vw - 300px)/(1200 - 300))),56px);--hds-line-height-bring-h1-min:40px;--hds-line-height-bring-h1-max:56px;--hds-line-height-bring-h2:clamp(36px,calc(36px + (40 - 36)((100vw - 300px)/(1200 - 300))),40px);--hds-line-height-bring-h2-min:36px;--hds-line-height-bring-h2-max:40px;--hds-line-height-h3:clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px);--hds-line-height-h3-min:28px;--hds-line-height-h3-max:32px;--hds-line-height-h3-title:clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px);--hds-line-height-h3-title-min:28px;--hds-line-height-h3-title-max:32px;--hds-line-height-body:clamp(26px,calc(26px + (28 - 26)((100vw - 300px)/(1200 - 300))),28px);--hds-line-height-body-min:26px;--hds-line-height-body-max:28px;--hds-line-height-body-title:clamp(26px,calc(26px + (28 - 26)((100vw - 300px)/(1200 - 300))),28px);--hds-line-height-body-title-min:26px;--hds-line-height-body-title-max:28px;--hds-line-height-body-small:clamp(24px,calc(24px + (26 - 24)((100vw - 300px)/(1200 - 300))),26px);--hds-line-height-body-small-min:24px;--hds-line-height-body-small-max:26px;--hds-line-height-body-small-title:clamp(24px,calc(24px + (26 - 24)((100vw - 300px)/(1200 - 300))),26px);--hds-line-height-body-small-title-min:24px;--hds-line-height-body-small-title-max:26px;--hds-line-height-technical:clamp(22px,calc(22px + (24 - 22)((100vw - 300px)/(1200 - 300))),24px);--hds-line-height-technical-min:22px;--hds-line-height-technical-max:24px;--hds-line-height-technical-title:clamp(22px,calc(22px + (24 - 22)((100vw - 300px)/(1200 - 300))),24px);--hds-line-height-technical-title-min:22px;--hds-line-height-technical-title-max:24px;--hds-line-height-caption:18px;--hds-line-height-caption-title:18px;--hds-font-weight-posten-h1-display:700;--hds-font-weight-posten-h1:700;--hds-font-weight-posten-h2:500;--hds-font-weight-bring-h1-display:500;--hds-font-weight-bring-h1:500;--hds-font-weight-bring-h2:500;--hds-font-weight-h3:400;--hds-font-weight-h3-title:500;--hds-font-weight-body:400;--hds-font-weight-body-title:500;--hds-font-weight-body-small:400;--hds-font-weight-body-small-title:500;--hds-font-weight-technical:400;--hds-font-weight-technical-title:500;--hds-font-weight-caption:400;--hds-font-weight-caption-title:500}:root,.hds-theme-posten{--hds-typography-h1-display:700 clamp(40px,calc(40px + (72 - 40)((100vw - 300px)/(1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56)((100vw - 300px)/(1200 - 300))),80px)"Posten Sans",Arial,sans-serif;--hds-typography-h1:700 clamp(32px,calc(32px + (48 - 32)((100vw - 300px)/(1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40)((100vw - 300px)/(1200 - 300))),56px)"Posten Sans",Arial,sans-serif;--hds-typography-h2:500 clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36)((100vw - 300px)/(1200 - 300))),40px)"Posten Sans",Arial,sans-serif;--hds-font-size-h1-display:clamp(40px,calc(40px + (72 - 40)((100vw - 300px)/(1200 - 300))),72px);--hds-font-size-h1-display-min:40px;--hds-font-size-h1-display-max:72px;--hds-font-size-h1:clamp(32px,calc(32px + (48 - 32)((100vw - 300px)/(1200 - 300))),48px);--hds-font-size-h1-min:32px;--hds-font-size-h1-max:48px;--hds-font-size-h2:clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px);--hds-font-size-h2-min:28px;--hds-font-size-h2-max:32px;--hds-line-height-h1-display:clamp(56px,calc(56px + (80 - 56)((100vw - 300px)/(1200 - 300))),80px);--hds-line-height-h1-display-min:56px;--hds-line-height-h1-display-max:80px;--hds-line-height-h1:clamp(40px,calc(40px + (56 - 40)((100vw - 300px)/(1200 - 300))),56px);--hds-line-height-h1-min:40px;--hds-line-height-h1-max:56px;--hds-line-height-h2:clamp(36px,calc(36px + (40 - 36)((100vw - 300px)/(1200 - 300))),40px);--hds-line-height-h2-min:36px;--hds-line-height-h2-max:40px;--hds-font-weight-h1-display:700;--hds-font-weight-h1:700;--hds-font-weight-h2:500;--hds-colors-signature:#e32d22;--hds-colors-darker:#4a1011;--hds-colors-dark:#980000;--hds-colors-light:#ff8a5f;--hds-colors-lighter:#fff5f0;--hds-colors-signature-hover:#d62722;--hds-colors-light-hover:#ff7d55;--hds-button-colors-text:#fff;--hds-link-colors-text:#000;--hds-link-colors-underline:#e32d22;--hds-link-colors-hover:#e32d22;--hds-link-colors-underline-hover:#e32d22}.hds-theme-bring{--hds-typography-h1-display:500 clamp(40px,calc(40px + (72 - 40)((100vw - 300px)/(1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56)((100vw - 300px)/(1200 - 300))),80px)"Posten Sans",Arial,sans-serif;--hds-typography-h1:500 clamp(32px,calc(32px + (48 - 32)((100vw - 300px)/(1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40)((100vw - 300px)/(1200 - 300))),56px)"Posten Sans",Arial,sans-serif;--hds-typography-h2:500 clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36)((100vw - 300px)/(1200 - 300))),40px)"Posten Sans",Arial,sans-serif;--hds-font-size-h1-display:clamp(40px,calc(40px + (72 - 40)((100vw - 300px)/(1200 - 300))),72px);--hds-font-size-h1-display-min:40px;--hds-font-size-h1-display-max:72px;--hds-font-size-h1:clamp(32px,calc(32px + (48 - 32)((100vw - 300px)/(1200 - 300))),48px);--hds-font-size-h1-min:32px;--hds-font-size-h1-max:48px;--hds-font-size-h2:clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px);--hds-font-size-h2-min:28px;--hds-font-size-h2-max:32px;--hds-line-height-h1-display:clamp(56px,calc(56px + (80 - 56)((100vw - 300px)/(1200 - 300))),80px);--hds-line-height-h1-display-min:56px;--hds-line-height-h1-display-max:80px;--hds-line-height-h1:clamp(40px,calc(40px + (56 - 40)((100vw - 300px)/(1200 - 300))),56px);--hds-line-height-h1-min:40px;--hds-line-height-h1-max:56px;--hds-line-height-h2:clamp(36px,calc(36px + (40 - 36)((100vw - 300px)/(1200 - 300))),40px);--hds-line-height-h2-min:36px;--hds-line-height-h2-max:40px;--hds-font-weight-h1-display:500;--hds-font-weight-h1:500;--hds-font-weight-h2:500;--hds-colors-signature:#56b529;--hds-colors-darker:#002f19;--hds-colors-dark:#00643a;--hds-colors-light:#b5e099;--hds-colors-lighter:#f1f7e9;--hds-colors-signature-hover:#6ec943;--hds-colors-light-hover:#d3e593;--hds-button-colors-text:#000;--hds-link-colors-text:#000;--hds-link-colors-underline:#56b529;--hds-link-colors-hover:#00643a;--hds-link-colors-underline-hover:#00643a}
1	+ :root{--hds-posten-colors-signature-red:#e32d22;--hds-posten-colors-darker-red:#4a1011;--hds-posten-colors-dark-red:#980000;--hds-posten-colors-light-red:#ffb5af;--hds-posten-colors-lighter-red:#fff5f0;--hds-posten-colors-signature-red-hover:#ca201c;--hds-posten-colors-light-red-hover:#ffa199;--hds-bring-colors-signature-green:#56b529;--hds-bring-colors-darker-green:#002f19;--hds-bring-colors-dark-green:#00643a;--hds-bring-colors-light-green:#b5e099;--hds-bring-colors-lighter-green:#f1f7e9;--hds-bring-colors-signature-green-hover:#6ec943;--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-breakpoint-small:460px;--hds-breakpoint-medium:720px;--hds-breakpoint-large:940px;--hds-breakpoint-xlarge:1200px;--hds-spacing-4:4px;--hds-spacing-8:8px;--hds-spacing-12:12px;--hds-spacing-16:16px;--hds-spacing-20:20px;--hds-spacing-24:24px;--hds-spacing-32:32px;--hds-spacing-40:40px;--hds-spacing-48:48px;--hds-spacing-64:64px;--hds-spacing-80:80px;--hds-spacing-120:120px;--hds-spacing-160:160px;--hds-navbar-height:112px;--hds-fonts-posten-sans:"Posten Sans",Arial,sans-serif;--hds-fonts-posten-sans-bold:"Posten Sans Bold",Arial,sans-serif;--hds-fonts-posten-sans-medium:"Posten Sans Medium",Arial,sans-serif;--hds-fonts-posten-sans-regular:"Posten Sans Regular",Arial,sans-serif;--hds-typography-posten-h1-display:700 clamp(40px,calc(40px + (72 - 40)((100vw - 300px)/(1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56)((100vw - 300px)/(1200 - 300))),80px)"Posten Sans",Arial,sans-serif;--hds-typography-posten-h1:700 clamp(32px,calc(32px + (48 - 32)((100vw - 300px)/(1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40)((100vw - 300px)/(1200 - 300))),56px)"Posten Sans",Arial,sans-serif;--hds-typography-posten-h2:500 clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36)((100vw - 300px)/(1200 - 300))),40px)"Posten Sans",Arial,sans-serif;--hds-typography-bring-h1-display:500 clamp(40px,calc(40px + (72 - 40)((100vw - 300px)/(1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56)((100vw - 300px)/(1200 - 300))),80px)"Posten Sans",Arial,sans-serif;--hds-typography-bring-h1:500 clamp(32px,calc(32px + (48 - 32)((100vw - 300px)/(1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40)((100vw - 300px)/(1200 - 300))),56px)"Posten Sans",Arial,sans-serif;--hds-typography-bring-h2:500 clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36)((100vw - 300px)/(1200 - 300))),40px)"Posten Sans",Arial,sans-serif;--hds-typography-h3:400 clamp(22px,calc(22px + (24 - 22)((100vw - 300px)/(1200 - 300))),24px)/clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px)"Posten Sans",Arial,sans-serif;--hds-typography-h3-title:500 clamp(22px,calc(22px + (24 - 22)((100vw - 300px)/(1200 - 300))),24px)/clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px)"Posten Sans",Arial,sans-serif;--hds-typography-body:400 clamp(18px,calc(18px + (20 - 18)((100vw - 300px)/(1200 - 300))),20px)/clamp(26px,calc(26px + (28 - 26)((100vw - 300px)/(1200 - 300))),28px)"Posten Sans",Arial,sans-serif;--hds-typography-body-title:500 clamp(18px,calc(18px + (20 - 18)((100vw - 300px)/(1200 - 300))),20px)/clamp(26px,calc(26px + (28 - 26)((100vw - 300px)/(1200 - 300))),28px)"Posten Sans",Arial,sans-serif;--hds-typography-body-small:400 clamp(16px,calc(16px + (18 - 16)((100vw - 300px)/(1200 - 300))),18px)/clamp(24px,calc(24px + (26 - 24)((100vw - 300px)/(1200 - 300))),26px)"Posten Sans",Arial,sans-serif;--hds-typography-body-small-title:500 clamp(16px,calc(16px + (18 - 16)((100vw - 300px)/(1200 - 300))),18px)/clamp(24px,calc(24px + (26 - 24)((100vw - 300px)/(1200 - 300))),26px)"Posten Sans",Arial,sans-serif;--hds-typography-technical:400 clamp(14px,calc(14px + (16 - 14)((100vw - 300px)/(1200 - 300))),16px)/clamp(22px,calc(22px + (24 - 22)((100vw - 300px)/(1200 - 300))),24px)"Posten Sans",Arial,sans-serif;--hds-typography-technical-title:500 clamp(14px,calc(14px + (16 - 14)((100vw - 300px)/(1200 - 300))),16px)/clamp(22px,calc(22px + (24 - 22)((100vw - 300px)/(1200 - 300))),24px)"Posten Sans",Arial,sans-serif;--hds-typography-caption:400 13px/18px "Posten Sans",Arial,sans-serif;--hds-typography-caption-title:500 13px/18px "Posten Sans",Arial,sans-serif;--hds-border-radius-8:8px;--hds-border-radius-16:16px;--hds-border-radius-24:24px;--hds-border-radius-32:32px;--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-micro-animation-duration-quick:.13s;--hds-micro-animation-duration-normal:.3s;--hds-micro-animation-duration-slow:.7s;--hds-opacity-7:.07;--hds-opacity-10:.1;--hds-opacity-20:.2;--hds-opacity-50:.5;--hds-font-size-posten-h1-display:clamp(40px,calc(40px + (72 - 40)((100vw - 300px)/(1200 - 300))),72px);--hds-font-size-posten-h1-display-min:40px;--hds-font-size-posten-h1-display-max:72px;--hds-font-size-posten-h1:clamp(32px,calc(32px + (48 - 32)((100vw - 300px)/(1200 - 300))),48px);--hds-font-size-posten-h1-min:32px;--hds-font-size-posten-h1-max:48px;--hds-font-size-posten-h2:clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px);--hds-font-size-posten-h2-min:28px;--hds-font-size-posten-h2-max:32px;--hds-font-size-bring-h1-display:clamp(40px,calc(40px + (72 - 40)((100vw - 300px)/(1200 - 300))),72px);--hds-font-size-bring-h1-display-min:40px;--hds-font-size-bring-h1-display-max:72px;--hds-font-size-bring-h1:clamp(32px,calc(32px + (48 - 32)((100vw - 300px)/(1200 - 300))),48px);--hds-font-size-bring-h1-min:32px;--hds-font-size-bring-h1-max:48px;--hds-font-size-bring-h2:clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px);--hds-font-size-bring-h2-min:28px;--hds-font-size-bring-h2-max:32px;--hds-font-size-h3:clamp(22px,calc(22px + (24 - 22)((100vw - 300px)/(1200 - 300))),24px);--hds-font-size-h3-min:22px;--hds-font-size-h3-max:24px;--hds-font-size-h3-title:clamp(22px,calc(22px + (24 - 22)((100vw - 300px)/(1200 - 300))),24px);--hds-font-size-h3-title-min:22px;--hds-font-size-h3-title-max:24px;--hds-font-size-body:clamp(18px,calc(18px + (20 - 18)((100vw - 300px)/(1200 - 300))),20px);--hds-font-size-body-min:18px;--hds-font-size-body-max:20px;--hds-font-size-body-title:clamp(18px,calc(18px + (20 - 18)((100vw - 300px)/(1200 - 300))),20px);--hds-font-size-body-title-min:18px;--hds-font-size-body-title-max:20px;--hds-font-size-body-small:clamp(16px,calc(16px + (18 - 16)((100vw - 300px)/(1200 - 300))),18px);--hds-font-size-body-small-min:16px;--hds-font-size-body-small-max:18px;--hds-font-size-body-small-title:clamp(16px,calc(16px + (18 - 16)((100vw - 300px)/(1200 - 300))),18px);--hds-font-size-body-small-title-min:16px;--hds-font-size-body-small-title-max:18px;--hds-font-size-technical:clamp(14px,calc(14px + (16 - 14)((100vw - 300px)/(1200 - 300))),16px);--hds-font-size-technical-min:14px;--hds-font-size-technical-max:16px;--hds-font-size-technical-title:clamp(14px,calc(14px + (16 - 14)((100vw - 300px)/(1200 - 300))),16px);--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:clamp(56px,calc(56px + (80 - 56)((100vw - 300px)/(1200 - 300))),80px);--hds-line-height-posten-h1-display-min:56px;--hds-line-height-posten-h1-display-max:80px;--hds-line-height-posten-h1:clamp(40px,calc(40px + (56 - 40)((100vw - 300px)/(1200 - 300))),56px);--hds-line-height-posten-h1-min:40px;--hds-line-height-posten-h1-max:56px;--hds-line-height-posten-h2:clamp(36px,calc(36px + (40 - 36)((100vw - 300px)/(1200 - 300))),40px);--hds-line-height-posten-h2-min:36px;--hds-line-height-posten-h2-max:40px;--hds-line-height-bring-h1-display:clamp(56px,calc(56px + (80 - 56)((100vw - 300px)/(1200 - 300))),80px);--hds-line-height-bring-h1-display-min:56px;--hds-line-height-bring-h1-display-max:80px;--hds-line-height-bring-h1:clamp(40px,calc(40px + (56 - 40)((100vw - 300px)/(1200 - 300))),56px);--hds-line-height-bring-h1-min:40px;--hds-line-height-bring-h1-max:56px;--hds-line-height-bring-h2:clamp(36px,calc(36px + (40 - 36)((100vw - 300px)/(1200 - 300))),40px);--hds-line-height-bring-h2-min:36px;--hds-line-height-bring-h2-max:40px;--hds-line-height-h3:clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px);--hds-line-height-h3-min:28px;--hds-line-height-h3-max:32px;--hds-line-height-h3-title:clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px);--hds-line-height-h3-title-min:28px;--hds-line-height-h3-title-max:32px;--hds-line-height-body:clamp(26px,calc(26px + (28 - 26)((100vw - 300px)/(1200 - 300))),28px);--hds-line-height-body-min:26px;--hds-line-height-body-max:28px;--hds-line-height-body-title:clamp(26px,calc(26px + (28 - 26)((100vw - 300px)/(1200 - 300))),28px);--hds-line-height-body-title-min:26px;--hds-line-height-body-title-max:28px;--hds-line-height-body-small:clamp(24px,calc(24px + (26 - 24)((100vw - 300px)/(1200 - 300))),26px);--hds-line-height-body-small-min:24px;--hds-line-height-body-small-max:26px;--hds-line-height-body-small-title:clamp(24px,calc(24px + (26 - 24)((100vw - 300px)/(1200 - 300))),26px);--hds-line-height-body-small-title-min:24px;--hds-line-height-body-small-title-max:26px;--hds-line-height-technical:clamp(22px,calc(22px + (24 - 22)((100vw - 300px)/(1200 - 300))),24px);--hds-line-height-technical-min:22px;--hds-line-height-technical-max:24px;--hds-line-height-technical-title:clamp(22px,calc(22px + (24 - 22)((100vw - 300px)/(1200 - 300))),24px);--hds-line-height-technical-title-min:22px;--hds-line-height-technical-title-max:24px;--hds-line-height-caption:18px;--hds-line-height-caption-title:18px;--hds-font-weight-posten-h1-display:700;--hds-font-weight-posten-h1:700;--hds-font-weight-posten-h2:500;--hds-font-weight-bring-h1-display:500;--hds-font-weight-bring-h1:500;--hds-font-weight-bring-h2:500;--hds-font-weight-h3:400;--hds-font-weight-h3-title:500;--hds-font-weight-body:400;--hds-font-weight-body-title:500;--hds-font-weight-body-small:400;--hds-font-weight-body-small-title:500;--hds-font-weight-technical:400;--hds-font-weight-technical-title:500;--hds-font-weight-caption:400;--hds-font-weight-caption-title:500}:root,.hds-theme-posten{--hds-typography-h1-display:700 clamp(40px,calc(40px + (72 - 40)((100vw - 300px)/(1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56)((100vw - 300px)/(1200 - 300))),80px)"Posten Sans",Arial,sans-serif;--hds-typography-h1:700 clamp(32px,calc(32px + (48 - 32)((100vw - 300px)/(1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40)((100vw - 300px)/(1200 - 300))),56px)"Posten Sans",Arial,sans-serif;--hds-typography-h2:500 clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36)((100vw - 300px)/(1200 - 300))),40px)"Posten Sans",Arial,sans-serif;--hds-font-size-h1-display:clamp(40px,calc(40px + (72 - 40)((100vw - 300px)/(1200 - 300))),72px);--hds-font-size-h1-display-min:40px;--hds-font-size-h1-display-max:72px;--hds-font-size-h1:clamp(32px,calc(32px + (48 - 32)((100vw - 300px)/(1200 - 300))),48px);--hds-font-size-h1-min:32px;--hds-font-size-h1-max:48px;--hds-font-size-h2:clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px);--hds-font-size-h2-min:28px;--hds-font-size-h2-max:32px;--hds-line-height-h1-display:clamp(56px,calc(56px + (80 - 56)((100vw - 300px)/(1200 - 300))),80px);--hds-line-height-h1-display-min:56px;--hds-line-height-h1-display-max:80px;--hds-line-height-h1:clamp(40px,calc(40px + (56 - 40)((100vw - 300px)/(1200 - 300))),56px);--hds-line-height-h1-min:40px;--hds-line-height-h1-max:56px;--hds-line-height-h2:clamp(36px,calc(36px + (40 - 36)((100vw - 300px)/(1200 - 300))),40px);--hds-line-height-h2-min:36px;--hds-line-height-h2-max:40px;--hds-font-weight-h1-display:700;--hds-font-weight-h1:700;--hds-font-weight-h2:500;--hds-colors-signature:#e32d22;--hds-colors-darker:#4a1011;--hds-colors-dark:#980000;--hds-colors-light:#ffb5af;--hds-colors-lighter:#fff5f0;--hds-colors-signature-hover:#ca201c;--hds-colors-light-hover:#ffa199;--hds-button-colors-text:#fff;--hds-link-colors-text:#000;--hds-link-colors-underline:#e32d22;--hds-link-colors-hover:#980000;--hds-link-colors-underline-hover:#980000}.hds-theme-bring{--hds-typography-h1-display:500 clamp(40px,calc(40px + (72 - 40)((100vw - 300px)/(1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56)((100vw - 300px)/(1200 - 300))),80px)"Posten Sans",Arial,sans-serif;--hds-typography-h1:500 clamp(32px,calc(32px + (48 - 32)((100vw - 300px)/(1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40)((100vw - 300px)/(1200 - 300))),56px)"Posten Sans",Arial,sans-serif;--hds-typography-h2:500 clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36)((100vw - 300px)/(1200 - 300))),40px)"Posten Sans",Arial,sans-serif;--hds-font-size-h1-display:clamp(40px,calc(40px + (72 - 40)((100vw - 300px)/(1200 - 300))),72px);--hds-font-size-h1-display-min:40px;--hds-font-size-h1-display-max:72px;--hds-font-size-h1:clamp(32px,calc(32px + (48 - 32)((100vw - 300px)/(1200 - 300))),48px);--hds-font-size-h1-min:32px;--hds-font-size-h1-max:48px;--hds-font-size-h2:clamp(28px,calc(28px + (32 - 28)((100vw - 300px)/(1200 - 300))),32px);--hds-font-size-h2-min:28px;--hds-font-size-h2-max:32px;--hds-line-height-h1-display:clamp(56px,calc(56px + (80 - 56)((100vw - 300px)/(1200 - 300))),80px);--hds-line-height-h1-display-min:56px;--hds-line-height-h1-display-max:80px;--hds-line-height-h1:clamp(40px,calc(40px + (56 - 40)((100vw - 300px)/(1200 - 300))),56px);--hds-line-height-h1-min:40px;--hds-line-height-h1-max:56px;--hds-line-height-h2:clamp(36px,calc(36px + (40 - 36)((100vw - 300px)/(1200 - 300))),40px);--hds-line-height-h2-min:36px;--hds-line-height-h2-max:40px;--hds-font-weight-h1-display:500;--hds-font-weight-h1:500;--hds-font-weight-h2:500;--hds-colors-signature:#56b529;--hds-colors-darker:#002f19;--hds-colors-dark:#00643a;--hds-colors-light:#b5e099;--hds-colors-lighter:#f1f7e9;--hds-colors-signature-hover:#6ec943;--hds-colors-light-hover:#d3e593;--hds-button-colors-text:#000;--hds-link-colors-text:#000;--hds-link-colors-underline:#56b529;--hds-link-colors-hover:#00643a;--hds-link-colors-underline-hover:#00643a}

package/dist/tokens.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":null,"mappings":"ACCA,8vVAgMA,w+DAuCA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/tokens.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/../node_modules/@postenbring/hedwig-tokens/tokens-output/css/tokens.css"],"sourcesContent":["@import url(\"../node_modules/@postenbring/hedwig-tokens/tokens-output/css/tokens.css\");\n","\n:root {\n --hds-posten-colors-signature-red: #e32d22;\n --hds-posten-colors-darker-red: #4a1011;\n --hds-posten-colors-dark-red: #980000;\n --hds-posten-colors-light-red: #ff8a5f;\n --hds-posten-colors-lighter-red: #fff5f0;\n --hds-posten-colors-signature-red-hover: #d62722;\n --hds-posten-colors-light-red-hover: #ff7d55;\n --hds-bring-colors-signature-green: #56B529;\n --hds-bring-colors-darker-green: #002f19;\n --hds-bring-colors-dark-green: #00643a;\n --hds-bring-colors-light-green: #B5E099;\n --hds-bring-colors-lighter-green: #f1f7e9;\n --hds-bring-colors-signature-green-hover: #6EC943;\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, radio buttons, 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-breakpoint-small: 460px; / Larger mobile phones /\n --hds-breakpoint-medium: 720px; / Most tablets /\n --hds-breakpoint-large: 940px; / Smaller laptops and desktop monitors. This is where the navbar goes from the mobile version to the desktop version /\n --hds-breakpoint-xlarge: 1200px; / Most modern laptops and desktop monitors /\n --hds-spacing-4: 4px;\n --hds-spacing-8: 8px;\n --hds-spacing-12: 12px;\n --hds-spacing-16: 16px;\n --hds-spacing-20: 20px;\n --hds-spacing-24: 24px;\n --hds-spacing-32: 32px;\n --hds-spacing-40: 40px;\n --hds-spacing-48: 48px;\n --hds-spacing-64: 64px;\n --hds-spacing-80: 80px;\n --hds-spacing-120: 120px;\n --hds-spacing-160: 160px;\n --hds-navbar-height: 112px;\n --hds-fonts-posten-sans: 'Posten Sans', Arial, sans-serif;\n --hds-fonts-posten-sans-bold: 'Posten Sans Bold', Arial, sans-serif;\n --hds-fonts-posten-sans-medium: 'Posten Sans Medium', Arial, sans-serif;\n --hds-fonts-posten-sans-regular: 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-posten-h1-display: 700 clamp(40px,calc(40px + (72 - 40) ((100vw - 300px) / (1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-posten-h1: 700 clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-posten-h2: 500 clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-bring-h1-display: 500 clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-bring-h1: 500 clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-bring-h2: 500 clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h3: 400 clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px)/clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h3-title: 500 clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px)/clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body: 400 clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px)/clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body-title: 500 clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px)/clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body-small: 400 clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px)/clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body-small-title: 500 clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px)/clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-technical: 400 clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px)/clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-technical-title: 500 clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px)/clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-caption: 400 13px/18px 'Posten Sans', Arial, sans-serif;\n --hds-typography-caption-title: 500 13px/18px 'Posten Sans', Arial, sans-serif;\n --hds-border-radius-8: 8px;\n --hds-border-radius-16: 16px;\n --hds-border-radius-24: 24px;\n --hds-border-radius-32: 32px;\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-micro-animation-duration-quick: 0.130s;\n --hds-micro-animation-duration-normal: 0.300s;\n --hds-micro-animation-duration-slow: 0.700s;\n --hds-opacity-7: .07;\n --hds-opacity-10: .1;\n --hds-opacity-20: .2;\n --hds-opacity-50: .5;\n --hds-font-size-posten-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-font-size-posten-h1-display-min: 40px;\n --hds-font-size-posten-h1-display-max: 72px;\n --hds-font-size-posten-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-font-size-posten-h1-min: 32px;\n --hds-font-size-posten-h1-max: 48px;\n --hds-font-size-posten-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-font-size-posten-h2-min: 28px;\n --hds-font-size-posten-h2-max: 32px;\n --hds-font-size-bring-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-font-size-bring-h1-display-min: 40px;\n --hds-font-size-bring-h1-display-max: 72px;\n --hds-font-size-bring-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-font-size-bring-h1-min: 32px;\n --hds-font-size-bring-h1-max: 48px;\n --hds-font-size-bring-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-font-size-bring-h2-min: 28px;\n --hds-font-size-bring-h2-max: 32px;\n --hds-font-size-h3: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-font-size-h3-min: 22px;\n --hds-font-size-h3-max: 24px;\n --hds-font-size-h3-title: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-font-size-h3-title-min: 22px;\n --hds-font-size-h3-title-max: 24px;\n --hds-font-size-body: clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px);\n --hds-font-size-body-min: 18px;\n --hds-font-size-body-max: 20px;\n --hds-font-size-body-title: clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px);\n --hds-font-size-body-title-min: 18px;\n --hds-font-size-body-title-max: 20px;\n --hds-font-size-body-small: clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px);\n --hds-font-size-body-small-min: 16px;\n --hds-font-size-body-small-max: 18px;\n --hds-font-size-body-small-title: clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px);\n --hds-font-size-body-small-title-min: 16px;\n --hds-font-size-body-small-title-max: 18px;\n --hds-font-size-technical: clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px);\n --hds-font-size-technical-min: 14px;\n --hds-font-size-technical-max: 16px;\n --hds-font-size-technical-title: clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px);\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: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-line-height-posten-h1-display-min: 56px;\n --hds-line-height-posten-h1-display-max: 80px;\n --hds-line-height-posten-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-line-height-posten-h1-min: 40px;\n --hds-line-height-posten-h1-max: 56px;\n --hds-line-height-posten-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-line-height-posten-h2-min: 36px;\n --hds-line-height-posten-h2-max: 40px;\n --hds-line-height-bring-h1-display: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-line-height-bring-h1-display-min: 56px;\n --hds-line-height-bring-h1-display-max: 80px;\n --hds-line-height-bring-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-line-height-bring-h1-min: 40px;\n --hds-line-height-bring-h1-max: 56px;\n --hds-line-height-bring-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-line-height-bring-h2-min: 36px;\n --hds-line-height-bring-h2-max: 40px;\n --hds-line-height-h3: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-line-height-h3-min: 28px;\n --hds-line-height-h3-max: 32px;\n --hds-line-height-h3-title: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-line-height-h3-title-min: 28px;\n --hds-line-height-h3-title-max: 32px;\n --hds-line-height-body: clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px);\n --hds-line-height-body-min: 26px;\n --hds-line-height-body-max: 28px;\n --hds-line-height-body-title: clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px);\n --hds-line-height-body-title-min: 26px;\n --hds-line-height-body-title-max: 28px;\n --hds-line-height-body-small: clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px);\n --hds-line-height-body-small-min: 24px;\n --hds-line-height-body-small-max: 26px;\n --hds-line-height-body-small-title: clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px);\n --hds-line-height-body-small-title-min: 24px;\n --hds-line-height-body-small-title-max: 26px;\n --hds-line-height-technical: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-line-height-technical-min: 22px;\n --hds-line-height-technical-max: 24px;\n --hds-line-height-technical-title: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-line-height-technical-title-min: 22px;\n --hds-line-height-technical-title-max: 24px;\n --hds-line-height-caption: 18px;\n --hds-line-height-caption-title: 18px;\n --hds-font-weight-posten-h1-display: 700;\n --hds-font-weight-posten-h1: 700;\n --hds-font-weight-posten-h2: 500;\n --hds-font-weight-bring-h1-display: 500;\n --hds-font-weight-bring-h1: 500;\n --hds-font-weight-bring-h2: 500;\n --hds-font-weight-h3: 400;\n --hds-font-weight-h3-title: 500;\n --hds-font-weight-body: 400;\n --hds-font-weight-body-title: 500;\n --hds-font-weight-body-small: 400;\n --hds-font-weight-body-small-title: 500;\n --hds-font-weight-technical: 400;\n --hds-font-weight-technical-title: 500;\n --hds-font-weight-caption: 400;\n --hds-font-weight-caption-title: 500;\n}\n:root, /* Default /\n.hds-theme-posten {\n --hds-typography-h1-display: 700 clamp(40px,calc(40px + (72 - 40) ((100vw - 300px) / (1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h1: 700 clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h2: 500 clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px) 'Posten Sans', Arial, sans-serif;\n --hds-font-size-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-font-size-h1-display-min: 40px;\n --hds-font-size-h1-display-max: 72px;\n --hds-font-size-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-font-size-h1-min: 32px;\n --hds-font-size-h1-max: 48px;\n --hds-font-size-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-font-size-h2-min: 28px;\n --hds-font-size-h2-max: 32px;\n --hds-line-height-h1-display: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-line-height-h1-display-min: 56px;\n --hds-line-height-h1-display-max: 80px;\n --hds-line-height-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-line-height-h1-min: 40px;\n --hds-line-height-h1-max: 56px;\n --hds-line-height-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-line-height-h2-min: 36px;\n --hds-line-height-h2-max: 40px;\n --hds-font-weight-h1-display: 700;\n --hds-font-weight-h1: 700;\n --hds-font-weight-h2: 500;\n --hds-colors-signature: #e32d22;\n --hds-colors-darker: #4a1011;\n --hds-colors-dark: #980000;\n --hds-colors-light: #ff8a5f;\n --hds-colors-lighter: #fff5f0;\n --hds-colors-signature-hover: #d62722;\n --hds-colors-light-hover: #ff7d55;\n --hds-button-colors-text: #ffffff;\n --hds-link-colors-text: #000000;\n --hds-link-colors-underline: #e32d22;\n --hds-link-colors-hover: #e32d22;\n --hds-link-colors-underline-hover: #e32d22;\n}\n.hds-theme-bring {\n --hds-typography-h1-display: 500 clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h1: 500 clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h2: 500 clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px) 'Posten Sans', Arial, sans-serif;\n --hds-font-size-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-font-size-h1-display-min: 40px;\n --hds-font-size-h1-display-max: 72px;\n --hds-font-size-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-font-size-h1-min: 32px;\n --hds-font-size-h1-max: 48px;\n --hds-font-size-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-font-size-h2-min: 28px;\n --hds-font-size-h2-max: 32px;\n --hds-line-height-h1-display: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-line-height-h1-display-min: 56px;\n --hds-line-height-h1-display-max: 80px;\n --hds-line-height-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-line-height-h1-min: 40px;\n --hds-line-height-h1-max: 56px;\n --hds-line-height-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-line-height-h2-min: 36px;\n --hds-line-height-h2-max: 40px;\n --hds-font-weight-h1-display: 500;\n --hds-font-weight-h1: 500;\n --hds-font-weight-h2: 500;\n --hds-colors-signature: #56B529;\n --hds-colors-darker: #002f19;\n --hds-colors-dark: #00643a;\n --hds-colors-light: #B5E099;\n --hds-colors-lighter: #f1f7e9;\n --hds-colors-signature-hover: #6EC943;\n --hds-colors-light-hover: #d3e593;\n --hds-button-colors-text: #000000;\n --hds-link-colors-text: #000000;\n --hds-link-colors-underline: #56B529;\n --hds-link-colors-hover: #00643a;\n --hds-link-colors-underline-hover: #00643a;\n}\n"],"names":[]}
1	+ {"version":3,"sourceRoot":null,"mappings":"ACCA,8vVAgMA,w+DAuCA","sources":["home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/tokens.css","home/runner/work/hedwig-design-system/hedwig-design-system/packages/css/src/../node_modules/@postenbring/hedwig-tokens/tokens-output/css/tokens.css"],"sourcesContent":["@import url(\"../node_modules/@postenbring/hedwig-tokens/tokens-output/css/tokens.css\");\n","\n:root {\n --hds-posten-colors-signature-red: #e32d22;\n --hds-posten-colors-darker-red: #4a1011;\n --hds-posten-colors-dark-red: #980000;\n --hds-posten-colors-light-red: #ffb5af;\n --hds-posten-colors-lighter-red: #fff5f0;\n --hds-posten-colors-signature-red-hover: #ca201c;\n --hds-posten-colors-light-red-hover: #ffa199;\n --hds-bring-colors-signature-green: #56b529;\n --hds-bring-colors-darker-green: #002f19;\n --hds-bring-colors-dark-green: #00643a;\n --hds-bring-colors-light-green: #b5e099;\n --hds-bring-colors-lighter-green: #f1f7e9;\n --hds-bring-colors-signature-green-hover: #6ec943;\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, radio buttons, 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-breakpoint-small: 460px; / Larger mobile phones /\n --hds-breakpoint-medium: 720px; / Most tablets /\n --hds-breakpoint-large: 940px; / Smaller laptops and desktop monitors. This is where the navbar goes from the mobile version to the desktop version /\n --hds-breakpoint-xlarge: 1200px; / Most modern laptops and desktop monitors /\n --hds-spacing-4: 4px;\n --hds-spacing-8: 8px;\n --hds-spacing-12: 12px;\n --hds-spacing-16: 16px;\n --hds-spacing-20: 20px;\n --hds-spacing-24: 24px;\n --hds-spacing-32: 32px;\n --hds-spacing-40: 40px;\n --hds-spacing-48: 48px;\n --hds-spacing-64: 64px;\n --hds-spacing-80: 80px;\n --hds-spacing-120: 120px;\n --hds-spacing-160: 160px;\n --hds-navbar-height: 112px;\n --hds-fonts-posten-sans: 'Posten Sans', Arial, sans-serif;\n --hds-fonts-posten-sans-bold: 'Posten Sans Bold', Arial, sans-serif;\n --hds-fonts-posten-sans-medium: 'Posten Sans Medium', Arial, sans-serif;\n --hds-fonts-posten-sans-regular: 'Posten Sans Regular', Arial, sans-serif;\n --hds-typography-posten-h1-display: 700 clamp(40px,calc(40px + (72 - 40) ((100vw - 300px) / (1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-posten-h1: 700 clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-posten-h2: 500 clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-bring-h1-display: 500 clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-bring-h1: 500 clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-bring-h2: 500 clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h3: 400 clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px)/clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h3-title: 500 clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px)/clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body: 400 clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px)/clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body-title: 500 clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px)/clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body-small: 400 clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px)/clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-body-small-title: 500 clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px)/clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-technical: 400 clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px)/clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-technical-title: 500 clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px)/clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-caption: 400 13px/18px 'Posten Sans', Arial, sans-serif;\n --hds-typography-caption-title: 500 13px/18px 'Posten Sans', Arial, sans-serif;\n --hds-border-radius-8: 8px;\n --hds-border-radius-16: 16px;\n --hds-border-radius-24: 24px;\n --hds-border-radius-32: 32px;\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-micro-animation-duration-quick: 0.130s;\n --hds-micro-animation-duration-normal: 0.300s;\n --hds-micro-animation-duration-slow: 0.700s;\n --hds-opacity-7: .07;\n --hds-opacity-10: .1;\n --hds-opacity-20: .2;\n --hds-opacity-50: .5;\n --hds-font-size-posten-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-font-size-posten-h1-display-min: 40px;\n --hds-font-size-posten-h1-display-max: 72px;\n --hds-font-size-posten-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-font-size-posten-h1-min: 32px;\n --hds-font-size-posten-h1-max: 48px;\n --hds-font-size-posten-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-font-size-posten-h2-min: 28px;\n --hds-font-size-posten-h2-max: 32px;\n --hds-font-size-bring-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-font-size-bring-h1-display-min: 40px;\n --hds-font-size-bring-h1-display-max: 72px;\n --hds-font-size-bring-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-font-size-bring-h1-min: 32px;\n --hds-font-size-bring-h1-max: 48px;\n --hds-font-size-bring-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-font-size-bring-h2-min: 28px;\n --hds-font-size-bring-h2-max: 32px;\n --hds-font-size-h3: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-font-size-h3-min: 22px;\n --hds-font-size-h3-max: 24px;\n --hds-font-size-h3-title: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-font-size-h3-title-min: 22px;\n --hds-font-size-h3-title-max: 24px;\n --hds-font-size-body: clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px);\n --hds-font-size-body-min: 18px;\n --hds-font-size-body-max: 20px;\n --hds-font-size-body-title: clamp(18px,calc(18px + (20 - 18) * ((100vw - 300px) / (1200 - 300))),20px);\n --hds-font-size-body-title-min: 18px;\n --hds-font-size-body-title-max: 20px;\n --hds-font-size-body-small: clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px);\n --hds-font-size-body-small-min: 16px;\n --hds-font-size-body-small-max: 18px;\n --hds-font-size-body-small-title: clamp(16px,calc(16px + (18 - 16) * ((100vw - 300px) / (1200 - 300))),18px);\n --hds-font-size-body-small-title-min: 16px;\n --hds-font-size-body-small-title-max: 18px;\n --hds-font-size-technical: clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px);\n --hds-font-size-technical-min: 14px;\n --hds-font-size-technical-max: 16px;\n --hds-font-size-technical-title: clamp(14px,calc(14px + (16 - 14) * ((100vw - 300px) / (1200 - 300))),16px);\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: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-line-height-posten-h1-display-min: 56px;\n --hds-line-height-posten-h1-display-max: 80px;\n --hds-line-height-posten-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-line-height-posten-h1-min: 40px;\n --hds-line-height-posten-h1-max: 56px;\n --hds-line-height-posten-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-line-height-posten-h2-min: 36px;\n --hds-line-height-posten-h2-max: 40px;\n --hds-line-height-bring-h1-display: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-line-height-bring-h1-display-min: 56px;\n --hds-line-height-bring-h1-display-max: 80px;\n --hds-line-height-bring-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-line-height-bring-h1-min: 40px;\n --hds-line-height-bring-h1-max: 56px;\n --hds-line-height-bring-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-line-height-bring-h2-min: 36px;\n --hds-line-height-bring-h2-max: 40px;\n --hds-line-height-h3: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-line-height-h3-min: 28px;\n --hds-line-height-h3-max: 32px;\n --hds-line-height-h3-title: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-line-height-h3-title-min: 28px;\n --hds-line-height-h3-title-max: 32px;\n --hds-line-height-body: clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px);\n --hds-line-height-body-min: 26px;\n --hds-line-height-body-max: 28px;\n --hds-line-height-body-title: clamp(26px,calc(26px + (28 - 26) * ((100vw - 300px) / (1200 - 300))),28px);\n --hds-line-height-body-title-min: 26px;\n --hds-line-height-body-title-max: 28px;\n --hds-line-height-body-small: clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px);\n --hds-line-height-body-small-min: 24px;\n --hds-line-height-body-small-max: 26px;\n --hds-line-height-body-small-title: clamp(24px,calc(24px + (26 - 24) * ((100vw - 300px) / (1200 - 300))),26px);\n --hds-line-height-body-small-title-min: 24px;\n --hds-line-height-body-small-title-max: 26px;\n --hds-line-height-technical: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-line-height-technical-min: 22px;\n --hds-line-height-technical-max: 24px;\n --hds-line-height-technical-title: clamp(22px,calc(22px + (24 - 22) * ((100vw - 300px) / (1200 - 300))),24px);\n --hds-line-height-technical-title-min: 22px;\n --hds-line-height-technical-title-max: 24px;\n --hds-line-height-caption: 18px;\n --hds-line-height-caption-title: 18px;\n --hds-font-weight-posten-h1-display: 700;\n --hds-font-weight-posten-h1: 700;\n --hds-font-weight-posten-h2: 500;\n --hds-font-weight-bring-h1-display: 500;\n --hds-font-weight-bring-h1: 500;\n --hds-font-weight-bring-h2: 500;\n --hds-font-weight-h3: 400;\n --hds-font-weight-h3-title: 500;\n --hds-font-weight-body: 400;\n --hds-font-weight-body-title: 500;\n --hds-font-weight-body-small: 400;\n --hds-font-weight-body-small-title: 500;\n --hds-font-weight-technical: 400;\n --hds-font-weight-technical-title: 500;\n --hds-font-weight-caption: 400;\n --hds-font-weight-caption-title: 500;\n}\n:root, /* Default /\n.hds-theme-posten {\n --hds-typography-h1-display: 700 clamp(40px,calc(40px + (72 - 40) ((100vw - 300px) / (1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h1: 700 clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h2: 500 clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px) 'Posten Sans', Arial, sans-serif;\n --hds-font-size-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-font-size-h1-display-min: 40px;\n --hds-font-size-h1-display-max: 72px;\n --hds-font-size-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-font-size-h1-min: 32px;\n --hds-font-size-h1-max: 48px;\n --hds-font-size-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-font-size-h2-min: 28px;\n --hds-font-size-h2-max: 32px;\n --hds-line-height-h1-display: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-line-height-h1-display-min: 56px;\n --hds-line-height-h1-display-max: 80px;\n --hds-line-height-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-line-height-h1-min: 40px;\n --hds-line-height-h1-max: 56px;\n --hds-line-height-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-line-height-h2-min: 36px;\n --hds-line-height-h2-max: 40px;\n --hds-font-weight-h1-display: 700;\n --hds-font-weight-h1: 700;\n --hds-font-weight-h2: 500;\n --hds-colors-signature: #e32d22;\n --hds-colors-darker: #4a1011;\n --hds-colors-dark: #980000;\n --hds-colors-light: #ffb5af;\n --hds-colors-lighter: #fff5f0;\n --hds-colors-signature-hover: #ca201c;\n --hds-colors-light-hover: #ffa199;\n --hds-button-colors-text: #ffffff;\n --hds-link-colors-text: #000000;\n --hds-link-colors-underline: #e32d22;\n --hds-link-colors-hover: #980000;\n --hds-link-colors-underline-hover: #980000;\n}\n.hds-theme-bring {\n --hds-typography-h1-display: 500 clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px)/clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h1: 500 clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px)/clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px) 'Posten Sans', Arial, sans-serif;\n --hds-typography-h2: 500 clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px)/clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px) 'Posten Sans', Arial, sans-serif;\n --hds-font-size-h1-display: clamp(40px,calc(40px + (72 - 40) * ((100vw - 300px) / (1200 - 300))),72px);\n --hds-font-size-h1-display-min: 40px;\n --hds-font-size-h1-display-max: 72px;\n --hds-font-size-h1: clamp(32px,calc(32px + (48 - 32) * ((100vw - 300px) / (1200 - 300))),48px);\n --hds-font-size-h1-min: 32px;\n --hds-font-size-h1-max: 48px;\n --hds-font-size-h2: clamp(28px,calc(28px + (32 - 28) * ((100vw - 300px) / (1200 - 300))),32px);\n --hds-font-size-h2-min: 28px;\n --hds-font-size-h2-max: 32px;\n --hds-line-height-h1-display: clamp(56px,calc(56px + (80 - 56) * ((100vw - 300px) / (1200 - 300))),80px);\n --hds-line-height-h1-display-min: 56px;\n --hds-line-height-h1-display-max: 80px;\n --hds-line-height-h1: clamp(40px,calc(40px + (56 - 40) * ((100vw - 300px) / (1200 - 300))),56px);\n --hds-line-height-h1-min: 40px;\n --hds-line-height-h1-max: 56px;\n --hds-line-height-h2: clamp(36px,calc(36px + (40 - 36) * ((100vw - 300px) / (1200 - 300))),40px);\n --hds-line-height-h2-min: 36px;\n --hds-line-height-h2-max: 40px;\n --hds-font-weight-h1-display: 500;\n --hds-font-weight-h1: 500;\n --hds-font-weight-h2: 500;\n --hds-colors-signature: #56b529;\n --hds-colors-darker: #002f19;\n --hds-colors-dark: #00643a;\n --hds-colors-light: #b5e099;\n --hds-colors-lighter: #f1f7e9;\n --hds-colors-signature-hover: #6ec943;\n --hds-colors-light-hover: #d3e593;\n --hds-button-colors-text: #000000;\n --hds-link-colors-text: #000000;\n --hds-link-colors-underline: #56b529;\n --hds-link-colors-hover: #00643a;\n --hds-link-colors-underline-hover: #00643a;\n}\n"],"names":[]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@postenbring/hedwig-css",
-  "version": "1.6.0",
+  "version": "2.1.0",
   "description": "",
   "files": [
     "dist/**",
@@ -25,19 +25,19 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "browserslist": "4.24.2",
+    "browserslist": "4.24.4",
     "chokidar-cli": "3.0.0",
-    "globby": "14.0.2",
-    "lightningcss": "1.28.1",
+    "globby": "14.1.0",
+    "lightningcss": "1.29.3",
     "sanitize.css": "^13.0.0",
-    "stylelint": "16.10.0",
+    "stylelint": "16.18.0",
     "stylelint-config-standard": "36.0.1",
     "stylelint-value-no-unknown-custom-properties": "6.0.1",
-    "wait-on": "^8.0.1"
+    "wait-on": "^8.0.3"
   },
   "dependencies": {
     "clsx": "^2.1.1",
-    "@postenbring/hedwig-tokens": "1.2.0"
+    "@postenbring/hedwig-tokens": "1.3.0"
   },
   "publishConfig": {
     "access": "public"