@solid-design-system/styles 1.0.1 → 1.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (46) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/cdn/modules/status-badge.css +1 -0
  3. package/cdn/solid-styles.css +1 -1
  4. package/cdn-versioned/modules/chip.css +1 -1
  5. package/cdn-versioned/modules/container.css +1 -1
  6. package/cdn-versioned/modules/copyright.css +1 -1
  7. package/cdn-versioned/modules/display.css +1 -1
  8. package/cdn-versioned/modules/flag.css +1 -1
  9. package/cdn-versioned/modules/footnotes.css +1 -1
  10. package/cdn-versioned/modules/headline.css +1 -1
  11. package/cdn-versioned/modules/hidden-links.css +1 -1
  12. package/cdn-versioned/modules/interactive.css +1 -1
  13. package/cdn-versioned/modules/leadtext.css +1 -1
  14. package/cdn-versioned/modules/list.css +1 -1
  15. package/cdn-versioned/modules/mark.css +1 -1
  16. package/cdn-versioned/modules/media.css +1 -1
  17. package/cdn-versioned/modules/meta.css +1 -1
  18. package/cdn-versioned/modules/paragraph.css +1 -1
  19. package/cdn-versioned/modules/prose.css +1 -1
  20. package/cdn-versioned/modules/status-badge.css +1 -0
  21. package/cdn-versioned/modules/table-cell.css +1 -1
  22. package/cdn-versioned/modules/table.css +1 -1
  23. package/cdn-versioned/solid-styles.css +1 -1
  24. package/dist/modules/status-badge.css +61 -0
  25. package/dist/solid-styles.css +44 -0
  26. package/dist-versioned/modules/chip.css +6 -6
  27. package/dist-versioned/modules/container.css +45 -45
  28. package/dist-versioned/modules/copyright.css +11 -11
  29. package/dist-versioned/modules/display.css +9 -9
  30. package/dist-versioned/modules/flag.css +6 -6
  31. package/dist-versioned/modules/footnotes.css +7 -7
  32. package/dist-versioned/modules/headline.css +67 -67
  33. package/dist-versioned/modules/hidden-links.css +7 -7
  34. package/dist-versioned/modules/interactive.css +38 -38
  35. package/dist-versioned/modules/leadtext.css +8 -8
  36. package/dist-versioned/modules/list.css +47 -47
  37. package/dist-versioned/modules/mark.css +2 -2
  38. package/dist-versioned/modules/media.css +7 -7
  39. package/dist-versioned/modules/meta.css +12 -12
  40. package/dist-versioned/modules/paragraph.css +8 -8
  41. package/dist-versioned/modules/prose.css +231 -231
  42. package/dist-versioned/modules/status-badge.css +61 -0
  43. package/dist-versioned/modules/table-cell.css +23 -23
  44. package/dist-versioned/modules/table.css +4 -4
  45. package/dist-versioned/solid-styles.css +371 -327
  46. package/package.json +2 -2
