body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/webfonts/Inter-Regular.woff2?v=3.11) format("woff2"),url(/webfonts/Inter-Regular.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url(/webfonts/Inter-Italic.woff2?v=3.11) format("woff2"),url(/webfonts/Inter-Italic.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/webfonts/Inter-Medium.woff2?v=3.11) format("woff2"),url(/webfonts/Inter-Medium.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:500;font-display:swap;src:url(/webfonts/Inter-MediumItalic.woff2?v=3.11) format("woff2"),url(/webfonts/Inter-MediumItalic.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/webfonts/Inter-SemiBold.woff2?v=3.11) format("woff2"),url(/webfonts/Inter-SemiBold.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:600;font-display:swap;src:url(/webfonts/Inter-SemiBoldItalic.woff2?v=3.11) format("woff2"),url(/webfonts/Inter-SemiBoldItalic.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/webfonts/Inter-Bold.woff2?v=3.11) format("woff2"),url(/webfonts/Inter-Bold.woff?v=3.11) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:700;font-display:swap;src:url(/webfonts/Inter-BoldItalic.woff2?v=3.11) format("woff2"),url(/webfonts/Inter-BoldItalic.woff?v=3.11) format("woff")}:root{--color-white:#fff;--color-black:#000;--color-teal:#33cedc;--color-teal--dark:#00838f;--color-yellow:#ffe874;--color-yellow--dark:#866e00;--color-orange:#fed28c;--color-red:#ee645d;--color-gray-200:#333b40;--color-gray-300:#4f5559;--color-gray-500:#697980;--color-gray-600:#829199;--color-gray-700:#adb0b3;--color-gray-800:#d2d6d9;--color-gray-900:#e1e4e6;--color-gray-1000:#f2f6f7;--color-blue:#0045f4;--color-green:#00e281;--color-teal:#01acc1;--color-teal--dark:#017c91;--color-yellow--light:#fff2b4;--color-yellow:#f8f500;--color-yellow--dark:#c1be01;--color-orange:#ffb300;--color-orange--dark:#c68400;--color-red:#e53935;--color-purple:#8e24aa;--color-developer-black:#202531;--color-connect-orange:#ffb300;--color-id-blue:#3a67e5;--font-family-sans:"Inter",Inter,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-mono:"IBM Plex Mono","SF Mono",Menlo,monospace;--font-family-brand:"Futura PT",sans-serif;--font-size-alpha:10px;--font-size-beta:12px;--font-size-gamma:15px;--font-size-delta:24px;--font-size-epsilon:32px;--font-size-zeta:48px;--spacing-unit:8px;--documentation-component-spacing:calc(var(--spacing-unit)*5)}@media screen and (max-width:900px){:root{--font-size-delta:20px;--font-size-epsilon:26px;--font-size-zeta:36px}}html{box-sizing:border-box}*,:after,:before{position:relative;margin:0;padding:0;box-sizing:inherit}html{font-size:8px}.app{font-family:var(--font-family-sans);font-size:var(--font-size-gamma);line-height:1.7em;color:var(--color-black)}.app--theme-dev-docs{--highlight-color:#0045f4;--sidebar-color:#0030aa}.app--theme-design-kit{--highlight-color:var(--color-green);--sidebar-color:#00b064}.app--theme-design-docs{--highlight-color:var(--color-connect-orange);--sidebar-color:#c68400}.app_skip-to-content{background:var(--color-white);color:var(--color-black);font-size:var(--font-size-gamma);left:-9999px;padding:calc(var(--spacing-unit)*0) calc(var(--spacing-unit)*1);position:absolute;top:calc(var(--spacing-unit)*1.5);height:calc(var(--spacing-unit)*4);z-index:40;border-radius:3px;border:1px solid var(--color-gray-800);box-shadow:0 5px 10px -5px rgba(0,0,0,.2);line-height:calc(var(--spacing-unit)*3.5)}.app_skip-to-content:focus{left:calc(var(--spacing-unit)*1)}.app_global-nav{position:fixed;top:0;left:0;bottom:0;z-index:8;width:calc(var(--spacing-unit)*7);background-color:var(--color-black);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:calc(var(--spacing-unit)*6)}.app_global-nav-link{-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:100%;line-height:calc(var(--spacing-unit)*7);font-family:var(--font-family-mono);font-size:.9em;border-left:3px solid transparent;display:block;text-decoration:none;color:inherit}.app_global-nav-link:hover:not(.app_global-nav-link--is-active){cursor:pointer;border-left-color:var(--color-black)}.app_global-nav-link+.app_global-nav-link{margin-top:calc(var(--spacing-unit)*5)}.app_global-nav-link--is-active{border-left-color:var(--highlight-color)}.app__sidebar{position:fixed;top:0;left:calc(var(--spacing-unit)*7);bottom:0;width:calc(var(--spacing-unit)*40)}.app__header,.app__sidebar{display:flex;flex-direction:column;z-index:2}.app__header{min-height:calc(var(--spacing-unit)*9);background-color:var(--highlight-color);color:var(--color-white);padding:calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*3);font-size:13px;line-height:16px;justify-content:center;box-shadow:0 5px 15px -10px rgba(0,0,0,.15);position:relative;background:var(--sidebar-color)}.app__header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.app__title{font-weight:700;color:var(--color-white);text-decoration:none;z-index:3;font-family:var(--font-family-mono);font-size:15px;line-height:30px}.app__nav{height:calc(var(--spacing-unit)*10);flex-grow:1}.app__shoutout{background-color:#212121;padding:calc(var(--spacing-unit)*0.5) calc(var(--spacing-unit)*3);color:hsla(0,0%,100%,.36);font-size:var(--font-size-beta);border-top:1px solid var(--color-gray-200);z-index:2;box-shadow:0 5px 15px -5px rgba(0,0,0,.15)}.app__shoutout a{color:inherit}.app__main{padding-left:calc(var(--spacing-unit)*47)}.app__mobile-header{min-height:calc(var(--spacing-unit)*6);background-color:var(--highlight-color);color:rgba(0,0,0,.8);padding:calc(var(--spacing-unit)*0) calc(var(--spacing-unit)*3);display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-shadow:0 5px 15px -10px rgba(0,0,0,.15);z-index:9;display:none;position:fixed;top:0;left:0;right:0}.app__mobile-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.app__mobile-header-icon{margin-right:calc(var(--spacing-unit)*1.5);-webkit-transform:translateY(1.5px);transform:translateY(1.5px)}.app__search{position:fixed;top:0;left:0;right:0;z-index:8;pointer-events:none}@media screen and (max-width:900px){.app__header{display:none}.app__mobile-header{display:flex}.app__sidebar{width:100%;max-width:calc(var(--spacing-unit)*40);right:0;left:calc(var(--spacing-unit)*5);border-right-width:2px;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;padding-top:calc(var(--spacing-unit)*5);z-index:7}.app__sidebar--is-visible{-webkit-transform:translateX(0);transform:translateX(0)}.app_global-nav{width:calc(var(--spacing-unit)*5);padding-bottom:calc(var(--spacing-unit)*3)}.app_global-nav-logo{opacity:0}.app_global-nav-link{line-height:calc(var(--spacing-unit)*5)}.app__main{padding-left:calc(var(--spacing-unit)*5);padding-top:calc(var(--spacing-unit)*5)}}.page{min-height:100vh;display:flex;flex-direction:column;align-items:stretch}.page__header{padding-top:calc(var(--spacing-unit)*8);padding-bottom:calc(var(--spacing-unit)*6);border-bottom:1px solid var(--color-gray-900);background-color:var(--color-gray-1000)}.page__header-content{width:100%;max-width:calc(var(--spacing-unit)*140);padding:0 calc(var(--spacing-unit)*8);margin:0 auto}.page__title{margin-top:calc(var(--spacing-unit)*1);margin-bottom:calc(var(--spacing-unit)*8);max-width:calc(var(--spacing-unit)*85);font-family:var(--font-family-sans);font-size:var(--font-size-zeta);line-height:1.2em;color:var(--color-black);font-weight:700;letter-spacing:-.02em}.page__description{font-size:var(--font-size-delta);line-height:1.5em;color:var(--color-gray-200);margin-bottom:calc(var(--spacing-unit)*2);max-width:calc(var(--spacing-unit)*75)}.page__children-count{color:var(--color-gray-700);white-space:nowrap}.page__meta{margin-top:calc(var(--spacing-unit)*4);padding:calc(var(--spacing-unit)*2) 0;border-top:1px solid var(--color-gray-800)}.page__meta-items-container{display:flex;flex-wrap:wrap;margin-bottom:calc(var(--spacing-unit)*-4);margin-left:calc(var(--spacing-unit)*-4)}.page__meta-item{margin-left:calc(var(--spacing-unit)*4);margin-bottom:calc(var(--spacing-unit)*4)}.page__author a{text-decoration:none;color:inherit}.page__component-demo .playground__stage{padding-top:calc(var(--spacing-unit)*10);padding-bottom:calc(var(--spacing-unit)*10);min-height:calc(var(--spacing-unit)*40)}.page__tabs{width:100%;border-bottom:1px solid var(--color-gray-900);position:-webkit-sticky;position:sticky;top:0;background-color:var(--color-gray-900);z-index:6}.page__docs,.page__tabs-content{max-width:calc(var(--spacing-unit)*140);padding:0 calc(var(--spacing-unit)*8);margin:0 auto}.page__docs{width:100%;margin-top:calc(var(--spacing-unit)*10);margin-bottom:calc(var(--spacing-unit)*16);flex-grow:1}.page__footer{width:100%;background-color:var(--color-gray-1000)}.page__footer-content{max-width:calc(var(--spacing-unit)*140);padding:0 calc(var(--spacing-unit)*8);margin:0 auto;display:flex;justify-content:space-between}.page__node-nav{text-decoration:none;color:inherit;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:10%;flex-grow:1;padding:calc(var(--spacing-unit)*2) calc(var(--spacing-unit)*4)}.page__node-nav:after,.page__node-nav:before{position:absolute;top:50%;-webkit-transform:translateY(-65%);transform:translateY(-65%);color:var(--color-gray-800);font-size:var(--font-size-delta);width:calc(var(--spacing-unit)*3);-webkit-transition:color .3s;transition:color .3s}.page__node-nav:hover:after,.page__node-nav:hover:before{color:var(--highlight-color)}.page__node-nav--prev{margin-left:calc(var(--spacing-unit)*-4)}.page__node-nav--prev:hover{-webkit-transform:translateX(calc(var(--spacing-unit)*-2));transform:translateX(calc(var(--spacing-unit)*-2))}.page__node-nav--prev:before{content:"←";left:calc(var(--spacing-unit)*-1);text-align:right}.page__node-nav--next{margin-right:calc(var(--spacing-unit)*-4);text-align:right}.page__node-nav--next:hover{-webkit-transform:translateX(calc(var(--spacing-unit)*2));transform:translateX(calc(var(--spacing-unit)*2))}.page__node-nav--next:after{content:"→";right:calc(var(--spacing-unit)*-1)}@media screen and (max-width:600px){.page__header{padding-top:calc(var(--spacing-unit)*4);padding-bottom:calc(var(--spacing-unit)*4)}.page__header-content{padding:0 calc(var(--spacing-unit)*3)}.page__title{margin-bottom:calc(var(--spacing-unit)*6)}.page__docs,.page__tabs-content{padding:0 calc(var(--spacing-unit)*3)}.page__docs{margin-top:calc(var(--spacing-unit)*6);margin-bottom:calc(var(--spacing-unit)*8)}.page__footer-content{padding:0 calc(var(--spacing-unit)*3)}.page__node-nav{padding:calc(var(--spacing-unit)*2) calc(var(--spacing-unit)*2)}.page__node-nav--prev{margin-left:calc(var(--spacing-unit)*-2)}.page__node-nav--next{margin-right:calc(var(--spacing-unit)*-2)}.page__node-nav--next:hover,.page__node-nav--prev:hover{-webkit-transform:translateX(0);transform:translateX(0)}.page__node-nav:after,.page__node-nav:before{display:none}}.breadcrumbs{list-style:none}.breadcrumbs__crumb{display:inline}.breadcrumbs__crumb:after{color:var(--color-gray-600);content:" / "}.breadcrumbs__crumb a{color:var(--color-gray-600);text-decoration:none;-webkit-transition:color .2s;transition:color .2s}.breadcrumbs__crumb a:hover{color:var(--color-blue)}.tags{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;padding-top:calc(2px*var(--spacing-base-unit))}.tags__tag-item{display:inline-block;margin:0}.tags .tags__tag{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:8px;background-color:var(--color-green);color:rgba(0,0,0,.7);text-decoration:none;font-size:var(--font-size-alpha);font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1em;white-space:nowrap;padding:.5em 1.1em;border-radius:20px;cursor:pointer;border:none}.playground{width:100%;margin:var(--documentation-component-spacing) 0}.playground:first-child{margin-top:0}.playground:last-child{margin-bottom:0}.playground__stage{width:100%;padding:calc(var(--spacing-unit)*6) calc(var(--spacing-unit)*8);background-color:var(--color-gray-1000);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABGdBTUEAALGPC/xhBQAAAV1JREFUeAHt18EKwjAMANCpiBcF//83FUFFsMHtNtZe3BZ9gTJcas1enWZdJwgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIEDg7wQ2ya/4UOo/lrHvr+NZjtcy7v3rdIfMG3Iq2jHG4lJOxkgXu3QVfwqOO+M8UXvkH2W8JuasMrVdZVX1ouJnqhYtc2przJ7PuiHDf8YUWMucqfcvksu6IYtgzfGhWTckuqlatMyprTF7PuuGRGtbi5Y5tTVmz2ftsobuKbqpsYiW9zaWWPu5zM8hYftzD4Zr/8KojwABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgS+IPAGcEYRFoSRNqgAAAAASUVORK5CYII=);background-size:20px;background-position:50%;min-height:calc(var(--spacing-unit)*30)}.playground--checkerboard .playground__stage{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM4AAAC4CAYAAACrZNMYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGxGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDItMDhUMTg6NDY6MDErMDE6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE4LTA5LTE3VDE2OjU0OjIwKzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE4LTA5LTE3VDE2OjU0OjIwKzAyOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzNjZkMmVmLTM5OTItNDlhMy1hMmI0LTgwODFlM2MxN2QxZiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MjI5MzA1My04NzgzLTQ2MGQtYThkNC1mNjRlODJlNDRmNGYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MjI5MzA1My04NzgzLTQ2MGQtYThkNC1mNjRlODJlNDRmNGYiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjUyMjkzMDUzLTg3ODMtNDYwZC1hOGQ0LWY2NGU4MmU0NGY0ZiIgc3RFdnQ6d2hlbj0iMjAxOC0wMi0wOFQxODo0NjowMSswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjhkNGM5MTg5LTA2ZWQtNGU0MC05MzhiLWUyNDA3MzU5NDE4MSIgc3RFdnQ6d2hlbj0iMjAxOC0wOS0xN1QxNjo1Mzo1NyswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjIzNjZkMmVmLTM5OTItNDlhMy1hMmI0LTgwODFlM2MxN2QxZiIgc3RFdnQ6d2hlbj0iMjAxOC0wOS0xN1QxNjo1NDoyMCswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UIlMNQAABMNJREFUeNrt3UFuq1gQBVC/33TDhE1kCxlFWT8wIbtgEYG4Q8MKuioCodjnSFYmqHyFdOUYo6K8v7/Xt6DvzTAMX8HDyzb7n+jsz8/P+8fHx7/R4+WW+8rcf25AmuKA4oDigOKA4oDiAIoDigPPV5z1l54TueX+X9V+m0H04Lqu19fX17+ix2dmv7y87H9OmS233EfnLpmW7UObpqmix3ddN0ePfXt7+/vP5ozZcst9dO6zv+OU2+8kt9wuDoDigOKA4oDiAIoDigOKA7+0OCXyWtf1pz9SnTVbbrkvy12y63P6vr+XEnuP7NqfcRy/z5gtt9xH567S9S1lTTT9rNk3ueW+MrfvOODiACgOKA4oDigOoDigOPB8xbGuSO6HzV0ya3z21TzTNIXLtixLeDVP27Zlnudyxmy55T46d5V5LNxmX58TPiHb7Ojj7NJrfzKz5Zb76NzWQ8ktt4sDoDigOKA4oDiA4oDigOKA4sAzS6+HGobhKzE7tfYnc/uP3HJfmdsnDvhXDRQHFAcUBxQHUBxQHFAcUJwA64rkftjc1X6bQfTguq7XzDqpzOx9Nc/mlNlyy3107tR2kX1o0zThp7h1XTdHj82u/cnMllvuo3NbDyW33C4OgOKA4oDigOIAigOKA4oDD1WcEnmt6/rTH6nOmi233JflTq+H6vv+XkrsPbJrf8Zx/D5jttxyH527Ste3lDXR9LNm3+SW+8rcvuOAiwOgOKA4oDigOIDigOLA8xXHuiK5HzZ3yazx2VfzTNMULtuyLOHVPG3blnmeyxmz5Zb76NxV5rFwm319TviEbLOjj7NLr/3JzJZb7qNzWw8lt9wuDoDigOKA4oDiAIoDigOKA4oDzyy9HmoYhq/E7NTan8ztP3LLfWVunzjgXzVQHFAcUBxQHEBxQHFAcUBxAqwrkvthc1f7bQbRg+u6XjPrpDKz99U8m1Nmyy330blT20X2oU3ThJ/i1nXdHD02u/YnM1tuuY/ObT2U3HK7OACKA4oDigOKAygOKA4oDjxUcUrkta7rT3+kOmu23HJflju9Hqrv+3spsffIrv0Zx/H7jNlyy3107ipd31LWRNPPmn2TW+4rc/uOAy4OgOKA4oDigOIAigOKA89XHOuK5H7Y3CWzxmdfzTNNU7hsy7KEV/O0bVvmeS5nzJZb7qNzV5nHwm329TnhE7LNjj7OLr32JzNbbrmPzm09lNxyuzgAigOKA4oDigMoDigOKA4oDjyz9HqoYRi+ErNTa38yt//ILfeVuX3igH/VQHFAcUBxQHEAxQHFAcUBxQmwrkjuh81d7bcZRA+u63rNrJPKzN5X82xOmS233EfnTm0X2Yc2TRN+ilvXdXP02Ozan8xsueU+Orf1UHLL7eIAKA4oDigOKA6gOKA4oDjwUMUpkde6rj/9keqs2XLLfVnu9Hqovu/vpcTeI7v2ZxzH7zNmyy330bmrdH1LWRNNP2v2TW65r8ztOw64OACKA4oDigOKAygOKA48X3GsK5L7YXOXzBqffTXPNE3hsi3LEl7N07Ztmee5nDFbbrmPzl1lHgu32dfnhE/INjv6OLv02p/MbLnlPjq39VByy+3iACgOKA4oDigOoDigOKA4oDjwzP4DENmjlCfJh2kAAAAASUVORK5CYII=);background-size:140px}.playground--pinstripes .playground__stage{background-image:url(data:image/png;base64,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);background-size:100px}.playground--plain .playground__stage{background-image:none}.playground__stage{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;position:relative}.playground__stage-content>figure{display:inline-block}.playground--is-page-component-demo .playground__stage-wrapper{width:100%}.playground--is-page-component-demo .playground__stage-content>.doc{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.playground__annotation-badge{cursor:default;display:inline-block;height:calc(var(--spacing-unit)*3);min-width:calc(var(--spacing-unit)*3);border-radius:calc(var(--spacing-unit)*2);background-color:var(--color-gray-600);color:#fff;font-size:var(--font-size-beta);line-height:calc(var(--spacing-unit)*3);text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:.03em;-webkit-transition:all .2s;transition:all .2s;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.playground__stage .playground__annotation-badge{box-shadow:0 5px 10px 0 rgba(0,0,0,.4)}.playground__annotation-badge--highlight{background-color:var(--color-blue);color:#fff}.playground__annotation-marker{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .3s;transition:all .3s;z-index:5}.playground__annotation-marker--highlight{-webkit-transform:translate(-50%,-50%) scale(1.5);transform:translate(-50%,-50%) scale(1.5)}.playground__annotations{padding:calc(var(--spacing-unit)*2);background-color:var(--color-gray-900);border-radius:0 0 3px 3px}.playground__annotation{margin-bottom:calc(var(--spacing-unit)*1.5)}.playground__annotation:last-child{margin-bottom:0}.playground__annotation .playground__annotation-badge{margin-right:calc(var(--spacing-unit)*1)}@media screen and (max-width:600px){.playground{padding:calc(var(--spacing-unit)*2) calc(var(--spacing-unit)*3);min-height:calc(var(--spacing-unit)*28)}}.illustration{width:100%;margin:var(--documentation-component-spacing) 0}.illustration:first-child{margin-top:0}.illustration:last-child{margin-bottom:0}.illustration__stage{width:100%;padding:calc(var(--spacing-unit)*6) calc(var(--spacing-unit)*24);background-color:var(--color-gray-1000);background-size:20px;background-position:50%}.illustration__stage .doc{flex-direction:column}.illustration__stage-content,.illustration__stage .doc{width:100%;display:flex;justify-content:center;align-items:center}.illustration__stage-content{flex-wrap:wrap}@media screen and (max-width:600px){.illustration{padding:calc(var(--spacing-unit)*2) calc(var(--spacing-unit)*3);min-height:calc(var(--spacing-unit)*28)}}.doc>:first-child{margin-top:0}.doc>:last-child{margin-bottom:0}.doc h1:first-child,.doc h2:first-child,.doc h3:first-child,.doc h4:first-child{margin-top:0}.doc p:last-child{margin-bottom:0}.doc h1,.doc h2{max-width:calc(var(--spacing-unit)*85)}.doc blockquote,.doc dl,.doc h3,.doc h4,.doc ol,.doc p,.doc ul{max-width:calc(var(--spacing-unit)*75)}.doc video{max-width:100%;height:auto}.doc>video{width:100%;margin:var(--documentation-component-spacing) 0}.doc p{margin-bottom:calc(var(--spacing-unit)*2)}.doc a{color:inherit}.doc blockquote{border-left:2px solid var(--color-green);color:var(--color-gray-500);padding-left:10px;margin-left:-12px;margin-top:calc(var(--spacing-unit)*3);margin-bottom:calc(var(--spacing-unit)*3)}.doc ol,.doc ul{margin-left:-4rem;margin-bottom:2rem}.doc ol ol,.doc ol ul,.doc ul ol,.doc ul ul{margin-left:0;margin-top:0;margin-bottom:0}.doc ol li,.doc ul li{margin:.5rem 0 .5rem 4rem}.doc dl{margin-bottom:calc(var(--spacing-unit)*2)}.doc dt{font-weight:700;margin-top:calc(var(--spacing-unit)*3);margin-bottom:calc(var(--spacing-unit)*0.5)}.doc table{border-collapse:collapse;width:100%;margin:var(--documentation-component-spacing) 0}.doc table:last-child{margin-bottom:0}.doc table td,.doc table th{text-align:left;padding:1rem 4rem .75rem 0;vertical-align:top}.doc table td:last-child,.doc table th:last-child{padding-right:0}.doc table th{color:var(--color-gray-500);font-size:var(--font-size-beta);line-height:1.4em;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.doc table tr{border-bottom:1px solid var(--color-gray-900)}.doc table tbody tr:last-child{border-bottom:none}.doc code{color:var(--color-gray-200);background-color:var(--color-gray-1000);border-color:var(--color-gray-1000);border-style:solid;border-width:4px 5px;border-radius:3px;font-family:var(--font-family-mono);font-size:.85em;letter-spacing:.03em;font-weight:500;white-space:nowrap}.doc hr{margin:var(--documentation-component-spacing) 0;padding:0;border:none;border-bottom:1px dotted var(--color-gray-800)}.heading--alpha{font-size:var(--font-size-epsilon);line-height:1.6em;font-weight:400;margin-top:calc(var(--spacing-unit)*10);margin-bottom:calc(var(--spacing-unit)*4)}.heading--beta{font-size:var(--font-size-delta);line-height:1.4em;font-weight:400;margin-top:calc(var(--spacing-unit)*8);margin-bottom:calc(var(--spacing-unit)*3)}.heading--gamma{font-size:var(--font-size-gamma);margin-top:calc(var(--spacing-unit)*6);margin-bottom:calc(var(--spacing-unit)*2)}.heading--delta,.heading--gamma{line-height:1.4em;font-weight:700}.heading--delta{font-size:var(--font-size-beta);text-transform:uppercase;letter-spacing:.03em;margin-top:calc(var(--spacing-unit)*4);margin-bottom:calc(var(--spacing-unit)*1);color:var(--color-gray-500)}.heading__jumplink{color:var(--color-gray-700);position:absolute;left:calc(var(--spacing-unit)*-6);width:calc(var(--spacing-unit)*6);text-align:right;padding-right:.2em;opacity:0;-webkit-transition:opacity .3s .2s,color .3s;transition:opacity .3s .2s,color .3s;cursor:pointer}.heading__jumplink:hover{color:var(--highlight-color)}.heading:hover .heading__jumplink{opacity:1}.image{display:block;width:auto;max-width:100%;height:auto;margin:var(--documentation-component-spacing) 0}.image:first-child{margin-top:0}.image:last-child{margin-bottom:0}.image img{display:block;max-width:100%;height:auto}.image__caption{font-size:var(--font-size-gamma);line-height:1.7em;color:var(--color-gray-500);margin-top:calc(var(--spacing-unit)*1)}.banner{margin:var(--documentation-component-spacing) 0;width:100%}.banner:first-child{margin-top:0}.banner:last-child{margin-bottom:0}.banner__header{margin-bottom:4px;color:var(--color-gray-500);font-size:var(--font-size-beta);line-height:1.4em;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.banner__content{margin:0;background-color:var(--color-gray-1000);color:#000;padding:calc(var(--spacing-unit)*2);padding-left:calc(var(--spacing-unit)*3);overflow-x:auto;max-width:100%;border-left:10px solid var(--color-gray-700)}.banner--warning .banner__header{color:var(--color-black)}.banner--warning .banner__content{border-left:10px solid var(--color-orange)}.banner--error .banner__header{color:var(--color-red)}.banner--error .banner__content{border-left:10px solid var(--color-red)}.banner--important .banner__header{color:var(--color-teal--dark)}.banner--important .banner__content{border-left:10px solid var(--color-teal)}.code-block{margin:var(--documentation-component-spacing) 0}.code-block:first-child{margin-top:0}.code-block:last-child{margin-bottom:0}.code-block__header{font-family:var(--font-family-mono);margin-bottom:4px;color:var(--color-gray-500);font-size:var(--font-size-beta);line-height:1.4em;display:flex;justify-content:space-between}.code-block__title{font-weight:700}.code-block__stage{position:relative}.code-block__copy{font-family:var(--font-family-mono);color:var(--color-gray-500);font-size:var(--font-size-beta);line-height:1.4em;cursor:pointer;opacity:0;-webkit-transition:all .2s .4s;transition:all .2s .4s;position:absolute;right:0;top:calc(-1.4em - 4px)}.code-block:hover .code-block__copy{opacity:1;-webkit-transition:all .4s 0s;transition:all .4s 0s}.code-block__code{background-color:var(--color-gray-1000);color:var(--color-gray-300);border-radius:3px;overflow-y:auto;max-width:100%;font-family:var(--font-family-mono);font-size:.85em;letter-spacing:.03em;line-height:1.8em;font-weight:400}code.code-block__code-content{padding:calc(var(--spacing-unit)*2);height:100%;display:block;background-color:initial;border:none;white-space:pre;font-size:unset;color:inherit}.hljs-comment,.hljs-quote{color:#969896}.hljs-built_in,.hljs-builtin-name,.hljs-deletion,.hljs-link,.hljs-literal,.hljs-meta,.hljs-name,.hljs-number,.hljs-params,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-type,.hljs-variable{color:var(--color-blue)}.hljs-attribute{color:var(--color-yellow)}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:var(--color-orange)}.hljs-section,.hljs-title{color:var(--color-teal)}.hljs-keyword,.hljs-selector-tag{color:var(--color-blue)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.dpa-color-card{width:100%;max-width:calc(var(--spacing-unit)*18);margin:var(--documentation-component-spacing) 0}.dpa-color-card>.color-card{margin:0;max-width:100%}.dpa-color-card>.color-card .color-card__demo{border-radius:0;border-color:transparent}.dpa-color-card>.color-card--is-ultra-light .color-card__demo{border:1px solid rgba(0,0,0,.1)}.dpa-color-card .color-card__name{font-weight:600}.dpa-color-card .color-card__spec{font-size:var(--font-size-gamma);color:var(--color-gray-600);margin-bottom:calc(var(--spacing-unit)*0.5)}.dpa-color-card>.color-card:nth-child(2){margin-top:calc(var(--spacing-unit)*1)}.dpa-color-card>.color-card:nth-child(2) .color-card__demo{height:calc(var(--spacing-unit)*4)}.color-group>.dpa-color-card{margin:0;max-width:100%}.color-card{width:100%;max-width:calc(var(--spacing-unit)*18);margin:var(--documentation-component-spacing) 0;border:none;padding:none;background-color:initial;font-family:inherit;font-size:inherit;letter-spacing:inherit;cursor:pointer;text-align:left}.color-card:active{color:inherit}.color-card:first-child{margin-top:0}.color-card:last-child{margin-bottom:0}.color-card__demo{width:100%;height:calc(var(--spacing-unit)*15);border-radius:3px;margin-bottom:calc(var(--spacing-unit)*0.5);position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.color-card--is-ultra-light .color-card__demo{border:1px solid rgba(0,0,0,.1)}.color-card__demo:before{z-index:2;background-color:inherit}.color-card__demo:after,.color-card__demo:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0}.color-card__demo:after{background-image:url(data:image/png;base64,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);background-size:140px;z-index:0}.color-card__score{z-index:2;padding:calc(var(--spacing-unit)*1);display:flex;justify-content:space-between;font-size:var(--font-size-beta);font-weight:700;line-height:1em;opacity:0;-webkit-transition:all .2s .1s;transition:all .2s .1s;text-align:center}.color-card__score :first-child{color:#fff}.color-card__score :last-child{color:#000}.color-card__copied-indicator{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0;z-index:2;text-align:center;padding:calc(var(--spacing-unit)*1);opacity:0;-webkit-transition:opacity .7s;transition:opacity .7s}.color-card__copied-indicator--is-visible{opacity:1;-webkit-transition:opacity .1s;transition:opacity .1s}.color-card__demo:hover .color-card__score{opacity:1;-webkit-transition:all .3s .4s;transition:all .3s .4s}.color-card__name{font-size:var(--font-size-gamma);line-height:1.4em;font-weight:700}.color-card__id{color:var(--color-gray-700);font-weight:500;opacity:0;-webkit-transition:all .4s .2s;transition:all .4s .2s;display:none}.color-card:hover .color-card__id{opacity:1}.color-card__spec{color:var(--color-gray-600);margin-bottom:calc(var(--spacing-unit)*0.5)}.color-card__comment,.color-card__spec{font-size:var(--font-size-beta);line-height:1.5em}.color-card--is-compact{max-width:calc(var(--spacing-unit)*10)}.color-card--is-compact .color-card__demo{height:calc(var(--spacing-unit)*10)}.color-card--is-compact .color-card__name{font-size:var(--font-size-beta);line-height:1.4em}.color-group{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--spacing-unit)*18),1fr));grid-column-gap:calc(var(--spacing-unit)*4);grid-row-gap:calc(var(--spacing-unit)*4);margin:var(--documentation-component-spacing) 0}.color-group:first-child{margin-top:0}.color-group:last-child{margin-bottom:0}.color-group--is-compact{grid-template-columns:repeat(auto-fill,minmax(calc(var(--spacing-unit)*10),1fr));grid-column-gap:calc(var(--spacing-unit)*2);grid-row-gap:calc(var(--spacing-unit)*2)}.color-group>.color-card{margin:0;max-width:100%}.dodont{width:100%;margin:var(--documentation-component-spacing) 0}.dodont:first-child{margin-top:0}.dodont:last-child{margin-bottom:0}.dodont__card-wrapper{display:grid;grid-template-rows:auto auto;grid-auto-columns:1fr;grid-auto-flow:column;grid-column-gap:calc(var(--spacing-unit)*3)}.dodont-card{height:100%}.dodont-card__demo{height:100%;display:flex;align-items:stretch}.dodont-card__content svg{position:absolute;height:100%;width:100%;z-index:2}.dodont-card__content svg line{stroke:var(--color-red);stroke-width:1px}.dodont-card__caption{border-top:var(--spacing-unit) solid transparent}.dodont-card__caption--do{border-top-color:var(--color-green)}.dodont-card__caption--dont{border-top-color:var(--color-red)}.dodont-card__title{font-size:var(--font-size-beta);font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.2em;margin-top:calc(var(--spacing-unit)*1)}.dodont-card__caption--do .dodont-card__title{color:var(--color-green)}.dodont-card__caption--dont .dodont-card__title{color:var(--color-red)}.figma-embed{margin:var(--documentation-component-spacing) 0}.figma-embed:first-child{margin-top:0}.figma-embed:last-child{margin-bottom:0}.figma-embed img{display:block;max-width:100%}.figma-embed__loader{color:var(--color-gray-500);-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes pulse{0%{color:var(--color-gray-700)}50%{color:var(--color-gray-300)}to{color:var(--color-gray-700)}}@keyframes pulse{0%{color:var(--color-gray-700)}50%{color:var(--color-gray-300)}to{color:var(--color-gray-700)}}.figma-embed__error{border-bottom:2px solid var(--color-red)}.figma-embed__via{font-size:var(--font-size-beta);text-align:right;width:100%;opacity:0;-webkit-transition:all .3s .4s;transition:all .3s .4s;display:block;position:absolute;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.figma-embed:hover .figma-embed__via{opacity:1;-webkit-transition:all .4s 0s;transition:all .4s 0s}.figma-embed__via:focus{opacity:1;-webkit-transition:all 0s;transition:all 0s}.typography-specimen{width:100%;margin:var(--documentation-component-spacing) 0}.typography-specimen:first-child{margin-top:0}.typography-specimen:last-child{margin-bottom:0}.type-sample{display:grid;width:100%;grid-template-areas:"name demo" "spec demo" "comment demo";grid-template-columns:calc(var(--spacing-unit)*24) 1fr;grid-column-gap:calc(var(--spacing-unit)*5);grid-template-rows:auto auto 1fr}.type-sample+.type-sample{padding-top:calc(var(--spacing-unit)*4);border-top:1px dotted var(--color-gray-800);margin-top:calc(var(--spacing-unit)*4)}.type-sample__name{grid-area:name;font-size:var(--font-size-gamma);line-height:1.4em;font-weight:700;margin-bottom:calc(var(--spacing-unit)*0.5)}.type-sample__id{color:var(--color-gray-700);font-weight:500;opacity:0;-webkit-transition:all .4s .2s;transition:all .4s .2s}.type-sample:hover .type-sample__id{opacity:1;-webkit-transition:all .3s 0s;transition:all .3s 0s}.type-sample__comment{grid-area:comment}.type-sample__comment,.type-sample__spec{font-size:var(--font-size-beta);line-height:1.5em}.type-sample__spec{grid-area:spec;color:var(--color-gray-300);margin-bottom:calc(var(--spacing-unit)*1)}.type-sample__demo{grid-area:demo;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;align-self:center}.asciinema{margin:var(--documentation-component-spacing) 0;width:100%}.asciinema:first-child{margin-top:0}.asciinema:last-child{margin-bottom:0}.asciinema iframe{width:100%;border:none;height:calc(var(--spacing-unit)*50)}.glitch{margin:var(--documentation-component-spacing) 0;width:100%}.glitch:first-child{margin-top:0}.glitch:last-child{margin-bottom:0}.glitch iframe{width:100%;border:none;height:calc(var(--spacing-unit)*50)}.faq{margin:var(--documentation-component-spacing) 0;width:100%}.faq:first-child{margin-top:0}.faq:last-child{margin-bottom:0}.faq__question{padding:calc(var(--spacing-unit)*0.5) calc(var(--spacing-unit)*2);font-weight:700;z-index:1;background-color:#fff;background-color:var(--color-black);color:var(--color-white);background-color:var(--highlight-color);margin-bottom:-2px}.faq__content{margin:0;color:#000;padding:calc(var(--spacing-unit)*2);overflow-x:auto;max-width:100%;border:2px solid var(--highlight-color)}.background{margin:var(--documentation-component-spacing) 0;width:100%}.background:first-child{margin-top:0}.background:last-child{margin-bottom:0}.background__question{margin-bottom:4px;margin-left:calc(var(--spacing-unit)*1);padding:0 var(--spacing-unit);font-weight:700;z-index:1;background-color:#fff;display:inline-block}.background__content{margin:-17px 0 0;color:#000;padding:calc(var(--spacing-unit)*2);padding-top:calc(var(--spacing-unit)*2.8);overflow-x:auto;max-width:100%;border:2px solid var(--highlight-color)}.codesandbox{margin:var(--documentation-component-spacing) 0;width:100%}.codesandbox:first-child{margin-top:0}.codesandbox:last-child{margin-bottom:0}.codesandbox iframe{width:100%;border:none;height:calc(var(--spacing-unit)*50);overflow:hidden}.werteinheit{margin:var(--documentation-component-spacing) 0;display:grid;grid-template-areas:"title title" "structure playground";grid-template-columns:auto 4fr;width:100%}.werteinheit:first-child{margin-top:0}.werteinheit:last-child{margin-bottom:0}.werteinheit-title{grid-area:title;background-color:var(--color-orange);padding:calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*2);color:var(--color-white);font-size:var(--font-size-delta)}.werteinheit-heading{color:var(--color-gray-500);font-size:var(--font-size-beta);font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.2em;margin-bottom:calc(var(--spacing-unit)*3)}.werteinheit-structure{grid-area:structure;background-color:var(--color-gray-900);padding:calc(var(--spacing-unit)*2) calc(var(--spacing-unit)*2)}ul.werteinheit-tree{margin-right:calc(var(--spacing-unit)*6);margin-left:calc(var(--spacing-unit)*2)}ul li.werteinheit-tree__node{margin:0;list-style:none}ul li.werteinheit-tree__node--element{margin-top:calc(var(--spacing-unit)*2);margin-bottom:calc(var(--spacing-unit)*2);line-height:1em}ul li.werteinheit-tree__node--element>a{background-color:var(--color-blue);color:#fff;padding:calc(var(--spacing-unit)*0.8) calc(var(--spacing-unit)*0.8);display:inline-block;-webkit-transition:background-color .1s;transition:background-color .1s;text-decoration:none}ul li.werteinheit-tree__node--element.werteinheit-tree__node--is-active>a{background-color:var(--color-orange)}ul li.werteinheit-tree__node--placeholder>a{background-color:var(--color-gray-900);border:2px solid var(--color-blue);color:var(--color-blue);z-index:1}ul li.werteinheit-tree__node--placeholder.werteinheit-tree__node--is-active>a{background-color:var(--color-gray-900)}ul.werteinheit-tree__list--variants{padding-left:calc(var(--spacing-unit)*3)}ul li.werteinheit-tree__node--variant{margin-top:calc(var(--spacing-unit)*1);margin-bottom:calc(var(--spacing-unit)*1)}ul li.werteinheit-tree__node--variant>a{background-color:var(--color-blue);color:#fff;padding:calc(var(--spacing-unit)*0.8) calc(var(--spacing-unit)*0.8);display:inline-block;-webkit-transition:background-color .1s;transition:background-color .1s;text-decoration:none;position:relative}ul li.werteinheit-tree__node--variant.werteinheit-tree__node--is-active>a{background-color:var(--color-orange)}ul li.werteinheit-tree__node--variant:before{bottom:calc(var(--spacing-unit)*-1)}ul li.werteinheit-tree__node--variant:before,ul li.werteinheit-tree__node--variant:last-child:before{content:"";position:absolute;top:calc(var(--spacing-unit)*-1);left:calc(var(--spacing-unit)*-2);border-left:2px solid var(--color-blue)}ul li.werteinheit-tree__node--variant:last-child:before{bottom:auto;height:calc(var(--spacing-unit)*2.6)}ul li.werteinheit-tree__node--variant:after{content:"";position:absolute;top:calc(var(--spacing-unit)*1.6);bottom:calc(var(--spacing-unit)*-1);left:calc(var(--spacing-unit)*-2);width:calc(var(--spacing-unit)*2);border-top:2px solid var(--color-blue)}ul ul.werteinheit-tree__list--states{padding-left:calc(var(--spacing-unit)*1);margin-bottom:calc(var(--spacing-unit)*2)}ul li.werteinheit-tree__node--state{font-size:var(--font-size-alpha);text-transform:uppercase;font-weight:700;letter-spacing:.05em;color:var(--color-gray-500);line-height:1em;margin-top:calc(var(--spacing-unit)*1);margin-bottom:calc(var(--spacing-unit)*1);-webkit-transition:color .1s;transition:color .1s}ul li.werteinheit-tree__node--state.werteinheit-tree__node--is-active{color:#000}ul li.werteinheit-tree__node--state>a{text-decoration:none}.werteinheit-playground{grid-area:playground;background-color:var(--color-gray-1000);padding:calc(var(--spacing-unit)*4) calc(var(--spacing-unit)*6);padding-top:calc(var(--spacing-unit)*8);background-image:url(data:image/png;base64,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);background-size:100px;display:flex;justify-content:center;align-items:top}.werteinheit-playground__heading{position:absolute;top:calc(var(--spacing-unit)*2);left:calc(var(--spacing-unit)*2)}.werteinheit-playground img{max-width:100%}.werteinheit-playground__highlight{position:absolute;border:3px solid var(--color-orange);z-index:2;box-shadow:0 5px 10px 0 rgba(0,0,0,.4);opacity:0;-webkit-transition:all .4s;transition:all .4s}.werteinheit-playground__highlight--is-visible{opacity:1}.tabs{margin:var(--documentation-component-spacing) 0}.tabs:first-child{margin-top:0}.tabs:last-child{margin-bottom:0}.tabs__tab-bar{border-bottom:1px solid var(--color-gray-800)}.tabs__stage{margin-top:calc(var(--spacing-unit)*2)}.tab-bar{display:flex;flex-direction:row;justify-content:space-between}.tab-bar__tab{display:inline-block;height:calc(var(--spacing-unit)*6);padding-top:calc(var(--spacing-unit)*1);line-height:calc(var(--spacing-unit)*5);color:#000;border-bottom:2px solid transparent;-webkit-transition:all .2s;transition:all .2s;text-decoration:none;font-weight:600}.tab-bar__right .tab-bar__tab{font-weight:400}.tab-bar__tab{margin-right:calc(var(--spacing-unit)*3)}.tab-bar__tab:last-child{margin-right:0}.tab-bar__tab:hover:not(.tab-bar__tab--is-active){border-bottom:3px solid var(--color-gray-800);cursor:pointer}.tab-bar__tab--is-active{color:#000;border-bottom:3px solid var(--highlight-color)}.jwt-decoder{margin:var(--documentation-component-spacing) 0;width:100%;display:grid;grid-template-columns:33% 66%;grid-template-rows:-webkit-min-content 33px;grid-template-rows:min-content 33px}.jwt-decoder:first-child{margin-top:0}.jwt-decoder:last-child{margin-bottom:0}.jwt-decoder__input{font:inherit;background-color:var(--color-gray-900);border:none;padding:calc(var(--spacing-unit)*2) calc(var(--spacing-unit)*3);border-top-left-radius:3px;border-bottom-left-radius:3px;font-family:var(--font-family-mono);font-size:.8em;line-height:1.6em;resize:none;grid-row:1/3}.jwt-decoder__input:focus{outline:none}.jwt-decoder .code-block{margin:0}.jwt-decoder .code-block__code{border-top-right-radius:3px;height:620px}.jwt-decoder .code-block__code-content{padding:calc(var(--spacing-unit)*2) calc(var(--spacing-unit)*3)}.jwt-decoder .code-block__code .hljs-string{color:var(--color-blue)}.jwt-decoder .code-block__code .hljs-number{color:var(--color-orange)}.jwt-decoder__validation{border-bottom-right-radius:3px;grid-column:2;grid-row:2;padding:calc(var(--spacing-unit)*0.5) calc(var(--spacing-unit)*3);background-color:var(--color-gray-1000)}.jwt-decoder__validation--is-valid{background-color:var(--color-green);color:#000}.jwt-decoder__validation--is-invalid{background-color:var(--color-red);color:#fff}.meta__key{color:var(--color-gray-500);font-size:var(--font-size-beta);font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.2em;margin-bottom:4px}.asset-list__asset+.asset-list__asset{padding-top:calc(var(--spacing-unit)*7);border-top:1px dotted var(--color-gray-800);margin-top:calc(var(--spacing-unit)*7)}.asset-list__asset-image{max-width:calc(var(--spacing-unit)*75);margin-bottom:calc(var(--spacing-unit)*2)}.asset-list__asset-meta{display:grid;grid-auto-flow:column;grid-column-gap:calc(var(--spacing-unit)*4);grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content}.asset-list__asset-download:before{display:inline-block;margin-right:.2em;margin-left:-1.1em;content:"↓ ";font-weight:700;text-decoration:none;color:var(--color-gray-800);-webkit-transition:color .3s;transition:color .3s}.asset-list__asset-download:hover:before{color:var(--color-blue)}.node-list__node{display:block;text-decoration:none}.node-list__node+.node-list__node{padding-top:calc(var(--spacing-unit)*5);border-top:1px dotted var(--color-gray-800);margin-top:calc(var(--spacing-unit)*5)}h2.node-list__node-title{margin-bottom:calc(var(--spacing-unit)*0.5)}.node-list__node-tags ul,.node-list__node-tags ul li{margin:0}.node-list__node-description{margin-top:calc(var(--spacing-unit)*2);max-width:calc(var(--spacing-unit)*75)}.node-list__node-children-count{color:var(--color-gray-700);-webkit-transition:all .4s .2s;transition:all .4s .2s;opacity:1}.node-list__cta{color:var(--color-gray-500);text-decoration:underline}.node-list__cta:after{display:inline-block;content:"›";text-decoration:none;margin-left:.3em}.error-page{min-height:100vh;display:flex;flex-direction:column;align-items:stretch}.error-page__content{width:100%;max-width:calc(var(--spacing-unit)*140);padding:0 calc(var(--spacing-unit)*8);padding-top:calc(var(--spacing-unit)*9);margin:0 auto}.error-page__error-message{color:var(--color-gray-500);font-family:var(--font-family-sans);font-size:var(--font-size-zeta);line-height:1.2em;font-weight:400}@media screen and (max-width:600px){.error-page__content{padding:0 calc(var(--spacing-unit)*3);padding-top:calc(var(--spacing-unit)*9)}}.search{background-color:initial;height:100vh;-webkit-transition:background-color .3s;transition:background-color .3s}.search--is-focused{background-color:rgba(0,0,0,.7);pointer-events:all}.search__content-container{max-width:100%;padding:0 calc(var(--spacing-unit)*10);margin:0 auto;width:100%;display:flex;align-items:flex-end;justify-content:flex-end;-webkit-transition:all .3s;transition:all .3s}.search--is-focused .search__content-container{max-width:calc(var(--spacing-unit)*140)}.search__content{z-index:3;width:100%;max-width:calc(var(--spacing-unit)*33);padding-top:calc(var(--spacing-unit)*2);-webkit-transition:all .3s;transition:all .3s}.search--is-focused .search__content{max-width:100%;padding-top:10vh}.search input{pointer-events:all;z-index:3;width:100%;padding:calc(var(--spacing-unit)*0.9) calc(var(--spacing-unit)*1);border:none;background-color:#fff;font-family:var(--font-family-sans);font-size:var(--font-size-gamma);color:var(--color-black);border:1px solid var(--color-gray-800);box-shadow:0 5px 10px -5px rgba(0,0,0,.2);-webkit-appearance:none;-webkit-transition:all .3s;transition:all .3s}.search.search--is-focused input{border-color:var(--highlight-color);border-width:3px;box-shadow:0 10px 20px -5px rgba(0,0,0,.5);padding:calc(var(--spacing-unit)*2) calc(var(--spacing-unit)*2)}.search.search--is-focused input:focus{outline:none}.search__results-container{height:0;overflow:hidden;-webkit-transition:all .3s;transition:all .3s;position:relative;-webkit-transform:translateY(calc(var(--spacing-unit)*-2));transform:translateY(calc(var(--spacing-unit)*-2));background-color:#fff;box-shadow:0 5px 10px -5px rgba(0,0,0,.2);z-index:1;border:1px solid var(--color-gray-800);opacity:0}.search__results-container--is-visible{height:calc(var(--spacing-unit)*2 + 70vh);opacity:1;width:100%}.search__results{position:absolute;bottom:0;left:0;right:0;height:70vh;overflow-y:auto;z-index:2;pointer-events:all;padding:calc(var(--spacing-unit)*4) calc(var(--spacing-unit)*8);-webkit-overflow-scrolling:touch}.search-result{padding-bottom:calc(var(--spacing-unit)*4);padding-top:calc(var(--spacing-unit)*4);text-decoration:none;color:inherit;display:block;cursor:pointer}.search-result+.search-result{border-top:1px solid var(--color-gray-900)}.search-result:before{content:"";position:absolute;left:calc(var(--spacing-unit)*-3);top:calc(var(--spacing-unit)*4);bottom:calc(var(--spacing-unit)*4);width:2px;background-color:initial;border-radius:0;-webkit-transition:background-color .2s;transition:background-color .2s}.search-result--is-focused:before{background-color:var(--highlight-color)}.search-result:not(.search-result--is-focused):hover:before{background-color:var(--color-gray-800)}.search-result__title{font-weight:700}.search-result__snippet{color:var(--color-gray-300);max-width:calc(var(--spacing-unit)*75);margin-top:calc(var(--spacing-unit)*1)}.search-result__snippet mark{color:#000;background-color:var(--color-yellow--light);display:inline-block;padding:0 .3em;border-radius:3px}.search-result__path{color:var(--color-gray-600);font-size:var(--font-size-beta);line-height:1.2em;margin-top:calc(var(--spacing-unit)*1)}.search__no-dice{font-size:var(--font-size-delta);color:var(--color-gray-600);padding:calc(var(--spacing-unit)*4) 0}@media screen and (max-width:900px){.search{padding-left:0;display:none}.search--is-focused .search__content-container{max-width:100%}.search__content-container{padding:0 calc(var(--spacing-unit)*3)}.search__content{max-width:100%}.search--is-focused .search__content{padding-top:calc(var(--spacing-unit)*2)}.search__results{padding:calc(var(--spacing-unit)*1) calc(var(--spacing-unit)*3)}.search-result:before{display:none}}.tree-navigation{background-color:#212121;color:var(--color-black);height:100%;overflow-y:auto;padding:calc(var(--spacing-unit)*4) calc(var(--spacing-unit)*3);display:flex;flex-direction:column;align-items:stretch;-webkit-overflow-scrolling:touch}.app--theme-designer .tree-navigation,.app--theme-developer .tree-navigation{background-color:var(--color-developer-black);color:var(--color-white)}.tree-navigation__tree{flex-grow:1}.tree-navigation__empty{color:var(--color-gray-500)}.tree-navigation__filter{z-index:2;position:-webkit-sticky;position:sticky;bottom:0;left:0;right:0}.tree-navigation__filter input{width:100%;padding:calc(var(--spacing-unit)*0.9) calc(var(--spacing-unit)*1);border:none;background-color:#fff;font-family:var(--font-family-sans);font-size:var(--font-size-gamma);color:var(--color-black);border:1px solid var(--color-gray-800);box-shadow:0 5px 10px -5px rgba(0,0,0,.2);-webkit-appearance:none;-webkit-transition:all .3s;transition:all .3s}.tree-navigation__filter input:focus{border-color:var(--color-blue);box-shadow:0 10px 20px -5px rgba(0,0,0,.5)}.tree-navigation__tree ul{margin-left:3rem;list-style:none}.tree-navigation__tree ul li a{text-decoration:none;-webkit-transition:color .3s;transition:color .3s;width:100%;display:inline-block;line-height:1.6em;padding-bottom:calc(var(--spacing-unit)*0.4);color:#b7b7b7}.tree-navigation__tree ul li a.active,.tree-navigation__tree ul li a:hover{color:var(--color-white)}.tree-navigation__tree>ul{margin-left:0}.tree-navigation__tree>ul>li{margin-bottom:calc(var(--spacing-unit)*2);font-weight:700}.tree-navigation__tree>ul>li>a{color:#fff}.tree-navigation__tree>ul>li>ul{margin-left:1.2em}.tree-navigation__tree ul ul li{font-weight:400}.tree-navigation__tree ul ul li:before,.tree-navigation__tree ul ul li a:before{display:inline-block;width:1em;position:absolute;top:0;left:-1.3em;text-align:right}.tree-navigation__tree ul ul li:before{content:"—";color:var(--color-gray-500);visibility:visible}.tree-navigation__tree ul ul li.is-active:before,.tree-navigation__tree ul ul li:hover:before{visibility:hidden}.tree-navigation__tree ul ul li a:before{content:"→";visibility:hidden}.tree-navigation__tree ul ul li.is-active>a:before,.tree-navigation__tree ul ul li:hover>a:before{visibility:visible}.landing-page{min-height:100vh;display:flex;flex-direction:column;align-items:stretch;color:#000}.landing-page__docs{width:100%;max-width:calc(var(--spacing-unit)*140);padding:calc(var(--spacing-unit)*10) calc(var(--spacing-unit)*8);margin:0 auto;flex-grow:1}.landing-page__kicker{font-size:var(--font-size-delta);line-height:1.1em;margin-bottom:calc(var(--spacing-unit)*1);color:var(--color-gray-500)}.landing-page__title{font-size:calc(var(--font-size-zeta)*2);letter-spacing:-.04em;line-height:1.05em;margin-bottom:calc(var(--spacing-unit)*8);font-weight:600}.landing-page__description{font-size:var(--font-size-epsilon);line-height:1.45em;margin-bottom:calc(var(--spacing-unit)*18)}.landing-page__additional{font-size:var(--font-size-delta);font-weight:600;line-height:1.45em;margin-bottom:calc(var(--spacing-unit)*2);color:var(--color-gray-500)}.landing-page__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--spacing-unit)*40),1fr));grid-row-gap:calc(var(--spacing-unit)*4);row-gap:calc(var(--spacing-unit)*4);grid-column-gap:calc(var(--spacing-unit)*4);-webkit-column-gap:calc(var(--spacing-unit)*4);-moz-column-gap:calc(var(--spacing-unit)*4);column-gap:calc(var(--spacing-unit)*4)}.landing-page-card{display:block;text-decoration:none;background-color:#fff;background-color:var(--color-black);color:var(--color-white);border-radius:8px;overflow:hidden}.landing-page-card__title{padding:calc(var(--spacing-unit)*2) calc(var(--spacing-unit)*3);font-size:var(--font-size-delta);line-height:1.3em}.landing-page-card__content{padding:calc(var(--spacing-unit)*3) calc(var(--spacing-unit)*3)}.landing-page-card__url{margin-top:calc(var(--spacing-unit)*2);font-family:var(--font-family-mono);font-size:.9em;display:inline-block;border-bottom:1px solid #000}.landing-page-card--design-docs .landing-page-card__title{background-color:var(--color-orange);color:#fff}.landing-page-card--design-docs .landing-page-card__url{border-bottom-color:var(--color-orange)}.landing-page-card--dev-docs .landing-page-card__title{background-color:var(--color-blue);color:#000}.landing-page-card--dev-docs .landing-page-card__url{border-bottom-color:var(--color-blue)}.landing-page-card--design-kit .landing-page-card__title{background-color:var(--color-green);color:#000}.landing-page-card--design-kit .landing-page-card__url{border-bottom-color:var(--color-green)}@media screen and (max-width:900px){.landing-page__docs{padding:0 calc(var(--spacing-unit)*3);margin-top:calc(var(--spacing-unit)*6);margin-bottom:calc(var(--spacing-unit)*8)}.landing-page__kicker{font-size:var(--font-size-gamma)}.landing-page__title{font-size:calc(var(--font-size-zeta)*1);letter-spacing:-.04em;line-height:1.05em}.landing-page__description{margin-bottom:calc(var(--spacing-unit)*10)}.landing-page__cards{grid-template-columns:1fr;grid-row-gap:calc(var(--spacing-unit)*2);row-gap:calc(var(--spacing-unit)*2);grid-column-gap:calc(var(--spacing-unit)*2);-webkit-column-gap:calc(var(--spacing-unit)*2);-moz-column-gap:calc(var(--spacing-unit)*2);column-gap:calc(var(--spacing-unit)*2)}}
/*# sourceMappingURL=main.40f6e3bf.chunk.css.map */