[hidden]{display:none}body{display:-ms-grid;display:grid;grid-template-areas:"header header" "nav mainContent" "footer footer";-ms-grid-rows:100px 1fr 1fr;grid-template-rows:1fr 1fr 1fr;-ms-grid-columns:15rem 1fr;grid-template-columns:15rem 1fr;height:1vh;padding:0;margin:0}body > header{-ms-grid-column:1;-ms-grid-column-span:2;-ms-grid-row:1;grid-column:1/3;grid-row:1;grid-area:header;grid-column-end:span 2}body > nav{-ms-grid-column:1;-ms-grid-column-span:1;-ms-grid-row:4;grid-column:1/2;grid-row:2;grid-area:nav}body > #main{-ms-grid-column:2;-ms-grid-row:4;grid-column:2;grid-row:2;grid-area:mainContent}body > footer{-ms-grid-column:1;-ms-grid-column-span:2;-ms-grid-row:5;grid-column:1/3;grid-row:5;grid-area:footer;grid-column-end:span 2}@media only screen and (max-width:600px){body{grid-template-areas:"header" "nav" "mainContent" "footer";grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr}body > nav{border-bottom:1px solid #f5f5f5;border-right:0}body > #main{border-left:0}}body > header,body > nav,body > #main,body > footer{padding:2rem}body > header{border-bottom:1px solid #f5f5f5}body > header h1{margin:0}body > header .inline-svg{display:inline-block;height:2.1875rem;margin-right:1rem;position:relative;width:6rem}body > header .inline-svg svg{display:inline-block;height:2.7rem;left:0;position:absolute;top:0}@media only screen and (max-width:600px){body > header .inline-svg{display:block;margin-bottom:1rem}}body > nav{background-color:#fff;border-right:1px solid #f5f5f5;padding:2rem 0}body > nav h2:first-child{margin-top:0}body > nav h3 > a,body > nav h3 > a:active,body > nav h3 > a:visited{color:inherit;text-decoration:none}body > nav h3 > a:hover,body > nav h3 > a:active:hover,body > nav h3 > a:visited:hover{text-decoration:underline}body > nav .fixed-nav{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;height:100%;overflow-y:scroll;padding:0 2rem;width:15rem}body > nav .fixed-nav.fixed{position:fixed;top:0}body > nav .fixed-nav ul{list-style:none;margin:0;padding:0}body > nav .fixed-nav li{padding-bottom:0.5rem}body > nav .fixed-nav a,body > nav .fixed-nav a:active,body > nav .fixed-nav a:visited{color:#3665f3;text-decoration:none}body > nav .fixed-nav a:hover{text-decoration:underline}body > #main > div:first-child h2{margin-top:0}body > #main > main{max-width:calc(100vw - 19rem)}@media only screen and (max-width:600px){body > #main > main{max-width:calc(100vw - 4rem)}}body > footer{border-top:1px solid #f5f5f5}body > header > h1{font-size:2.25rem;font-weight:700;line-height:46px}body > header > h1 .heading1__info{font-size:1.5rem;line-height:32px}body > nav > div > h2,#main > main > div > h2{font-size:1.5rem;line-height:32px;font-weight:700;padding-top:1rem}#main > main > div > h3{font-size:1rem;line-height:24px;font-weight:700}#intro ul{-webkit-column-count:2;-moz-column-count:2;column-count:2;list-style-type:none;margin:0;padding:0}#intro h3{margin-top:0}#skin-graphic{display:block;margin:48px auto 64px auto;max-width:738px;width:100%}@media only screen and (max-width:600px){#skin-graphic{margin:32px auto 48px auto}}.demo{background-color:#fff;border:1px solid #f5f5f5}.demo__inner{margin:0.5rem}.demo__inner > p:first-child,.demo__inner > p:only-child{margin-top:0}.demo__inner > p:last-child,.demo__inner > p:only-child{margin-bottom:0}.demo--tiles{-webkit-box-align:start;align-items:flex-start;display:-webkit-box;display:flex;flex-wrap:wrap}.demo__tile{margin:8px;width:180px}.demo__tile .highlight{color:#a2a2a2;background:none;display:block;font-size:12px}.demo-links{list-style:none;margin:0;padding:0}.demo-links li{display:inline}.demo-links li:not(:first-child){margin-left:8px}.demo-typography,.demo-colors{list-style:none;margin:0;padding:0}.demo-typography li,.demo-colors li{margin:1rem 0}.demo-colors li::before{content:'';display:inline-block;height:1.25rem;margin-right:1rem;vertical-align:middle;width:10rem}@media only screen and (max-width:600px){.demo-colors li::before{display:block;margin-bottom:0.25rem;width:100%}}.demo-colors__info{color:#a2a2a2;margin-left:1rem}@media only screen and (max-width:600px){.demo-colors__info{display:block;margin-left:0}}.demo-color-white::before{background-color:#fff;outline:1px solid #a2a2a2}.demo-color-grey1::before{background-color:#f5f5f5;outline:1px solid #a2a2a2}.demo-color-grey2::before{background-color:#e5e5e5;outline:1px solid #a2a2a2}.demo-color-grey3::before{background-color:#c7c7c7}.demo-color-grey4::before{background-color:#a2a2a2}.demo-color-grey5::before{background-color:#767676}.demo-color-grey6::before{background-color:#41413f}.demo-color-black::before{background-color:#111820}.demo-color-b1::before{background-color:#c5e5fb}.demo-cta-b2,.demo-color-b2::before{background-color:#93c9ff}.demo-color-b3::before{background-color:#659eff}.demo-color-b4::before{background-color:#3665f3}.demo-color-b5::before{background-color:#382aef}.demo-color-b6::before{background-color:#2b0eaf}.demo-color-b7::before{background-color:#121258}.demo-color-r1::before{background-color:#ffd1dd}.demo-cta-r2,.demo-color-r2::before{background-color:#ffa2b6}.demo-color-r3::before{background-color:#ff6383}.demo-color-r4::before{background-color:#e62048}.demo-color-r5::before{background-color:#c4003a}.demo-color-r6::before{background-color:#a00739}.demo-color-r7::before{background-color:#680226}.demo-color-y1::before{background-color:#fcf2bd}.demo-color-y2::before{background-color:#f7e376}.demo-color-y3::before{background-color:#fbcd25}.demo-color-y4::before{background-color:#f7b100}.demo-color-y5::before{background-color:#e58c02}.demo-color-y6::before{background-color:#aa5404}.demo-color-y7::before{background-color:#592e13}.demo-color-g1::before{background-color:#ccfdce}.demo-color-g2::before{background-color:#9ef4a6}.demo-color-g3::before{background-color:#5ee471}.demo-color-g4::before{background-color:#3ac952}.demo-color-g5::before{background-color:#119c4b}.demo-color-g6::before{background-color:#157a40}.demo-color-g7::before{background-color:#064d2f}.demo-color-o1::before{background-color:#ffdec7}.demo-color-o2::before{background-color:#feb786}.demo-color-o3::before{background-color:#ff8559}.demo-color-o4::before{background-color:#ff6932}.demo-color-o5::before{background-color:#db3c07}.demo-color-o6::before{background-color:#b03005}.demo-color-o7::before{background-color:#5c1b05}.demo-color-m1::before{background-color:#fad8f0}.demo-color-m2::before{background-color:#f5a0d9}.demo-color-m3::before{background-color:#ea5fbc}.demo-color-m4::before{background-color:#d11da4}.demo-color-m5::before{background-color:#a60d8a}.demo-color-m6::before{background-color:#82187c}.demo-color-m7::before{background-color:#500750}.demo-color-t1::before{background-color:#c2f2ef}.demo-color-t2::before{background-color:#71e3e2}.demo-color-t3::before{background-color:#1dcbca}.demo-color-t4::before{background-color:#02a2ac}.demo-color-t5::before{background-color:#01718f}.demo-color-t6::before{background-color:#0e4a6c}.demo-color-t7::before{background-color:#00364f}.demo-color-l1::before{background-color:#f4fabe}.demo-color-l2::before{background-color:#e9f577}.demo-color-l3::before{background-color:#c9e43b}.demo-color-l4::before{background-color:#accf02}.demo-color-l5::before{background-color:#86b300}.demo-color-l6::before{background-color:#4b7d06}.demo-color-l7::before{background-color:#364f03}.demo-color-text-default::before{background-color:#111820}.demo-color-text-secondary::before{background-color:#111820}.demo-color-link-default::before{background-color:#3665f3}.demo-color-link-visited::before{background-color:#82187c}.demo-color-information-background::before{background-color:#c5e5fb}.demo-color-badge::before{background-color:#f7b100}.demo-color-star::before{background-color:#f7b100}.demo-color-warning-background::before{background-color:#fcf2bd}.demo-color-confirmation-text::before{background-color:#157a40}.demo-color-confirmation-background::before{background-color:#ccfdce}.demo-color-critical-text::before{background-color:#e62048}.demo-color-critical-background::before{background-color:#ffd1dd}.demo-color-background-default::before{background-color:#fff;outline:1px solid #a2a2a2}.demo-cta-purple{background-color:#beb2e9}.demo-font-family-default{font-family:Arial,sans-serif}.demo-link-default:visited{color:#3665f3}.demo-link-visited{color:#82187c}.highlight{background-color:#eee;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace}figure.highlight{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;width:100%}figure.highlight pre{font-family:monospace,monospace;font-size:1em;margin:0;padding:8px 8px 0}figure.highlight code{white-space:pre-wrap}.highlight .hll{background-color:#ffc}.highlight .c{color:#999}.highlight .err{color:#a00;background-color:#faa}.highlight .k{color:#069}.highlight .o{color:#555}.highlight .cm{color:#09f;font-style:italic}.highlight .cp{color:#099}.highlight .c1{color:#999}.highlight .cs{color:#999}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:#f00}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gu{color:#030}.highlight .gt{color:#9c6}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#f60}.highlight .s{color:#d44950}.highlight .na{color:#4f9fcf}.highlight .nb{color:#366}.highlight .nc{color:#0a8}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999}.highlight .ne{color:#c00}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .ow{color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{color:#c30;font-style:italic}.highlight .s2{color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .il{color:#f60}.css .o,.css .o + .nt,.css .nt + .nt{color:#999}.highlight .s{word-break:break-all;word-wrap:break-word}.module-list li,.module-toc li{background-color:#eee;margin-bottom:4px}.module-list a,.module-toc a{text-decoration:none}.cols{-webkit-box-sizing:border-box;box-sizing:border-box;column-count:2;-moz-column-count:2;-webkit-column-count:2;font-size:12px;list-style-type:none;margin:0;padding:0}.cols li{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;padding:8px;width:100%}.icon-btn{background-color:transparent;border:0 none;font-size:16px;padding:7px 6px;vertical-align:middle}.margin-left-8{margin-left:8px}.margin-left-15{margin-left:15px}.table-stripe{border-collapse:collapse;text-align:left;width:100%}.table-stripe thead{background-color:#fff;border-bottom:1px solid #eee;font-weight:bold}.table-stripe td,.table-stripe th{padding:8px}.table-stripe tbody tr:nth-child(2n-1){background-color:#f7f7f7}.table-stripe tbody td:nth-child(2n - 1){font-family:Courier,monospace;min-width:90px}span.icon{background-repeat:no-repeat;background-size:contain;display:inline-block;vertical-align:middle}span.icon--information{background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJpY29uLWluZm8iIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzExMTgyMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxMkMwIDUuMzczIDUuMzczIDAgMTIgMGM2LjYyNS4wMDYgMTEuOTk0IDUuMzc1IDEyIDEyIDAgNi42MjctNS4zNzMgMTItMTIgMTJTMCAxOC42MjcgMCAxMnptMiAwYzAgNS41MjMgNC40NzcgMTAgMTAgMTAgNS41Mi0uMDA2IDkuOTk0LTQuNDggMTAtMTAgMC01LjUyMy00LjQ3Ny0xMC0xMC0xMFMyIDYuNDc3IDIgMTJ6bTEwLTJhMSAxIDAgMCAxIDEgMXY2YTEgMSAwIDAgMS0yIDB2LTZhMSAxIDAgMCAxIDEtMXptMS0zYTEgMSAwIDEgMS0yIDAgMSAxIDAgMCAxIDIgMHoiLz48L3N2Zz4=');height:24px;width:24px}.section-footer{font-size:0.75rem;line-height:18px;color:#a2a2a2;margin-top:1rem}.demo-filmstrip__card{background:#c5e5fb;color:#111820;font-size:24px;font-weight:bold;height:120px;line-height:120px;margin-right:16px;text-align:center;width:250px}.demo-filmstrip__card:last-child{margin-right:0}.demo-slideshow__card{background:#c5e5fb;color:#111820;font-size:36px;font-weight:bold;height:300px;line-height:300px;text-align:center;width:100%}@media (min-width:601px){.cols{column-count:3;-moz-column-count:3;-webkit-column-count:3}.tooltip__left-bottom{top:-106px}}