package/cdn-versioned/solid-styles.css CHANGED
@@ -1 +1 @@
1
- .sd-1-0-1-chip{align-items:center;border-radius:var(--sd-border-radius-default,.25rem);display:inline-flex;height:var(--sd-spacing-6,1.5rem);overflow:hidden;white-space:nowrap;--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-bg-opacity,1));font-size:var(--sd-font-size-sm,.875rem);padding-left:var(--sd-spacing-2,.5rem);padding-right:var(--sd-spacing-2,.5rem);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-1-0-1-chip--primary-500{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-0-1-chip--primary-300{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-300,200 213 231)/var(--tw-bg-opacity,1))}.sd-1-0-1-chip--white{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1))}.sd-1-0-1-container{position:relative;--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--tw-bg-opacity,1));padding:var(--sd-spacing-8,2rem) var(--sd-spacing-10,2.5rem)}.sd-1-0-1-container--variant-primary-100{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}.sd-1-0-1-container--variant-primary{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-bg-opacity,1))}.sd-1-0-1-container--variant-border-neutral-400{border-style:solid;--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));border-width:1px}.sd-1-0-1-container--variant-border-neutral-400,.sd-1-0-1-container--variant-white{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1))}.sd-1-0-1-container--padding-sm{padding:var(--sd-spacing-4,1rem) var(--sd-spacing-6,1.5rem)}.sd-1-0-1-container{--triangle-background:#fff}.sd-1-0-1-container--triangle-bottom:before,.sd-1-0-1-container--triangle-left:before,.sd-1-0-1-container--triangle-right:before,.sd-1-0-1-container--triangle-top:before{border-color:transparent;border-style:solid;border-width:14px;content:"";display:block;position:absolute}.sd-1-0-1-container--triangle-top:before{border-top-color:var(--triangle-background);left:calc(50% - 14px);top:var(--sd-spacing-0,0)}.sd-1-0-1-container--triangle-right:before{border-right-color:var(--triangle-background);right:var(--sd-spacing-0,0);top:calc(50% - 14px)}.sd-1-0-1-container--triangle-bottom:before{border-bottom-color:var(--triangle-background);bottom:var(--sd-spacing-0,0);left:calc(50% - 14px)}.sd-1-0-1-container--triangle-left:before{border-left-color:var(--triangle-background);left:var(--sd-spacing-0,0);top:calc(50% - 14px)}.sd-1-0-1-container--triangle-bottom-border:after,.sd-1-0-1-container--triangle-bottom-border:before,.sd-1-0-1-container--triangle-left-border:after,.sd-1-0-1-container--triangle-left-border:before,.sd-1-0-1-container--triangle-right-border:after,.sd-1-0-1-container--triangle-right-border:before,.sd-1-0-1-container--triangle-top-border:after,.sd-1-0-1-container--triangle-top-border:before{border-color:transparent;border-style:solid;content:"";display:block;position:absolute}.sd-1-0-1-container--triangle-bottom-border:after,.sd-1-0-1-container--triangle-left-border:after,.sd-1-0-1-container--triangle-right-border:after,.sd-1-0-1-container--triangle-top-border:after{border-width:14px}.sd-1-0-1-container--triangle-bottom-border:before,.sd-1-0-1-container--triangle-left-border:before,.sd-1-0-1-container--triangle-right-border:before,.sd-1-0-1-container--triangle-top-border:before{border-width:15px}.sd-1-0-1-container--triangle-top-border:after,.sd-1-0-1-container--triangle-top-border:before{top:-1px}.sd-1-0-1-container--triangle-top-border:before{--tw-border-opacity:1;border-top-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));left:calc(50% - 15px)}.sd-1-0-1-container--triangle-top-border:after{border-top-color:var(--triangle-background);left:calc(50% - 14px)}.sd-1-0-1-container--triangle-right-border:after,.sd-1-0-1-container--triangle-right-border:before{right:-1px}.sd-1-0-1-container--triangle-right-border:before{--tw-border-opacity:1;border-right-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));top:calc(50% - 15px)}.sd-1-0-1-container--triangle-right-border:after{border-right-color:var(--triangle-background);top:calc(50% - 14px)}.sd-1-0-1-container--triangle-bottom-border:after,.sd-1-0-1-container--triangle-bottom-border:before{bottom:-1px}.sd-1-0-1-container--triangle-bottom-border:before{--tw-border-opacity:1;border-bottom-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));left:calc(50% - 15px)}.sd-1-0-1-container--triangle-bottom-border:after{border-bottom-color:var(--triangle-background);left:calc(50% - 14px)}.sd-1-0-1-container--triangle-left-border:after,.sd-1-0-1-container--triangle-left-border:before{left:-1px}.sd-1-0-1-container--triangle-left-border:before{--tw-border-opacity:1;border-left-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));top:calc(50% - 15px)}.sd-1-0-1-container--triangle-left-border:after{border-left-color:var(--triangle-background);top:calc(50% - 14px)}.sd-1-0-1-copyright{position:relative}.sd-1-0-1-copyright:after{bottom:var(--sd-spacing-0,0);display:block;font-size:var(--sd-font-size-sm,.875rem);left:var(--sd-spacing-0,0);padding-bottom:var(--sd-spacing-2,.5rem);padding-left:var(--sd-spacing-4,1rem);position:absolute;width:100%;--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1));--tw-drop-shadow:drop-shadow(var(--sd-shadow-sm,0.5px 0.5px 1.5px #515151));content:var(--copyright);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sd-1-0-1-copyright--orientation-vertical:after{padding:var(--sd-spacing-2,.5rem) var(--sd-spacing-1,.25rem) var(--sd-spacing-0,0) var(--sd-spacing-0,0);text-orientation:sideways-right;transform:rotate(180deg);width:-moz-max-content;width:max-content;writing-mode:vertical-rl}.sd-1-0-1-copyright--color-black:after{--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1));filter:drop-shadow(0 0 transparent)}.sd-1-0-1-copyright--no-shadow:after{filter:drop-shadow(0 0 transparent)}.sd-1-0-1-copyright--placement-top:after{display:block;max-height:-moz-fit-content;max-height:fit-content;padding-right:var(--sd-spacing-4,1rem);padding-top:var(--sd-spacing-2,.5rem);position:absolute;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0)}.sd-1-0-1-flag{align-items:center;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1));display:inline-flex;font-size:var(--sd-font-size-sm,.875rem);height:var(--sd-spacing-8,2rem);overflow:hidden;padding-left:var(--sd-spacing-3,.75rem);padding-right:var(--sd-spacing-3,.75rem);white-space:nowrap}.sd-1-0-1-flag,.sd-1-0-1-flag--neutral-500{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-1-0-1-flag--neutral-500{background-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-bg-opacity,1))}.sd-1-0-1-flag--neutral-300{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-300,218 218 218)/var(--tw-bg-opacity,1))}.sd-1-0-1-flag--white{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1))}.sd-1-0-1-footnotes{font-size:var(--sd-font-size-sm,.875rem);margin-bottom:var(--sd-spacing-0,0);margin-top:var(--sd-spacing-0,0);padding:var(--sd-spacing-0,0);text-align:left;--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-700,104 104 104)/var(--tw-text-opacity,1))}.sd-1-0-1-footnotes:is(ol) li{counter-increment:list-item;display:flex;gap:var(--sd-spacing-2,.5rem)}.sd-1-0-1-footnotes:is(ol) li:before{content:counter(list-item);flex-shrink:0;font-size:10px;line-height:var(--sd-line-height-normal,150%);padding-top:1px;width:var(--sd-spacing-5,1.25rem)}.sd-1-0-1-footnotes:is(ul){list-style:""}.sd-1-0-1-footnotes--inverted{--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity,1))}:lang(en){--sd-hidden-links-title:"Jump to"}:lang(de){--sd-hidden-links-title:"Springe zu"}.sd-1-0-1-hidden-links:not(:focus-within):not(.sd-1-0-1-hidden-links--debug){height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.sd-1-0-1-hidden-links{left:var(--sd-spacing-6,1.5rem);position:absolute;top:var(--sd-spacing-6,1.5rem)}.sd-1-0-1-hidden-links--multiple{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));padding:var(--sd-spacing-4,1rem) var(--sd-spacing-2,.5rem);--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.sd-1-0-1-hidden-links--multiple:before{content:var(--sd-hidden-links-title);font-weight:700;padding:var(--sd-spacing-2,.5rem) var(--sd-spacing-4,1rem)}mark.sd-1-0-1-mark{background-color:transparent;--tw-text-opacity:1;color:rgb(var(--sd-color-accent,45 157 0)/var(--tw-text-opacity,1))}.sd-1-0-1-meta{font-size:var(--sd-font-size-base,1rem);font-weight:400;line-height:var(--sd-line-height-none,100%);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-1-0-1-meta--size-sm{font-size:var(--sd-font-size-sm,.875rem)}.sd-1-0-1-meta--light{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-700,104 104 104)/var(--tw-text-opacity,1))}.sd-1-0-1-meta--inverted{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-0-1-meta--inverted.sd-1-0-1-meta--light{--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity,1))}.sd-1-0-1-meta--pipe:after{content:"|";margin-left:var(--sd-spacing-1,.25rem);margin-right:var(--sd-spacing-1,.25rem)}.sd-1-0-1-meta--pipe.sd-1-0-1-meta--size-sm:after{margin-left:var(--sd-spacing-0-5,.125rem);margin-right:var(--sd-spacing-0-5,.125rem)}.sd-1-0-1-display{font-size:var(--sd-font-size-3xl,2rem);font-weight:400;line-height:var(--sd-line-height-tight,120%);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}@media (min-width:1024px){.sd-1-0-1-display{font-size:var(--sd-font-size-4xl,2.5rem)}}.sd-1-0-1-display--size-xl{font-size:var(--sd-font-size-xl,1.5rem)}.sd-1-0-1-display--size-3xl,.sd-1-0-1-display--size-xl{font-weight:400;line-height:var(--sd-line-height-tight,120%);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-1-0-1-display--size-3xl{font-size:var(--sd-font-size-2xl,1.75rem)}@media (min-width:1024px){.sd-1-0-1-display--size-3xl{font-size:var(--sd-font-size-3xl,2rem)}}.sd-1-0-1-display--inverted{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-0-1-headline,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5){display:flex;font-weight:700;--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1))}.sd-1-0-1-headline sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5) sd-icon{flex-shrink:0;font-size:3rem;--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1))}@media (min-width:640px){.sd-1-0-1-headline sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5) sd-icon{margin-top:var(--sd-spacing-2,.5rem)}}.sd-1-0-1-headline.sd-1-0-1-headline,.sd-1-0-1-headline:is(h1):not(.sd-1-0-1-headline),.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-1-0-1-headline){font-size:var(--sd-font-size-3xl,2rem);gap:var(--sd-spacing-4,1rem);line-height:var(--sd-line-height-tight,120%)}@media (min-width:640px){.sd-1-0-1-headline.sd-1-0-1-headline,.sd-1-0-1-headline:is(h1):not(.sd-1-0-1-headline),.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-1-0-1-headline){font-size:var(--sd-font-size-4xl,2.5rem)}}.sd-1-0-1-headline.sd-1-0-1-headline sd-icon,.sd-1-0-1-headline:is(h1):not(.sd-1-0-1-headline) sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-1-0-1-headline) sd-icon{margin-top:calc(var(--sd-spacing-1, .25rem)*-1)}@media (min-width:640px){.sd-1-0-1-headline.sd-1-0-1-headline sd-icon,.sd-1-0-1-headline:is(h1):not(.sd-1-0-1-headline) sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-1-0-1-headline) sd-icon{margin-top:var(--sd-spacing-0,0)}}.sd-1-0-1-headline.sd-1-0-1-headline--size-3xl,.sd-1-0-1-headline:is(h2):not(.sd-1-0-1-headline),.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-3xl,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-1-0-1-headline){font-size:var(--sd-font-size-2xl,1.75rem);gap:var(--sd-spacing-4,1rem);line-height:var(--sd-line-height-tight,120%)}@media (min-width:640px){.sd-1-0-1-headline.sd-1-0-1-headline--size-3xl,.sd-1-0-1-headline:is(h2):not(.sd-1-0-1-headline),.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-3xl,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-1-0-1-headline){font-size:var(--sd-font-size-3xl,2rem)}}.sd-1-0-1-headline.sd-1-0-1-headline--size-3xl sd-icon,.sd-1-0-1-headline:is(h2):not(.sd-1-0-1-headline) sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-3xl sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-1-0-1-headline) sd-icon{margin-top:calc(var(--sd-spacing-1, .25rem)*-1)}@media (min-width:640px){.sd-1-0-1-headline.sd-1-0-1-headline--size-3xl sd-icon,.sd-1-0-1-headline:is(h2):not(.sd-1-0-1-headline) sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-3xl sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-1-0-1-headline) sd-icon{margin-top:var(--sd-spacing-0,0)}}.sd-1-0-1-headline.sd-1-0-1-headline--size-base,.sd-1-0-1-headline.sd-1-0-1-headline--size-lg,.sd-1-0-1-headline.sd-1-0-1-headline--size-xl,.sd-1-0-1-headline:is(h3,h4,h5):not(.sd-1-0-1-headline),.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-base,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-lg,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-xl,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h3,h4,h5):not(.sd-1-0-1-headline){gap:var(--sd-spacing-2,.5rem);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-1-0-1-headline.sd-1-0-1-headline--size-base sd-icon,.sd-1-0-1-headline.sd-1-0-1-headline--size-lg sd-icon,.sd-1-0-1-headline.sd-1-0-1-headline--size-xl sd-icon,.sd-1-0-1-headline:is(h3,h4,h5):not(.sd-1-0-1-headline) sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-base sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-lg sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-xl sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h3,h4,h5):not(.sd-1-0-1-headline) sd-icon{font-size:2rem}.sd-1-0-1-headline.sd-1-0-1-headline--size-xl,.sd-1-0-1-headline:is(h3):not(.sd-1-0-1-headline),.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-xl,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h3):not(.sd-1-0-1-headline){font-size:var(--sd-font-size-xl,1.5rem)}.sd-1-0-1-headline.sd-1-0-1-headline--size-xl sd-icon,.sd-1-0-1-headline:is(h3):not(.sd-1-0-1-headline) sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-xl sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h3):not(.sd-1-0-1-headline) sd-icon{margin-top:var(--sd-spacing-0-5,.125rem)}@media (min-width:640px){.sd-1-0-1-headline.sd-1-0-1-headline--size-xl sd-icon,.sd-1-0-1-headline:is(h3):not(.sd-1-0-1-headline) sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-xl sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h3):not(.sd-1-0-1-headline) sd-icon{margin-top:var(--sd-spacing-0-5,.125rem)}}.sd-1-0-1-headline.sd-1-0-1-headline--size-base,.sd-1-0-1-headline.sd-1-0-1-headline--size-lg,.sd-1-0-1-headline:is(h4,h5):not(.sd-1-0-1-headline),.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-base,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-lg,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h4,h5):not(.sd-1-0-1-headline){line-height:var(--sd-line-height-normal,150%)}.sd-1-0-1-headline.sd-1-0-1-headline--size-lg,.sd-1-0-1-headline:is(h4),.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-lg,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h4){font-size:var(--sd-font-size-lg,1.25rem)}.sd-1-0-1-headline.sd-1-0-1-headline--size-lg sd-icon,.sd-1-0-1-headline:is(h4) sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-lg sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h4) sd-icon{margin-top:var(--sd-spacing-0,0)}@media (min-width:640px){.sd-1-0-1-headline.sd-1-0-1-headline--size-lg sd-icon,.sd-1-0-1-headline:is(h4) sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-lg sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h4) sd-icon{margin-top:var(--sd-spacing-0,0)}}.sd-1-0-1-headline.sd-1-0-1-headline--size-base,.sd-1-0-1-headline:is(h5):not(.sd-1-0-1-headline),.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-base,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h5):not(.sd-1-0-1-headline){font-size:var(--sd-font-size-base,1rem)}.sd-1-0-1-headline.sd-1-0-1-headline--size-base sd-icon,.sd-1-0-1-headline:is(h5):not(.sd-1-0-1-headline) sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-base sd-icon,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h5):not(.sd-1-0-1-headline) sd-icon{margin-top:calc(var(--sd-spacing-1, .25rem)*-1)}.sd-1-0-1-headline.sd-1-0-1-headline--size-base mark,.sd-1-0-1-headline:is(h5):not(.sd-1-0-1-headline) mark,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5).sd-1-0-1-headline--size-base mark,.sd-1-0-1-prose :is(h1,h2,h3,h4,h5):is(h5):not(.sd-1-0-1-headline) mark{color:inherit}.sd-1-0-1-headline--inline{display:inline-block}.sd-1-0-1-headline--inline sd-icon{margin-right:var(--sd-spacing-2,.5rem);margin-top:calc(var(--sd-spacing-1, .25rem)*-1);vertical-align:middle}.sd-1-0-1-headline--inline:is(.sd-1-0-1-headline--size-xl,.sd-1-0-1-headline--size-lg,.sd-1-0-1-headline--size-base) sd-icon{margin-right:var(--sd-spacing-0-5,.125rem)}.sd-1-0-1-headline--inverted:not(#_),.sd-1-0-1-prose--inverted :is(h1,h2,h3,h4,h5):not(.sd-1-0-1-headline):not(#_){--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-0-1-headline--inverted:not(#_) sd-icon,.sd-1-0-1-prose--inverted :is(h1,h2,h3,h4,h5):not(.sd-1-0-1-headline):not(#_) sd-icon{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-0-1-interactive--reset,.sd-1-0-1-prose a--reset{all:unset;outline:revert}.sd-1-0-1-interactive,.sd-1-0-1-prose a{cursor:pointer;--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1));text-decoration-line:underline;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sd-1-0-1-interactive:hover:not([disabled]),.sd-1-0-1-prose a:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-text-opacity,1))}.sd-1-0-1-interactive:active:not([disabled]),.sd-1-0-1-prose a:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-text-opacity,1))}.sd-1-0-1-interactive:is(.sd-1-0-1-interactive),.sd-1-0-1-prose a:is(.sd-1-0-1-interactive){text-decoration-line:none}.sd-1-0-1-interactive:focus-visible,.sd-1-0-1-prose a:focus-visible{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.sd-1-0-1-interactive--disabled,.sd-1-0-1-interactive[disabled],.sd-1-0-1-interactive[href=""],.sd-1-0-1-prose a--disabled,.sd-1-0-1-prose a[disabled],.sd-1-0-1-prose a[href=""]{cursor:not-allowed;--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity,1))}.sd-1-0-1-interactive--disabled:active:not([disabled]),.sd-1-0-1-interactive--disabled:hover:not([disabled]),.sd-1-0-1-interactive[disabled]:active:not([disabled]),.sd-1-0-1-interactive[disabled]:hover:not([disabled]),.sd-1-0-1-interactive[href=""]:active:not([disabled]),.sd-1-0-1-interactive[href=""]:hover:not([disabled]),.sd-1-0-1-prose a--disabled:active:not([disabled]),.sd-1-0-1-prose a--disabled:hover:not([disabled]),.sd-1-0-1-prose a[disabled]:active:not([disabled]),.sd-1-0-1-prose a[disabled]:hover:not([disabled]),.sd-1-0-1-prose a[href=""]:active:not([disabled]),.sd-1-0-1-prose a[href=""]:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity,1))}.sd-1-0-1-interactive--inverted,.sd-1-0-1-prose--inverted a{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-0-1-interactive--inverted:hover:not([disabled]),.sd-1-0-1-prose--inverted a:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-text-opacity,1))}.sd-1-0-1-interactive--inverted:active:not([disabled]),.sd-1-0-1-prose--inverted a:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity,1))}.sd-1-0-1-interactive--inverted:focus-visible,.sd-1-0-1-prose--inverted a:focus-visible{outline-color:rgb(var(--sd-color-white,255 255 255)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.sd-1-0-1-leadtext,.sd-1-0-1-prose>.sd-1-0-1-leadtext{font-size:var(--sd-font-size-xl,1.5rem)}.sd-1-0-1-leadtext,.sd-1-0-1-leadtext--size-lg,.sd-1-0-1-prose>.sd-1-0-1-leadtext,.sd-1-0-1-prose>.sd-1-0-1-leadtext--size-lg{font-weight:400;line-height:var(--sd-line-height-normal,150%);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-1-0-1-leadtext--size-lg,.sd-1-0-1-prose>.sd-1-0-1-leadtext--size-lg{font-size:var(--sd-font-size-lg,1.25rem)}.sd-1-0-1-leadtext--inverted,.sd-1-0-1-prose--inverted>.sd-1-0-1-leadtext{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-0-1-list:not(.sd-1-0-1-list--icon),.sd-1-0-1-prose>:is(ol,ul){padding-bottom:var(--sd-spacing-4,1rem);padding-top:var(--sd-spacing-4,1rem);text-align:left}.sd-1-0-1-list:not(.sd-1-0-1-list--icon) li:not(:first-child),.sd-1-0-1-prose>:is(ol,ul) li:not(:first-child){margin-top:var(--sd-spacing-3,.75rem)}.sd-1-0-1-list:not(.sd-1-0-1-list--icon) ol,.sd-1-0-1-list:not(.sd-1-0-1-list--icon) ul,.sd-1-0-1-prose>:is(ol,ul) ol,.sd-1-0-1-prose>:is(ol,ul) ul{padding-top:var(--sd-spacing-3,.75rem)}.sd-1-0-1-list:not(.sd-1-0-1-list--icon) ol>li,.sd-1-0-1-list:not(.sd-1-0-1-list--icon):is(ol)>li,.sd-1-0-1-prose>:is(ol,ul) ol>li,.sd-1-0-1-prose>:is(ol,ul):is(ol)>li{counter-increment:item}.sd-1-0-1-list:not(.sd-1-0-1-list--icon) ol>li:before,.sd-1-0-1-list:not(.sd-1-0-1-list--icon):is(ol)>li:before,.sd-1-0-1-prose>:is(ol,ul) ol>li:before,.sd-1-0-1-prose>:is(ol,ul):is(ol)>li:before{content:counters(item,".") ". "}.sd-1-0-1-list:not(.sd-1-0-1-list--icon) ol>li>ol,.sd-1-0-1-list:not(.sd-1-0-1-list--icon):is(ol),.sd-1-0-1-list:not(.sd-1-0-1-list--icon):is(ol)>li>ol,.sd-1-0-1-prose>:is(ol,ul) ol>li>ol,.sd-1-0-1-prose>:is(ol,ul):is(ol),.sd-1-0-1-prose>:is(ol,ul):is(ol)>li>ol{counter-reset:item}.sd-1-0-1-list:not(.sd-1-0-1-list--icon) ul>li>ol,.sd-1-0-1-list:not(.sd-1-0-1-list--icon):is(ul)>li>ol,.sd-1-0-1-prose>:is(ol,ul) ul>li>ol,.sd-1-0-1-prose>:is(ol,ul):is(ul)>li>ol{counter-set:item 0}.sd-1-0-1-list:not(.sd-1-0-1-list--icon) li,.sd-1-0-1-prose>:is(ol,ul) li{display:table}.sd-1-0-1-list:not(.sd-1-0-1-list--icon) li:before,.sd-1-0-1-prose>:is(ol,ul) li:before{display:table-cell;padding-right:var(--sd-spacing-2,.5rem)}.sd-1-0-1-list:not(.sd-1-0-1-list--icon) ul,.sd-1-0-1-list:not(.sd-1-0-1-list--icon):is(ul),.sd-1-0-1-prose>:is(ol,ul) ul,.sd-1-0-1-prose>:is(ol,ul):is(ul){list-style-type:""}.sd-1-0-1-list:not(.sd-1-0-1-list--icon) ul>li:before,.sd-1-0-1-list:not(.sd-1-0-1-list--icon):is(ul):not(.sd-1-0-1-list--icon)>li:before,.sd-1-0-1-prose>:is(ol,ul) ul>li:before,.sd-1-0-1-prose>:is(ol,ul):is(ul):not(.sd-1-0-1-list--icon)>li:before{content:"\2022"}.sd-1-0-1-list:not(.sd-1-0-1-list--icon) ul>li>ul>li:before,.sd-1-0-1-list:not(.sd-1-0-1-list--icon):is(ul):not(.sd-1-0-1-list--icon)>li>ul>li:before,.sd-1-0-1-prose>:is(ol,ul) ul>li>ul>li:before,.sd-1-0-1-prose>:is(ol,ul):is(ul):not(.sd-1-0-1-list--icon)>li>ul>li:before{content:"\002B1D"}.sd-1-0-1-list:not(.sd-1-0-1-list--icon) ul>li>ul>li>ul>li:before,.sd-1-0-1-list:not(.sd-1-0-1-list--icon):is(ul):not(.sd-1-0-1-list--icon)>li>ul>li>ul>li:before,.sd-1-0-1-prose>:is(ol,ul) ul>li>ul>li>ul>li:before,.sd-1-0-1-prose>:is(ol,ul):is(ul):not(.sd-1-0-1-list--icon)>li>ul>li>ul>li:before{content:"\2010"}.sd-1-0-1-list--icon{padding-bottom:var(--sd-spacing-4,1rem);padding-top:var(--sd-spacing-4,1rem);text-align:left}.sd-1-0-1-list--icon li .sd-1-0-1-list--icon__icon:first-of-type,.sd-1-0-1-list--icon li sd-icon:first-of-type{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-0-1-list--icon{list-style-type:""}.sd-1-0-1-list--icon>li:first-of-type{padding-top:var(--sd-spacing-0,0)}.sd-1-0-1-list--icon li{line-height:32px;padding-left:var(--sd-spacing-10,2.5rem);padding-top:var(--sd-spacing-3,.75rem);position:relative}.sd-1-0-1-list--icon li>.sd-1-0-1-list--icon__icon:first-of-type,.sd-1-0-1-list--icon li>sd-icon:first-of-type{font-size:var(--sd-font-size-3xl,2rem);left:var(--sd-spacing-0,0);position:absolute;--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1))}.sd-1-0-1-list--icon.sd-1-0-1-list--horizontal{display:flex}.sd-1-0-1-list--icon.sd-1-0-1-list--horizontal li{display:flex;padding-top:var(--sd-spacing-0,0)}.sd-1-0-1-list--icon.sd-1-0-1-list--horizontal li:not(:last-child){margin-right:var(--sd-spacing-8,2rem)}.sd-1-0-1-list--inverted,.sd-1-0-1-prose--inverted>:is(ol,ul){--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-0-1-list--inverted li>.sd-1-0-1-list--icon__icon:first-of-type,.sd-1-0-1-list--inverted li>sd-icon:first-of-type,.sd-1-0-1-prose--inverted>:is(ol,ul) li>.sd-1-0-1-list--icon__icon:first-of-type,.sd-1-0-1-prose--inverted>:is(ol,ul) li>sd-icon:first-of-type{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-0-1-paragraph,.sd-1-0-1-prose p{font-size:var(--sd-font-size-base,1rem)}.sd-1-0-1-paragraph,.sd-1-0-1-paragraph--size-sm,.sd-1-0-1-prose p,.sd-1-0-1-prose p--size-sm{font-weight:400;line-height:var(--sd-line-height-normal,150%);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-1-0-1-paragraph--size-sm,.sd-1-0-1-prose p--size-sm{font-size:var(--sd-font-size-sm,.875rem)}.sd-1-0-1-paragraph--inverted,.sd-1-0-1-prose--inverted p{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-0-1-prose figure,figure.sd-1-0-1-media{margin:var(--sd-spacing-0,0)}.sd-1-0-1-prose figure figcaption,figure.sd-1-0-1-media figcaption{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-700,104 104 104)/var(--tw-text-opacity,1))}.sd-1-0-1-prose figure figcaption:last-child,figure.sd-1-0-1-media figcaption:last-child{margin-top:var(--sd-spacing-3,.75rem)}.sd-1-0-1-prose--inverted figure figcaption,figure.sd-1-0-1-media--inverted figcaption{--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity,1))}.sd-1-0-1-prose td,.sd-1-0-1-prose th,.sd-1-0-1-table-cell{border-style:solid;border-width:1px 0;--tw-border-opacity:1;background-color:transparent;border-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));font-size:var(--sd-font-size-sm,.875rem);padding:var(--sd-spacing-4,1rem);text-align:left;--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-1-0-1-table-cell--divider{border-right-width:1px}.sd-1-0-1-table-cell--shadow-bottom:after,.sd-1-0-1-table-cell--shadow-left:after,.sd-1-0-1-table-cell--shadow-right:after,.sd-1-0-1-table-cell--shadow-top:after{pointer-events:none;position:absolute;--tw-gradient-from:rgb(0 0 0/var(--sd-opacity-10,0.1)) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position);opacity:var(--sd-opacity-0,0);transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);--tw-content:"";content:var(--tw-content)}.sd-1-0-1-table-cell--shadow-bottom:after,.sd-1-0-1-table-cell--shadow-top:after{height:var(--sd-spacing-2-5,.625rem);left:var(--sd-spacing-0,0);right:var(--sd-spacing-0,0)}.sd-1-0-1-table-cell--shadow-bottom:before,.sd-1-0-1-table-cell--shadow-top:before{border-width:.5px;display:block;height:1px;left:var(--sd-spacing-0,0);position:absolute;width:100%;--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));--tw-content:"";content:var(--tw-content)}.sd-1-0-1-table-cell--shadow-left:after,.sd-1-0-1-table-cell--shadow-right:after{bottom:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);width:var(--sd-spacing-2-5,.625rem)}.sd-1-0-1-table-cell.sd-1-0-1-table-cell--shadow-active:after{opacity:100%}.sd-1-0-1-table-cell--shadow-top:after{background-image:linear-gradient(to top,var(--tw-gradient-stops));top:-10px}.sd-1-0-1-table-cell--shadow-top:before{bottom:-1px}.sd-1-0-1-table-cell--shadow-bottom:after{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));bottom:-10px}.sd-1-0-1-table-cell--shadow-bottom:before{top:-1px}.sd-1-0-1-table-cell--shadow-left:after{background-image:linear-gradient(to left,var(--tw-gradient-stops));left:-10px}.sd-1-0-1-table-cell--shadow-right:after{background-image:linear-gradient(to right,var(--tw-gradient-stops));right:-10px}.sd-1-0-1-table-cell--bg-white{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1))}.sd-1-0-1-table-cell--bg-primary-100{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}.sd-1-0-1-table-cell--bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--tw-bg-opacity,1))}.sd-1-0-1-prose table,.sd-1-0-1-table{all:unset;border-collapse:collapse;display:table;--tw-border-spacing-x:var(--sd-spacing-0,0px);--tw-border-spacing-y:var(--sd-spacing-0,0px);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.sd-1-0-1-prose table tfoot tr:first-of-type,.sd-1-0-1-prose table thead tr:first-of-type,.sd-1-0-1-table tfoot tr:first-of-type,.sd-1-0-1-table thead tr:first-of-type{position:relative}.sd-1-0-1-prose{max-width:80ch;text-align:left}.sd-1-0-1-prose>:not(:first-child){margin-top:var(--sd-spacing-4,1rem)}.sd-1-0-1-prose>:first-child{margin-top:var(--sd-spacing-0,0)}.sd-1-0-1-prose>:is(h1,h2,h3,h4,h5):not(#_)+:is(h1,h2,h3,h4,h5){margin-top:var(--sd-spacing-2,.5rem)}.sd-1-0-1-prose>:not(:is(h1,h2,h3,h4,h5))+:is(h1,h2,h3,h4,h5):not(#_){margin-top:var(--sd-spacing-8,2rem)}.sd-1-0-1-prose>figure+:not(#_),.sd-1-0-1-prose>img+:not(#_){margin-top:var(--sd-spacing-6,1.5rem)}.sd-1-0-1-prose hr{border-top-width:1px;height:var(--sd-spacing-0,0);--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-border-opacity,1))}.sd-1-0-1-prose pre{overflow:auto}.sd-1-0-1-prose blockquote,.sd-1-0-1-prose blockquote>*{font-size:var(--sd-font-size-xl,1.5rem)}.sd-1-0-1-prose blockquote:has(*) :first-child:before,.sd-1-0-1-prose blockquote:not(:has(*)):before{content:open-quote;display:inline}.sd-1-0-1-prose blockquote:has(*) :first-child:after,.sd-1-0-1-prose blockquote:not(:has(*)):after{content:close-quote;display:inline}.sd-1-0-1-prose>:is(ul,ol):not(#_){padding-bottom:var(--sd-spacing-0,0);padding-top:var(--sd-spacing-0,0)}.sd-1-0-1-prose--inverted hr{--tw-border-opacity:1;border-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-border-opacity,1))}.sd-1-0-1-prose--inverted pre{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-0-1-prose--full-width{max-width:unset}
1
+ .sd-1-1-0-chip{align-items:center;border-radius:var(--sd-border-radius-default,.25rem);display:inline-flex;height:var(--sd-spacing-6,1.5rem);overflow:hidden;white-space:nowrap;--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-bg-opacity,1));font-size:var(--sd-font-size-sm,.875rem);padding-left:var(--sd-spacing-2,.5rem);padding-right:var(--sd-spacing-2,.5rem);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-1-1-0-chip--primary-500{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-1-0-chip--primary-300{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-300,200 213 231)/var(--tw-bg-opacity,1))}.sd-1-1-0-chip--white{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1))}.sd-1-1-0-container{position:relative;--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--tw-bg-opacity,1));padding:var(--sd-spacing-8,2rem) var(--sd-spacing-10,2.5rem)}.sd-1-1-0-container--variant-primary-100{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}.sd-1-1-0-container--variant-primary{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-bg-opacity,1))}.sd-1-1-0-container--variant-border-neutral-400{border-style:solid;--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));border-width:1px}.sd-1-1-0-container--variant-border-neutral-400,.sd-1-1-0-container--variant-white{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1))}.sd-1-1-0-container--padding-sm{padding:var(--sd-spacing-4,1rem) var(--sd-spacing-6,1.5rem)}.sd-1-1-0-container{--triangle-background:#fff}.sd-1-1-0-container--triangle-bottom:before,.sd-1-1-0-container--triangle-left:before,.sd-1-1-0-container--triangle-right:before,.sd-1-1-0-container--triangle-top:before{border-color:transparent;border-style:solid;border-width:14px;content:"";display:block;position:absolute}.sd-1-1-0-container--triangle-top:before{border-top-color:var(--triangle-background);left:calc(50% - 14px);top:var(--sd-spacing-0,0)}.sd-1-1-0-container--triangle-right:before{border-right-color:var(--triangle-background);right:var(--sd-spacing-0,0);top:calc(50% - 14px)}.sd-1-1-0-container--triangle-bottom:before{border-bottom-color:var(--triangle-background);bottom:var(--sd-spacing-0,0);left:calc(50% - 14px)}.sd-1-1-0-container--triangle-left:before{border-left-color:var(--triangle-background);left:var(--sd-spacing-0,0);top:calc(50% - 14px)}.sd-1-1-0-container--triangle-bottom-border:after,.sd-1-1-0-container--triangle-bottom-border:before,.sd-1-1-0-container--triangle-left-border:after,.sd-1-1-0-container--triangle-left-border:before,.sd-1-1-0-container--triangle-right-border:after,.sd-1-1-0-container--triangle-right-border:before,.sd-1-1-0-container--triangle-top-border:after,.sd-1-1-0-container--triangle-top-border:before{border-color:transparent;border-style:solid;content:"";display:block;position:absolute}.sd-1-1-0-container--triangle-bottom-border:after,.sd-1-1-0-container--triangle-left-border:after,.sd-1-1-0-container--triangle-right-border:after,.sd-1-1-0-container--triangle-top-border:after{border-width:14px}.sd-1-1-0-container--triangle-bottom-border:before,.sd-1-1-0-container--triangle-left-border:before,.sd-1-1-0-container--triangle-right-border:before,.sd-1-1-0-container--triangle-top-border:before{border-width:15px}.sd-1-1-0-container--triangle-top-border:after,.sd-1-1-0-container--triangle-top-border:before{top:-1px}.sd-1-1-0-container--triangle-top-border:before{--tw-border-opacity:1;border-top-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));left:calc(50% - 15px)}.sd-1-1-0-container--triangle-top-border:after{border-top-color:var(--triangle-background);left:calc(50% - 14px)}.sd-1-1-0-container--triangle-right-border:after,.sd-1-1-0-container--triangle-right-border:before{right:-1px}.sd-1-1-0-container--triangle-right-border:before{--tw-border-opacity:1;border-right-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));top:calc(50% - 15px)}.sd-1-1-0-container--triangle-right-border:after{border-right-color:var(--triangle-background);top:calc(50% - 14px)}.sd-1-1-0-container--triangle-bottom-border:after,.sd-1-1-0-container--triangle-bottom-border:before{bottom:-1px}.sd-1-1-0-container--triangle-bottom-border:before{--tw-border-opacity:1;border-bottom-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));left:calc(50% - 15px)}.sd-1-1-0-container--triangle-bottom-border:after{border-bottom-color:var(--triangle-background);left:calc(50% - 14px)}.sd-1-1-0-container--triangle-left-border:after,.sd-1-1-0-container--triangle-left-border:before{left:-1px}.sd-1-1-0-container--triangle-left-border:before{--tw-border-opacity:1;border-left-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));top:calc(50% - 15px)}.sd-1-1-0-container--triangle-left-border:after{border-left-color:var(--triangle-background);top:calc(50% - 14px)}.sd-1-1-0-copyright{position:relative}.sd-1-1-0-copyright:after{bottom:var(--sd-spacing-0,0);display:block;font-size:var(--sd-font-size-sm,.875rem);left:var(--sd-spacing-0,0);padding-bottom:var(--sd-spacing-2,.5rem);padding-left:var(--sd-spacing-4,1rem);position:absolute;width:100%;--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1));--tw-drop-shadow:drop-shadow(var(--sd-shadow-sm,0.5px 0.5px 1.5px #515151));content:var(--copyright);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sd-1-1-0-copyright--orientation-vertical:after{padding:var(--sd-spacing-2,.5rem) var(--sd-spacing-1,.25rem) var(--sd-spacing-0,0) var(--sd-spacing-0,0);text-orientation:sideways-right;transform:rotate(180deg);width:-moz-max-content;width:max-content;writing-mode:vertical-rl}.sd-1-1-0-copyright--color-black:after{--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1));filter:drop-shadow(0 0 transparent)}.sd-1-1-0-copyright--no-shadow:after{filter:drop-shadow(0 0 transparent)}.sd-1-1-0-copyright--placement-top:after{display:block;max-height:-moz-fit-content;max-height:fit-content;padding-right:var(--sd-spacing-4,1rem);padding-top:var(--sd-spacing-2,.5rem);position:absolute;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0)}.sd-1-1-0-flag{align-items:center;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1));display:inline-flex;font-size:var(--sd-font-size-sm,.875rem);height:var(--sd-spacing-8,2rem);overflow:hidden;padding-left:var(--sd-spacing-3,.75rem);padding-right:var(--sd-spacing-3,.75rem);white-space:nowrap}.sd-1-1-0-flag,.sd-1-1-0-flag--neutral-500{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-1-1-0-flag--neutral-500{background-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-bg-opacity,1))}.sd-1-1-0-flag--neutral-300{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-300,218 218 218)/var(--tw-bg-opacity,1))}.sd-1-1-0-flag--white{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1))}.sd-1-1-0-footnotes{font-size:var(--sd-font-size-sm,.875rem);margin-bottom:var(--sd-spacing-0,0);margin-top:var(--sd-spacing-0,0);padding:var(--sd-spacing-0,0);text-align:left;--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-700,104 104 104)/var(--tw-text-opacity,1))}.sd-1-1-0-footnotes:is(ol) li{counter-increment:list-item;display:flex;gap:var(--sd-spacing-2,.5rem)}.sd-1-1-0-footnotes:is(ol) li:before{content:counter(list-item);flex-shrink:0;font-size:10px;line-height:var(--sd-line-height-normal,150%);padding-top:1px;width:var(--sd-spacing-5,1.25rem)}.sd-1-1-0-footnotes:is(ul){list-style:""}.sd-1-1-0-footnotes--inverted{--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity,1))}:lang(en){--sd-hidden-links-title:"Jump to"}:lang(de){--sd-hidden-links-title:"Springe zu"}.sd-1-1-0-hidden-links:not(:focus-within):not(.sd-1-1-0-hidden-links--debug){height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.sd-1-1-0-hidden-links{left:var(--sd-spacing-6,1.5rem);position:absolute;top:var(--sd-spacing-6,1.5rem)}.sd-1-1-0-hidden-links--multiple{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));padding:var(--sd-spacing-4,1rem) var(--sd-spacing-2,.5rem);--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.sd-1-1-0-hidden-links--multiple:before{content:var(--sd-hidden-links-title);font-weight:700;padding:var(--sd-spacing-2,.5rem) var(--sd-spacing-4,1rem)}mark.sd-1-1-0-mark{background-color:transparent;--tw-text-opacity:1;color:rgb(var(--sd-color-accent,45 157 0)/var(--tw-text-opacity,1))}.sd-1-1-0-meta{font-size:var(--sd-font-size-base,1rem);font-weight:400;line-height:var(--sd-line-height-none,100%);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-1-1-0-meta--size-sm{font-size:var(--sd-font-size-sm,.875rem)}.sd-1-1-0-meta--light{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-700,104 104 104)/var(--tw-text-opacity,1))}.sd-1-1-0-meta--inverted{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-1-0-meta--inverted.sd-1-1-0-meta--light{--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity,1))}.sd-1-1-0-meta--pipe:after{content:"|";margin-left:var(--sd-spacing-1,.25rem);margin-right:var(--sd-spacing-1,.25rem)}.sd-1-1-0-meta--pipe.sd-1-1-0-meta--size-sm:after{margin-left:var(--sd-spacing-0-5,.125rem);margin-right:var(--sd-spacing-0-5,.125rem)}.sd-1-1-0-status-badge{align-items:center;display:inline-flex}.sd-1-1-0-status-badge sd-icon{border-radius:var(--sd-border-radius-full,9999px);display:flex;height:var(--sd-spacing-3,.75rem);margin-right:var(--sd-spacing-2,.5rem);padding:var(--sd-spacing-1,.25rem);width:var(--sd-spacing-3,.75rem);--tw-text-opacity:1!important;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))!important}.sd-1-1-0-status-badge--success sd-icon{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-success,37 136 14)/var(--tw-bg-opacity,1))}.sd-1-1-0-status-badge--warning sd-icon{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-warning,187 141 32)/var(--tw-bg-opacity,1))}.sd-1-1-0-status-badge--error sd-icon{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-error,204 25 55)/var(--tw-bg-opacity,1))}.sd-1-1-0-status-badge--info sd-icon{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-info,21 130 213)/var(--tw-bg-opacity,1))}.sd-1-1-0-display{font-size:var(--sd-font-size-3xl,2rem);font-weight:400;line-height:var(--sd-line-height-tight,120%);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}@media (min-width:1024px){.sd-1-1-0-display{font-size:var(--sd-font-size-4xl,2.5rem)}}.sd-1-1-0-display--size-xl{font-size:var(--sd-font-size-xl,1.5rem)}.sd-1-1-0-display--size-3xl,.sd-1-1-0-display--size-xl{font-weight:400;line-height:var(--sd-line-height-tight,120%);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-1-1-0-display--size-3xl{font-size:var(--sd-font-size-2xl,1.75rem)}@media (min-width:1024px){.sd-1-1-0-display--size-3xl{font-size:var(--sd-font-size-3xl,2rem)}}.sd-1-1-0-display--inverted{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-1-0-headline,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5){display:flex;font-weight:700;--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1))}.sd-1-1-0-headline sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5) sd-icon{flex-shrink:0;font-size:3rem;--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1))}@media (min-width:640px){.sd-1-1-0-headline sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5) sd-icon{margin-top:var(--sd-spacing-2,.5rem)}}.sd-1-1-0-headline.sd-1-1-0-headline,.sd-1-1-0-headline:is(h1):not(.sd-1-1-0-headline),.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-1-1-0-headline){font-size:var(--sd-font-size-3xl,2rem);gap:var(--sd-spacing-4,1rem);line-height:var(--sd-line-height-tight,120%)}@media (min-width:640px){.sd-1-1-0-headline.sd-1-1-0-headline,.sd-1-1-0-headline:is(h1):not(.sd-1-1-0-headline),.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-1-1-0-headline){font-size:var(--sd-font-size-4xl,2.5rem)}}.sd-1-1-0-headline.sd-1-1-0-headline sd-icon,.sd-1-1-0-headline:is(h1):not(.sd-1-1-0-headline) sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-1-1-0-headline) sd-icon{margin-top:calc(var(--sd-spacing-1, .25rem)*-1)}@media (min-width:640px){.sd-1-1-0-headline.sd-1-1-0-headline sd-icon,.sd-1-1-0-headline:is(h1):not(.sd-1-1-0-headline) sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-1-1-0-headline) sd-icon{margin-top:var(--sd-spacing-0,0)}}.sd-1-1-0-headline.sd-1-1-0-headline--size-3xl,.sd-1-1-0-headline:is(h2):not(.sd-1-1-0-headline),.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-3xl,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-1-1-0-headline){font-size:var(--sd-font-size-2xl,1.75rem);gap:var(--sd-spacing-4,1rem);line-height:var(--sd-line-height-tight,120%)}@media (min-width:640px){.sd-1-1-0-headline.sd-1-1-0-headline--size-3xl,.sd-1-1-0-headline:is(h2):not(.sd-1-1-0-headline),.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-3xl,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-1-1-0-headline){font-size:var(--sd-font-size-3xl,2rem)}}.sd-1-1-0-headline.sd-1-1-0-headline--size-3xl sd-icon,.sd-1-1-0-headline:is(h2):not(.sd-1-1-0-headline) sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-3xl sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-1-1-0-headline) sd-icon{margin-top:calc(var(--sd-spacing-1, .25rem)*-1)}@media (min-width:640px){.sd-1-1-0-headline.sd-1-1-0-headline--size-3xl sd-icon,.sd-1-1-0-headline:is(h2):not(.sd-1-1-0-headline) sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-3xl sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-1-1-0-headline) sd-icon{margin-top:var(--sd-spacing-0,0)}}.sd-1-1-0-headline.sd-1-1-0-headline--size-base,.sd-1-1-0-headline.sd-1-1-0-headline--size-lg,.sd-1-1-0-headline.sd-1-1-0-headline--size-xl,.sd-1-1-0-headline:is(h3,h4,h5):not(.sd-1-1-0-headline),.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-base,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-lg,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-xl,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h3,h4,h5):not(.sd-1-1-0-headline){gap:var(--sd-spacing-2,.5rem);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-1-1-0-headline.sd-1-1-0-headline--size-base sd-icon,.sd-1-1-0-headline.sd-1-1-0-headline--size-lg sd-icon,.sd-1-1-0-headline.sd-1-1-0-headline--size-xl sd-icon,.sd-1-1-0-headline:is(h3,h4,h5):not(.sd-1-1-0-headline) sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-base sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-lg sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-xl sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h3,h4,h5):not(.sd-1-1-0-headline) sd-icon{font-size:2rem}.sd-1-1-0-headline.sd-1-1-0-headline--size-xl,.sd-1-1-0-headline:is(h3):not(.sd-1-1-0-headline),.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-xl,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h3):not(.sd-1-1-0-headline){font-size:var(--sd-font-size-xl,1.5rem)}.sd-1-1-0-headline.sd-1-1-0-headline--size-xl sd-icon,.sd-1-1-0-headline:is(h3):not(.sd-1-1-0-headline) sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-xl sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h3):not(.sd-1-1-0-headline) sd-icon{margin-top:var(--sd-spacing-0-5,.125rem)}@media (min-width:640px){.sd-1-1-0-headline.sd-1-1-0-headline--size-xl sd-icon,.sd-1-1-0-headline:is(h3):not(.sd-1-1-0-headline) sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-xl sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h3):not(.sd-1-1-0-headline) sd-icon{margin-top:var(--sd-spacing-0-5,.125rem)}}.sd-1-1-0-headline.sd-1-1-0-headline--size-base,.sd-1-1-0-headline.sd-1-1-0-headline--size-lg,.sd-1-1-0-headline:is(h4,h5):not(.sd-1-1-0-headline),.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-base,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-lg,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h4,h5):not(.sd-1-1-0-headline){line-height:var(--sd-line-height-normal,150%)}.sd-1-1-0-headline.sd-1-1-0-headline--size-lg,.sd-1-1-0-headline:is(h4),.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-lg,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h4){font-size:var(--sd-font-size-lg,1.25rem)}.sd-1-1-0-headline.sd-1-1-0-headline--size-lg sd-icon,.sd-1-1-0-headline:is(h4) sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-lg sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h4) sd-icon{margin-top:var(--sd-spacing-0,0)}@media (min-width:640px){.sd-1-1-0-headline.sd-1-1-0-headline--size-lg sd-icon,.sd-1-1-0-headline:is(h4) sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-lg sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h4) sd-icon{margin-top:var(--sd-spacing-0,0)}}.sd-1-1-0-headline.sd-1-1-0-headline--size-base,.sd-1-1-0-headline:is(h5):not(.sd-1-1-0-headline),.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-base,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h5):not(.sd-1-1-0-headline){font-size:var(--sd-font-size-base,1rem)}.sd-1-1-0-headline.sd-1-1-0-headline--size-base sd-icon,.sd-1-1-0-headline:is(h5):not(.sd-1-1-0-headline) sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-base sd-icon,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h5):not(.sd-1-1-0-headline) sd-icon{margin-top:calc(var(--sd-spacing-1, .25rem)*-1)}.sd-1-1-0-headline.sd-1-1-0-headline--size-base mark,.sd-1-1-0-headline:is(h5):not(.sd-1-1-0-headline) mark,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5).sd-1-1-0-headline--size-base mark,.sd-1-1-0-prose :is(h1,h2,h3,h4,h5):is(h5):not(.sd-1-1-0-headline) mark{color:inherit}.sd-1-1-0-headline--inline{display:inline-block}.sd-1-1-0-headline--inline sd-icon{margin-right:var(--sd-spacing-2,.5rem);margin-top:calc(var(--sd-spacing-1, .25rem)*-1);vertical-align:middle}.sd-1-1-0-headline--inline:is(.sd-1-1-0-headline--size-xl,.sd-1-1-0-headline--size-lg,.sd-1-1-0-headline--size-base) sd-icon{margin-right:var(--sd-spacing-0-5,.125rem)}.sd-1-1-0-headline--inverted:not(#_),.sd-1-1-0-prose--inverted :is(h1,h2,h3,h4,h5):not(.sd-1-1-0-headline):not(#_){--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-1-0-headline--inverted:not(#_) sd-icon,.sd-1-1-0-prose--inverted :is(h1,h2,h3,h4,h5):not(.sd-1-1-0-headline):not(#_) sd-icon{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-1-0-interactive--reset,.sd-1-1-0-prose a--reset{all:unset;outline:revert}.sd-1-1-0-interactive,.sd-1-1-0-prose a{cursor:pointer;--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1));text-decoration-line:underline;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sd-1-1-0-interactive:hover:not([disabled]),.sd-1-1-0-prose a:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-text-opacity,1))}.sd-1-1-0-interactive:active:not([disabled]),.sd-1-1-0-prose a:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-text-opacity,1))}.sd-1-1-0-interactive:is(.sd-1-1-0-interactive),.sd-1-1-0-prose a:is(.sd-1-1-0-interactive){text-decoration-line:none}.sd-1-1-0-interactive:focus-visible,.sd-1-1-0-prose a:focus-visible{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.sd-1-1-0-interactive--disabled,.sd-1-1-0-interactive[disabled],.sd-1-1-0-interactive[href=""],.sd-1-1-0-prose a--disabled,.sd-1-1-0-prose a[disabled],.sd-1-1-0-prose a[href=""]{cursor:not-allowed;--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity,1))}.sd-1-1-0-interactive--disabled:active:not([disabled]),.sd-1-1-0-interactive--disabled:hover:not([disabled]),.sd-1-1-0-interactive[disabled]:active:not([disabled]),.sd-1-1-0-interactive[disabled]:hover:not([disabled]),.sd-1-1-0-interactive[href=""]:active:not([disabled]),.sd-1-1-0-interactive[href=""]:hover:not([disabled]),.sd-1-1-0-prose a--disabled:active:not([disabled]),.sd-1-1-0-prose a--disabled:hover:not([disabled]),.sd-1-1-0-prose a[disabled]:active:not([disabled]),.sd-1-1-0-prose a[disabled]:hover:not([disabled]),.sd-1-1-0-prose a[href=""]:active:not([disabled]),.sd-1-1-0-prose a[href=""]:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity,1))}.sd-1-1-0-interactive--inverted,.sd-1-1-0-prose--inverted a{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-1-0-interactive--inverted:hover:not([disabled]),.sd-1-1-0-prose--inverted a:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-text-opacity,1))}.sd-1-1-0-interactive--inverted:active:not([disabled]),.sd-1-1-0-prose--inverted a:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity,1))}.sd-1-1-0-interactive--inverted:focus-visible,.sd-1-1-0-prose--inverted a:focus-visible{outline-color:rgb(var(--sd-color-white,255 255 255)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.sd-1-1-0-leadtext,.sd-1-1-0-prose>.sd-1-1-0-leadtext{font-size:var(--sd-font-size-xl,1.5rem)}.sd-1-1-0-leadtext,.sd-1-1-0-leadtext--size-lg,.sd-1-1-0-prose>.sd-1-1-0-leadtext,.sd-1-1-0-prose>.sd-1-1-0-leadtext--size-lg{font-weight:400;line-height:var(--sd-line-height-normal,150%);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-1-1-0-leadtext--size-lg,.sd-1-1-0-prose>.sd-1-1-0-leadtext--size-lg{font-size:var(--sd-font-size-lg,1.25rem)}.sd-1-1-0-leadtext--inverted,.sd-1-1-0-prose--inverted>.sd-1-1-0-leadtext{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-1-0-list:not(.sd-1-1-0-list--icon),.sd-1-1-0-prose>:is(ol,ul){padding-bottom:var(--sd-spacing-4,1rem);padding-top:var(--sd-spacing-4,1rem);text-align:left}.sd-1-1-0-list:not(.sd-1-1-0-list--icon) li:not(:first-child),.sd-1-1-0-prose>:is(ol,ul) li:not(:first-child){margin-top:var(--sd-spacing-3,.75rem)}.sd-1-1-0-list:not(.sd-1-1-0-list--icon) ol,.sd-1-1-0-list:not(.sd-1-1-0-list--icon) ul,.sd-1-1-0-prose>:is(ol,ul) ol,.sd-1-1-0-prose>:is(ol,ul) ul{padding-top:var(--sd-spacing-3,.75rem)}.sd-1-1-0-list:not(.sd-1-1-0-list--icon) ol>li,.sd-1-1-0-list:not(.sd-1-1-0-list--icon):is(ol)>li,.sd-1-1-0-prose>:is(ol,ul) ol>li,.sd-1-1-0-prose>:is(ol,ul):is(ol)>li{counter-increment:item}.sd-1-1-0-list:not(.sd-1-1-0-list--icon) ol>li:before,.sd-1-1-0-list:not(.sd-1-1-0-list--icon):is(ol)>li:before,.sd-1-1-0-prose>:is(ol,ul) ol>li:before,.sd-1-1-0-prose>:is(ol,ul):is(ol)>li:before{content:counters(item,".") ". "}.sd-1-1-0-list:not(.sd-1-1-0-list--icon) ol>li>ol,.sd-1-1-0-list:not(.sd-1-1-0-list--icon):is(ol),.sd-1-1-0-list:not(.sd-1-1-0-list--icon):is(ol)>li>ol,.sd-1-1-0-prose>:is(ol,ul) ol>li>ol,.sd-1-1-0-prose>:is(ol,ul):is(ol),.sd-1-1-0-prose>:is(ol,ul):is(ol)>li>ol{counter-reset:item}.sd-1-1-0-list:not(.sd-1-1-0-list--icon) ul>li>ol,.sd-1-1-0-list:not(.sd-1-1-0-list--icon):is(ul)>li>ol,.sd-1-1-0-prose>:is(ol,ul) ul>li>ol,.sd-1-1-0-prose>:is(ol,ul):is(ul)>li>ol{counter-set:item 0}.sd-1-1-0-list:not(.sd-1-1-0-list--icon) li,.sd-1-1-0-prose>:is(ol,ul) li{display:table}.sd-1-1-0-list:not(.sd-1-1-0-list--icon) li:before,.sd-1-1-0-prose>:is(ol,ul) li:before{display:table-cell;padding-right:var(--sd-spacing-2,.5rem)}.sd-1-1-0-list:not(.sd-1-1-0-list--icon) ul,.sd-1-1-0-list:not(.sd-1-1-0-list--icon):is(ul),.sd-1-1-0-prose>:is(ol,ul) ul,.sd-1-1-0-prose>:is(ol,ul):is(ul){list-style-type:""}.sd-1-1-0-list:not(.sd-1-1-0-list--icon) ul>li:before,.sd-1-1-0-list:not(.sd-1-1-0-list--icon):is(ul):not(.sd-1-1-0-list--icon)>li:before,.sd-1-1-0-prose>:is(ol,ul) ul>li:before,.sd-1-1-0-prose>:is(ol,ul):is(ul):not(.sd-1-1-0-list--icon)>li:before{content:"\2022"}.sd-1-1-0-list:not(.sd-1-1-0-list--icon) ul>li>ul>li:before,.sd-1-1-0-list:not(.sd-1-1-0-list--icon):is(ul):not(.sd-1-1-0-list--icon)>li>ul>li:before,.sd-1-1-0-prose>:is(ol,ul) ul>li>ul>li:before,.sd-1-1-0-prose>:is(ol,ul):is(ul):not(.sd-1-1-0-list--icon)>li>ul>li:before{content:"\002B1D"}.sd-1-1-0-list:not(.sd-1-1-0-list--icon) ul>li>ul>li>ul>li:before,.sd-1-1-0-list:not(.sd-1-1-0-list--icon):is(ul):not(.sd-1-1-0-list--icon)>li>ul>li>ul>li:before,.sd-1-1-0-prose>:is(ol,ul) ul>li>ul>li>ul>li:before,.sd-1-1-0-prose>:is(ol,ul):is(ul):not(.sd-1-1-0-list--icon)>li>ul>li>ul>li:before{content:"\2010"}.sd-1-1-0-list--icon{padding-bottom:var(--sd-spacing-4,1rem);padding-top:var(--sd-spacing-4,1rem);text-align:left}.sd-1-1-0-list--icon li .sd-1-1-0-list--icon__icon:first-of-type,.sd-1-1-0-list--icon li sd-icon:first-of-type{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-1-0-list--icon{list-style-type:""}.sd-1-1-0-list--icon>li:first-of-type{padding-top:var(--sd-spacing-0,0)}.sd-1-1-0-list--icon li{line-height:32px;padding-left:var(--sd-spacing-10,2.5rem);padding-top:var(--sd-spacing-3,.75rem);position:relative}.sd-1-1-0-list--icon li>.sd-1-1-0-list--icon__icon:first-of-type,.sd-1-1-0-list--icon li>sd-icon:first-of-type{font-size:var(--sd-font-size-3xl,2rem);left:var(--sd-spacing-0,0);position:absolute;--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1))}.sd-1-1-0-list--icon.sd-1-1-0-list--horizontal{display:flex}.sd-1-1-0-list--icon.sd-1-1-0-list--horizontal li{display:flex;padding-top:var(--sd-spacing-0,0)}.sd-1-1-0-list--icon.sd-1-1-0-list--horizontal li:not(:last-child){margin-right:var(--sd-spacing-8,2rem)}.sd-1-1-0-list--inverted,.sd-1-1-0-prose--inverted>:is(ol,ul){--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-1-0-list--inverted li>.sd-1-1-0-list--icon__icon:first-of-type,.sd-1-1-0-list--inverted li>sd-icon:first-of-type,.sd-1-1-0-prose--inverted>:is(ol,ul) li>.sd-1-1-0-list--icon__icon:first-of-type,.sd-1-1-0-prose--inverted>:is(ol,ul) li>sd-icon:first-of-type{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-1-0-paragraph,.sd-1-1-0-prose p{font-size:var(--sd-font-size-base,1rem)}.sd-1-1-0-paragraph,.sd-1-1-0-paragraph--size-sm,.sd-1-1-0-prose p,.sd-1-1-0-prose p--size-sm{font-weight:400;line-height:var(--sd-line-height-normal,150%);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-1-1-0-paragraph--size-sm,.sd-1-1-0-prose p--size-sm{font-size:var(--sd-font-size-sm,.875rem)}.sd-1-1-0-paragraph--inverted,.sd-1-1-0-prose--inverted p{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-1-0-prose figure,figure.sd-1-1-0-media{margin:var(--sd-spacing-0,0)}.sd-1-1-0-prose figure figcaption,figure.sd-1-1-0-media figcaption{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-700,104 104 104)/var(--tw-text-opacity,1))}.sd-1-1-0-prose figure figcaption:last-child,figure.sd-1-1-0-media figcaption:last-child{margin-top:var(--sd-spacing-3,.75rem)}.sd-1-1-0-prose--inverted figure figcaption,figure.sd-1-1-0-media--inverted figcaption{--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity,1))}.sd-1-1-0-prose td,.sd-1-1-0-prose th,.sd-1-1-0-table-cell{border-style:solid;border-width:1px 0;--tw-border-opacity:1;background-color:transparent;border-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));font-size:var(--sd-font-size-sm,.875rem);padding:var(--sd-spacing-4,1rem);text-align:left;--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-1-1-0-table-cell--divider{border-right-width:1px}.sd-1-1-0-table-cell--shadow-bottom:after,.sd-1-1-0-table-cell--shadow-left:after,.sd-1-1-0-table-cell--shadow-right:after,.sd-1-1-0-table-cell--shadow-top:after{pointer-events:none;position:absolute;--tw-gradient-from:rgb(0 0 0/var(--sd-opacity-10,0.1)) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position);opacity:var(--sd-opacity-0,0);transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);--tw-content:"";content:var(--tw-content)}.sd-1-1-0-table-cell--shadow-bottom:after,.sd-1-1-0-table-cell--shadow-top:after{height:var(--sd-spacing-2-5,.625rem);left:var(--sd-spacing-0,0);right:var(--sd-spacing-0,0)}.sd-1-1-0-table-cell--shadow-bottom:before,.sd-1-1-0-table-cell--shadow-top:before{border-width:.5px;display:block;height:1px;left:var(--sd-spacing-0,0);position:absolute;width:100%;--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1));--tw-content:"";content:var(--tw-content)}.sd-1-1-0-table-cell--shadow-left:after,.sd-1-1-0-table-cell--shadow-right:after{bottom:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);width:var(--sd-spacing-2-5,.625rem)}.sd-1-1-0-table-cell.sd-1-1-0-table-cell--shadow-active:after{opacity:100%}.sd-1-1-0-table-cell--shadow-top:after{background-image:linear-gradient(to top,var(--tw-gradient-stops));top:-10px}.sd-1-1-0-table-cell--shadow-top:before{bottom:-1px}.sd-1-1-0-table-cell--shadow-bottom:after{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));bottom:-10px}.sd-1-1-0-table-cell--shadow-bottom:before{top:-1px}.sd-1-1-0-table-cell--shadow-left:after{background-image:linear-gradient(to left,var(--tw-gradient-stops));left:-10px}.sd-1-1-0-table-cell--shadow-right:after{background-image:linear-gradient(to right,var(--tw-gradient-stops));right:-10px}.sd-1-1-0-table-cell--bg-white{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1))}.sd-1-1-0-table-cell--bg-primary-100{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}.sd-1-1-0-table-cell--bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--tw-bg-opacity,1))}.sd-1-1-0-prose table,.sd-1-1-0-table{all:unset;border-collapse:collapse;display:table;--tw-border-spacing-x:var(--sd-spacing-0,0px);--tw-border-spacing-y:var(--sd-spacing-0,0px);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.sd-1-1-0-prose table tfoot tr:first-of-type,.sd-1-1-0-prose table thead tr:first-of-type,.sd-1-1-0-table tfoot tr:first-of-type,.sd-1-1-0-table thead tr:first-of-type{position:relative}.sd-1-1-0-prose{max-width:80ch;text-align:left}.sd-1-1-0-prose>:not(:first-child){margin-top:var(--sd-spacing-4,1rem)}.sd-1-1-0-prose>:first-child{margin-top:var(--sd-spacing-0,0)}.sd-1-1-0-prose>:is(h1,h2,h3,h4,h5):not(#_)+:is(h1,h2,h3,h4,h5){margin-top:var(--sd-spacing-2,.5rem)}.sd-1-1-0-prose>:not(:is(h1,h2,h3,h4,h5))+:is(h1,h2,h3,h4,h5):not(#_){margin-top:var(--sd-spacing-8,2rem)}.sd-1-1-0-prose>figure+:not(#_),.sd-1-1-0-prose>img+:not(#_){margin-top:var(--sd-spacing-6,1.5rem)}.sd-1-1-0-prose hr{border-top-width:1px;height:var(--sd-spacing-0,0);--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-border-opacity,1))}.sd-1-1-0-prose pre{overflow:auto}.sd-1-1-0-prose blockquote,.sd-1-1-0-prose blockquote>*{font-size:var(--sd-font-size-xl,1.5rem)}.sd-1-1-0-prose blockquote:has(*) :first-child:before,.sd-1-1-0-prose blockquote:not(:has(*)):before{content:open-quote;display:inline}.sd-1-1-0-prose blockquote:has(*) :first-child:after,.sd-1-1-0-prose blockquote:not(:has(*)):after{content:close-quote;display:inline}.sd-1-1-0-prose>:is(ul,ol):not(#_){padding-bottom:var(--sd-spacing-0,0);padding-top:var(--sd-spacing-0,0)}.sd-1-1-0-prose--inverted hr{--tw-border-opacity:1;border-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-border-opacity,1))}.sd-1-1-0-prose--inverted pre{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-1-1-0-prose--full-width{max-width:unset}
package/dist/modules/status-badge.css ADDED
@@ -0,0 +1,61 @@
1
+ /**
2
+ * Description of the style.
3
+ * @name sd-status-badge
4
+ * @status stable
5
+ * @since 1.0
6
+ * @variant { sucess | warning | error | info } sd-status-badge--...
7
+ */
8
+
9
+ .sd-status-badge {
10
+
11
+ display: inline-flex;
12
+
13
+ align-items: center
14
+ }
15
+
16
+ .sd-status-badge sd-icon {
17
+
18
+ margin-right: var(--sd-spacing-2, 0.5rem) /* 8px */;
19
+
20
+ display: flex;
21
+
22
+ height: var(--sd-spacing-3, 0.75rem) /* 12px */;
23
+
24
+ width: var(--sd-spacing-3, 0.75rem) /* 12px */;
25
+
26
+ border-radius: var(--sd-border-radius-full, 9999px) /* Radius for pill shape buttons */;
27
+
28
+ padding: var(--sd-spacing-1, 0.25rem) /* 4px */;
29
+
30
+ --tw-text-opacity: 1 !important;
31
+
32
+ color: rgb(var(--sd-color-white, 255 255 255) / var(--tw-text-opacity, 1)) /* Inverted text color */ !important
33
+ }
34
+
35
+ .sd-status-badge--success sd-icon {
36
+
37
+
38
+
39
+ background-color: rgb(var(--sd-color-success, 37 136 14) / var(--tw-bg-opacity, 1)) /* Used for success messages */
40
+ }
41
+
42
+ .sd-status-badge--warning sd-icon {
43
+
44
+
45
+
46
+ background-color: rgb(var(--sd-color-warning, 187 141 32) / var(--tw-bg-opacity, 1)) /* Used for notifications */
47
+ }
48
+
49
+ .sd-status-badge--error sd-icon {
50
+
51
+
52
+
53
+ background-color: rgb(var(--sd-color-error, 204 25 55) / var(--tw-bg-opacity, 1)) /* Used for notification, status-badge */
54
+ }
55
+
56
+ .sd-status-badge--info sd-icon {
57
+
58
+
59
+
60
+ background-color: rgb(var(--sd-color-info, 21 130 213) / var(--tw-bg-opacity, 1)) /* Used for notification, status-badge */
61
+ }
package/dist/solid-styles.css CHANGED
@@ -492,6 +492,50 @@ Used for inverted pressed interaction text link */;
492
492
  margin-right: var(--sd-spacing-0-5, 0.125rem) /* 2px */;
493
493
  }
494
494
 
495
+ /**
496
+ * Description of the style.
497
+ * @name sd-status-badge
498
+ * @status stable
499
+ * @since 1.0
500
+ * @variant { sucess | warning | error | info } sd-status-badge--...
501
+ */
502
+
503
+ .sd-status-badge {
504
+ display: inline-flex;
505
+ align-items: center;
506
+ }
507
+
508
+ .sd-status-badge sd-icon {
509
+ margin-right: var(--sd-spacing-2, 0.5rem) /* 8px */;
510
+ display: flex;
511
+ height: var(--sd-spacing-3, 0.75rem) /* 12px */;
512
+ width: var(--sd-spacing-3, 0.75rem) /* 12px */;
513
+ border-radius: var(--sd-border-radius-full, 9999px) /* Radius for pill shape buttons */;
514
+ padding: var(--sd-spacing-1, 0.25rem) /* 4px */;
515
+ --tw-text-opacity: 1 !important;
516
+ color: rgb(var(--sd-color-white, 255 255 255) / var(--tw-text-opacity, 1)) /* Inverted text color */ !important;
517
+ }
518
+
519
+ .sd-status-badge--success sd-icon {
520
+
521
+ background-color: rgb(var(--sd-color-success, 37 136 14) / var(--tw-bg-opacity, 1)) /* Used for success messages */;
522
+ }
523
+
524
+ .sd-status-badge--warning sd-icon {
525
+
526
+ background-color: rgb(var(--sd-color-warning, 187 141 32) / var(--tw-bg-opacity, 1)) /* Used for notifications */;
527
+ }
528
+
529
+ .sd-status-badge--error sd-icon {
530
+
531
+ background-color: rgb(var(--sd-color-error, 204 25 55) / var(--tw-bg-opacity, 1)) /* Used for notification, status-badge */;
532
+ }
533
+
534
+ .sd-status-badge--info sd-icon {
535
+
536
+ background-color: rgb(var(--sd-color-info, 21 130 213) / var(--tw-bg-opacity, 1)) /* Used for notification, status-badge */;
537
+ }
538
+
495
539
  /* plop:style */
496
540
 
497
541
  /**
package/dist-versioned/modules/chip.css CHANGED
@@ -1,12 +1,12 @@
1
1
  /**
2
2
  * Generates basic styles for chip elements.
3
- * @name sd-1-0-1-chip
3
+ * @name sd-1-1-0-chip
4
4
  * @status stable
5
5
  * @since 1.30.0
6
- * @variant { primary-300 | primary-500 | white } sd-1-0-1-chip--...
6
+ * @variant { primary-300 | primary-500 | white } sd-1-1-0-chip--...
7
7
  */
8
8
 
9
- .sd-1-0-1-chip {
9
+ .sd-1-1-0-chip {
10
10
 
11
11
  display: inline-flex;
12
12
 
@@ -35,7 +35,7 @@
35
35
  color: rgb(var(--sd-color-black, 24 24 24) / var(--tw-text-opacity, 1)) /* Default text color */
36
36
  }
37
37
 
38
- .sd-1-0-1-chip--primary-500 {
38
+ .sd-1-1-0-chip--primary-500 {
39
39
 
40
40
 
41
41
 
@@ -46,14 +46,14 @@
46
46
  color: rgb(var(--sd-color-white, 255 255 255) / var(--tw-text-opacity, 1)) /* Inverted text color */
47
47
  }
48
48
 
49
- .sd-1-0-1-chip--primary-300 {
49
+ .sd-1-1-0-chip--primary-300 {
50
50
 
51
51
 
52
52
 
53
53
  background-color: rgb(var(--sd-color-primary-300, 200 213 231) / var(--tw-bg-opacity, 1)) /* Used for chip background */
54
54
  }
55
55
 
56
- .sd-1-0-1-chip--white {
56
+ .sd-1-1-0-chip--white {
57
57
 
58
58
 
59
59
 
package/dist-versioned/modules/container.css CHANGED
@@ -1,14 +1,14 @@
1
1
  /**
2
2
  * Container lets users delimit and highlight a piece of content. The user has no interaction with it, it is merely a visual element that influences the flow of the page.
3
- * @name sd-1-0-1-container
3
+ * @name sd-1-1-0-container
4
4
  * @status stable
5
5
  * @since 1.30.0
6
- * @variant { primary-100 | primary | border-neutral-400 | white } sd-1-0-1-container--variant-... Defines the background color and border of sd-1-0-1-container.
7
- * @variant { sm } sd-1-0-1-container--padding-... Defines the padding of sd-1-0-1-container. This makes it adaptable to both small and large screens.
8
- * @variant { top | right | bottom | left } sd-1-0-1-container--triangle-... Defines an optional triangle cut-out for sd-1-0-1-container. This allows for an indentation resembling an arrow on any side of the container. CSS Property `triangle-background` defines the background color of the cut-out.
6
+ * @variant { primary-100 | primary | border-neutral-400 | white } sd-1-1-0-container--variant-... Defines the background color and border of sd-1-1-0-container.
7
+ * @variant { sm } sd-1-1-0-container--padding-... Defines the padding of sd-1-1-0-container. This makes it adaptable to both small and large screens.
8
+ * @variant { top | right | bottom | left } sd-1-1-0-container--triangle-... Defines an optional triangle cut-out for sd-1-1-0-container. This allows for an indentation resembling an arrow on any side of the container. CSS Property `triangle-background` defines the background color of the cut-out.
9
9
  */
10
10
 
11
- .sd-1-0-1-container {
11
+ .sd-1-1-0-container {
12
12
  position: relative;
13
13
 
14
14
  background-color: rgb(var(--sd-color-neutral-100, 246 246 246) / var(--tw-bg-opacity, 1)) /* Additional background color (light mode) */;
@@ -18,18 +18,18 @@
18
18
  padding-bottom: var(--sd-spacing-8, 2rem) /* 32px */;
19
19
  }
20
20
 
21
- .sd-1-0-1-container--variant-primary-100 {
21
+ .sd-1-1-0-container--variant-primary-100 {
22
22
 
23
23
  background-color: rgb(var(--sd-color-primary-100, 236 240 249) / var(--tw-bg-opacity, 1)) /* Additional background color (light mode) */;
24
24
  }
25
25
 
26
- .sd-1-0-1-container--variant-primary {
26
+ .sd-1-1-0-container--variant-primary {
27
27
 
28
28
  background-color: rgb(var(--sd-color-primary, 0 53 142) / var(--tw-bg-opacity, 1)) /* Inverted background color (light mode)
29
29
  Used for button */;
30
30
  }
31
31
 
32
- .sd-1-0-1-container--variant-border-neutral-400 {
32
+ .sd-1-1-0-container--variant-border-neutral-400 {
33
33
  border-style: solid;
34
34
  --tw-border-opacity: 1;
35
35
  border-color: rgb(var(--sd-color-neutral-400, 195 195 195) / var(--tw-border-opacity, 1)) /* Default border color.
@@ -39,27 +39,27 @@ Used for divider, teaser, container, ... */;
39
39
  border-width: 1px;
40
40
  }
41
41
 
42
- .sd-1-0-1-container--variant-white {
42
+ .sd-1-1-0-container--variant-white {
43
43
 
44
44
  background-color: rgb(var(--sd-color-white, 255 255 255) / var(--tw-bg-opacity, 1)) /* Default background color (light mode) 
Used for inverted button */;
45
45
  }
46
46
 
47
- .sd-1-0-1-container--padding-sm {
47
+ .sd-1-1-0-container--padding-sm {
48
48
  padding-left: var(--sd-spacing-6, 1.5rem) /* 24px */;
49
49
  padding-right: var(--sd-spacing-6, 1.5rem) /* 24px */;
50
50
  padding-top: var(--sd-spacing-4, 1rem) /* 16px */;
51
51
  padding-bottom: var(--sd-spacing-4, 1rem) /* 16px */;
52
52
  }
53
53
 
54
- .sd-1-0-1-container {
54
+ .sd-1-1-0-container {
55
55
 
56
56
  --triangle-background: white;
57
57
  }
58
58
 
59
- .sd-1-0-1-container--triangle-top::before,
60
- .sd-1-0-1-container--triangle-right::before,
61
- .sd-1-0-1-container--triangle-bottom::before,
62
- .sd-1-0-1-container--triangle-left::before {
59
+ .sd-1-1-0-container--triangle-top::before,
60
+ .sd-1-1-0-container--triangle-right::before,
61
+ .sd-1-1-0-container--triangle-bottom::before,
62
+ .sd-1-1-0-container--triangle-left::before {
63
63
  position: absolute;
64
64
  display: block;
65
65
  border-style: solid;
@@ -68,38 +68,38 @@ Used for divider, teaser, container, ... */;
68
68
  content: '';
69
69
  }
70
70
 
71
- .sd-1-0-1-container--triangle-top::before {
71
+ .sd-1-1-0-container--triangle-top::before {
72
72
  top: var(--sd-spacing-0, 0px) /* No spacing (manually added) */;
73
73
  left: calc(50% - 14px);
74
74
  border-top-color: var(--triangle-background);
75
75
  }
76
76
 
77
- .sd-1-0-1-container--triangle-right::before {
77
+ .sd-1-1-0-container--triangle-right::before {
78
78
  right: var(--sd-spacing-0, 0px) /* No spacing (manually added) */;
79
79
  top: calc(50% - 14px);
80
80
  border-right-color: var(--triangle-background);
81
81
  }
82
82
 
83
- .sd-1-0-1-container--triangle-bottom::before {
83
+ .sd-1-1-0-container--triangle-bottom::before {
84
84
  bottom: var(--sd-spacing-0, 0px) /* No spacing (manually added) */;
85
85
  left: calc(50% - 14px);
86
86
  border-bottom-color: var(--triangle-background);
87
87
  }
88
88
 
89
- .sd-1-0-1-container--triangle-left::before {
89
+ .sd-1-1-0-container--triangle-left::before {
90
90
  left: var(--sd-spacing-0, 0px) /* No spacing (manually added) */;
91
91
  top: calc(50% - 14px);
92
92
  border-left-color: var(--triangle-background);
93
93
  }
94
94
 
95
- .sd-1-0-1-container--triangle-top-border::after,
96
- .sd-1-0-1-container--triangle-top-border::before,
97
- .sd-1-0-1-container--triangle-right-border::after,
98
- .sd-1-0-1-container--triangle-right-border::before,
99
- .sd-1-0-1-container--triangle-bottom-border::after,
100
- .sd-1-0-1-container--triangle-bottom-border::before,
101
- .sd-1-0-1-container--triangle-left-border::after,
102
- .sd-1-0-1-container--triangle-left-border::before {
95
+ .sd-1-1-0-container--triangle-top-border::after,
96
+ .sd-1-1-0-container--triangle-top-border::before,
97
+ .sd-1-1-0-container--triangle-right-border::after,
98
+ .sd-1-1-0-container--triangle-right-border::before,
99
+ .sd-1-1-0-container--triangle-bottom-border::after,
100
+ .sd-1-1-0-container--triangle-bottom-border::before,
101
+ .sd-1-1-0-container--triangle-left-border::after,
102
+ .sd-1-1-0-container--triangle-left-border::before {
103
103
  position: absolute;
104
104
  display: block;
105
105
  border-style: solid;
@@ -107,78 +107,78 @@ Used for divider, teaser, container, ... */;
107
107
  content: '';
108
108
  }
109
109
 
110
- .sd-1-0-1-container--triangle-top-border::after, .sd-1-0-1-container--triangle-right-border::after, .sd-1-0-1-container--triangle-bottom-border::after, .sd-1-0-1-container--triangle-left-border::after {
110
+ .sd-1-1-0-container--triangle-top-border::after, .sd-1-1-0-container--triangle-right-border::after, .sd-1-1-0-container--triangle-bottom-border::after, .sd-1-1-0-container--triangle-left-border::after {
111
111
  border-width: 14px;
112
112
  }
113
113
 
114
- .sd-1-0-1-container--triangle-top-border::before, .sd-1-0-1-container--triangle-right-border::before, .sd-1-0-1-container--triangle-bottom-border::before, .sd-1-0-1-container--triangle-left-border::before {
114
+ .sd-1-1-0-container--triangle-top-border::before, .sd-1-1-0-container--triangle-right-border::before, .sd-1-1-0-container--triangle-bottom-border::before, .sd-1-1-0-container--triangle-left-border::before {
115
115
  border-width: 15px;
116
116
  }
117
117
 
118
- .sd-1-0-1-container--triangle-top-border::after,
119
- .sd-1-0-1-container--triangle-top-border::before {
118
+ .sd-1-1-0-container--triangle-top-border::after,
119
+ .sd-1-1-0-container--triangle-top-border::before {
120
120
  top: -1px;
121
121
  }
122
122
 
123
- .sd-1-0-1-container--triangle-top-border::before {
123
+ .sd-1-1-0-container--triangle-top-border::before {
124
124
  --tw-border-opacity: 1;
125
125
  border-top-color: rgb(var(--sd-color-neutral-400, 195 195 195) / var(--tw-border-opacity, 1)) /* Default border color.
126
126
  Used for divider, teaser, container, ... */;
127
127
  left: calc(50% - 15px);
128
128
  }
129
129
 
130
- .sd-1-0-1-container--triangle-top-border::after {
130
+ .sd-1-1-0-container--triangle-top-border::after {
131
131
  left: calc(50% - 14px);
132
132
  border-top-color: var(--triangle-background);
133
133
  }
134
134
 
135
- .sd-1-0-1-container--triangle-right-border::after,
136
- .sd-1-0-1-container--triangle-right-border::before {
135
+ .sd-1-1-0-container--triangle-right-border::after,
136
+ .sd-1-1-0-container--triangle-right-border::before {
137
137
  right: -1px;
138
138
  }
139
139
 
140
- .sd-1-0-1-container--triangle-right-border::before {
140
+ .sd-1-1-0-container--triangle-right-border::before {
141
141
  --tw-border-opacity: 1;
142
142
  border-right-color: rgb(var(--sd-color-neutral-400, 195 195 195) / var(--tw-border-opacity, 1)) /* Default border color.
143
143
  Used for divider, teaser, container, ... */;
144
144
  top: calc(50% - 15px);
145
145
  }
146
146
 
147
- .sd-1-0-1-container--triangle-right-border::after {
147
+ .sd-1-1-0-container--triangle-right-border::after {
148
148
  top: calc(50% - 14px);
149
149
  border-right-color: var(--triangle-background);
150
150
  }
151
151
 
152
- .sd-1-0-1-container--triangle-bottom-border::after,
153
- .sd-1-0-1-container--triangle-bottom-border::before {
152
+ .sd-1-1-0-container--triangle-bottom-border::after,
153
+ .sd-1-1-0-container--triangle-bottom-border::before {
154
154
  bottom: -1px;
155
155
  }
156
156
 
157
- .sd-1-0-1-container--triangle-bottom-border::before {
157
+ .sd-1-1-0-container--triangle-bottom-border::before {
158
158
  --tw-border-opacity: 1;
159
159
  border-bottom-color: rgb(var(--sd-color-neutral-400, 195 195 195) / var(--tw-border-opacity, 1)) /* Default border color.
160
160
  Used for divider, teaser, container, ... */;
161
161
  left: calc(50% - 15px);
162
162
  }
163
163
 
164
- .sd-1-0-1-container--triangle-bottom-border::after {
164
+ .sd-1-1-0-container--triangle-bottom-border::after {
165
165
  left: calc(50% - 14px);
166
166
  border-bottom-color: var(--triangle-background);
167
167
  }
168
168
 
169
- .sd-1-0-1-container--triangle-left-border::after,
170
- .sd-1-0-1-container--triangle-left-border::before {
169
+ .sd-1-1-0-container--triangle-left-border::after,
170
+ .sd-1-1-0-container--triangle-left-border::before {
171
171
  left: -1px;
172
172
  }
173
173
 
174
- .sd-1-0-1-container--triangle-left-border::before {
174
+ .sd-1-1-0-container--triangle-left-border::before {
175
175
  --tw-border-opacity: 1;
176
176
  border-left-color: rgb(var(--sd-color-neutral-400, 195 195 195) / var(--tw-border-opacity, 1)) /* Default border color.
177
177
  Used for divider, teaser, container, ... */;
178
178
  top: calc(50% - 15px);
179
179
  }
180
180
 
181
- .sd-1-0-1-container--triangle-left-border::after {
181
+ .sd-1-1-0-container--triangle-left-border::after {
182
182
  top: calc(50% - 14px);
183
183
  border-left-color: var(--triangle-background);
184
184
  }
package/dist-versioned/modules/copyright.css CHANGED
@@ -1,19 +1,19 @@
1
1
  /**
2
2
  * Generates basic styles for copyright elements.
3
- * @name sd-1-0-1-copyright
3
+ * @name sd-1-1-0-copyright
4
4
  * @status stable
5
5
  * @since 2.5.0
6
- * @variant { vertical } sd-1-0-1-copyright--orientation-... The copyright's orientation.
7
- * @variant { black } sd-1-0-1-copyright--color-... The copyright's text color.
8
- * @boolean sd-1-0-1-copyright--... Removes the shadow.
9
- * @variant { top } sd-1-0-1-copyright--placement-... The copyright's placement.
6
+ * @variant { vertical } sd-1-1-0-copyright--orientation-... The copyright's orientation.
7
+ * @variant { black } sd-1-1-0-copyright--color-... The copyright's text color.
8
+ * @boolean sd-1-1-0-copyright--... Removes the shadow.
9
+ * @variant { top } sd-1-1-0-copyright--placement-... The copyright's placement.
10
10
  */
11
11
 
12
- .sd-1-0-1-copyright {
12
+ .sd-1-1-0-copyright {
13
13
  position: relative;
14
14
  }
15
15
 
16
- .sd-1-0-1-copyright::after {
16
+ .sd-1-1-0-copyright::after {
17
17
  position: absolute;
18
18
  bottom: var(--sd-spacing-0, 0px) /* No spacing (manually added) */;
19
19
  left: var(--sd-spacing-0, 0px) /* No spacing (manually added) */;
@@ -29,7 +29,7 @@
29
29
  content: var(--copyright);
30
30
  }
31
31
 
32
- .sd-1-0-1-copyright--orientation-vertical::after {
32
+ .sd-1-1-0-copyright--orientation-vertical::after {
33
33
  width: -moz-max-content;
34
34
  width: max-content;
35
35
  padding-top: var(--sd-spacing-2, 0.5rem) /* 8px */;
@@ -41,17 +41,17 @@
41
41
  transform: rotate(180deg);
42
42
  }
43
43
 
44
- .sd-1-0-1-copyright--color-black::after {
44
+ .sd-1-1-0-copyright--color-black::after {
45
45
 
46
46
  color: rgb(var(--sd-color-black, 24 24 24) / var(--tw-text-opacity, 1)) /* Default text color */;
47
47
  filter: drop-shadow(0 0 transparent);
48
48
  }
49
49
 
50
- .sd-1-0-1-copyright--no-shadow::after {
50
+ .sd-1-1-0-copyright--no-shadow::after {
51
51
  filter: drop-shadow(0 0 transparent);
52
52
  }
53
53
 
54
- .sd-1-0-1-copyright--placement-top::after {
54
+ .sd-1-1-0-copyright--placement-top::after {
55
55
  position: absolute;
56
56
  top: var(--sd-spacing-0, 0px) /* No spacing (manually added) */;
57
57
  right: var(--sd-spacing-0, 0px) /* No spacing (manually added) */;
package/dist-versioned/modules/display.css CHANGED
@@ -1,13 +1,13 @@
1
1
  /**
2
2
  * Display provides larger text sizes that are not used as headlines. The different sizes allow for a more versatile styling of text elements. Display text should not be used as substitute for headlines.
3
- * @name sd-1-0-1-display
3
+ * @name sd-1-1-0-display
4
4
  * @status stable
5
5
  * @since 1.7
6
- * @variant { xl | 3xl } sd-1-0-1-display--size-... The display's size.
7
- * @boolean sd-1-0-1-display--inverted Inverts the display text.
6
+ * @variant { xl | 3xl } sd-1-1-0-display--size-... The display's size.
7
+ * @boolean sd-1-1-0-display--inverted Inverts the display text.
8
8
  */
9
9
 
10
- .sd-1-0-1-display {
10
+ .sd-1-1-0-display {
11
11
 
12
12
  font-size: var(--sd-font-size-3xl, 2rem) /* 32px */;
13
13
 
@@ -22,13 +22,13 @@
22
22
 
23
23
  @media (min-width: 1024px) {
24
24
 
25
- .sd-1-0-1-display {
25
+ .sd-1-1-0-display {
26
26
 
27
27
  font-size: var(--sd-font-size-4xl, 2.5rem) /* 40px */
28
28
  }
29
29
  }
30
30
 
31
- .sd-1-0-1-display--size-xl {
31
+ .sd-1-1-0-display--size-xl {
32
32
 
33
33
  font-size: var(--sd-font-size-xl, 1.5rem) /* 24px */;
34
34
 
@@ -41,7 +41,7 @@
41
41
  color: rgb(var(--sd-color-black, 24 24 24) / var(--tw-text-opacity, 1)) /* Default text color */
42
42
  }
43
43
 
44
- .sd-1-0-1-display--size-3xl {
44
+ .sd-1-1-0-display--size-3xl {
45
45
 
46
46
  font-size: var(--sd-font-size-2xl, 1.75rem) /* 28px */;
47
47
 
@@ -56,13 +56,13 @@
56
56
 
57
57
  @media (min-width: 1024px) {
58
58
 
59
- .sd-1-0-1-display--size-3xl {
59
+ .sd-1-1-0-display--size-3xl {
60
60
 
61
61
  font-size: var(--sd-font-size-3xl, 2rem) /* 32px */
62
62
  }
63
63
  }
64
64
 
65
- .sd-1-0-1-display--inverted {
65
+ .sd-1-1-0-display--inverted {
66
66
 
67
67
 
68
68