@charset "UTF-8";.styleguide-h1,.styleguide-richtext h1{font-size:70px;line-height:1;margin:50px 0 .5em}@media (max-width:600px){.styleguide-h1,.styleguide-richtext h1{font-size:50px}}.styleguide-h2,.styleguide-richtext h2{color:#000;font-size:30px;font-weight:700;margin:1.5em 0 .25em}.styleguide-h3,.styleguide-richtext h3{font-size:20px;font-weight:700;margin:1em 0 .5em}.styleguide-layout-sample{background-color:#f0f0f0}.styleguide-intro{font-family:Georgia,serif;font-size:30px;font-style:italic;line-height:1.3;margin-bottom:.5em;margin-top:-3ex}@media (max-width:600px){.styleguide-intro{font-size:30px;margin-top:-1ex}}.styleguide-notes{list-style-image:none;list-style-type:none;margin:1ex 0 4em;padding:0}.styleguide-notes>li{clear:left;margin:0;padding:3px 0}.styleguide-notes>li>strong{float:left;margin-bottom:1px;margin-right:1em;width:6em}.styleguide-notes a{text-decoration:underline;-webkit-text-decoration:underline solid #0000004d;text-decoration:underline solid #0000004d}[data-styleguide-status]{background:#eee;border-radius:3px;color:#333;display:inline-block;font-size:80%;font-weight:700;line-height:1;padding:5px 7px 5px 5px;text-transform:uppercase}[data-styleguide-status]:before{margin-right:.6ex}[data-styleguide-status=ready_for_impl_]{color:#686868}[data-styleguide-status=ready_for_impl_]:before{content:"✌🏿 "}[data-styleguide-status=in_progress]{color:#a18400}[data-styleguide-status=in_progress]:before{content:"💪 "}[data-styleguide-status=failed]{color:#8b0000}[data-styleguide-status=failed]:before{content:"❗️ "}[data-styleguide-status=review]{color:#4a8b00}[data-styleguide-status=review]:before{content:"♻️ "}[data-styleguide-status=closed]{color:#4a8b00}[data-styleguide-status=closed]:before{content:"✅ "}.styleguide-content>p{margin-bottom:1ex;margin-top:1ex}.styleguide-release_note p{margin-bottom:0}.styleguide-release_note small{display:block}.styleguide-layout-sample{background-color:#ffffffe6;border:1px solid #000;padding:3px 5px}.styleguide-richtext code{background:#fff;color:#333;font:80%/1.4 Monaco,Courier;padding:1px 3px}.styleguide-richtext pre>code{display:block;padding:1em}.styleguide-richtext em,.styleguide-richtext strong{font-weight:700}.styleguide-richtext p,.styleguide-richtext pre{margin:1em 0}.styleguide-richtext ol,.styleguide-richtext ul{margin:2em 0}.styleguide-richtext ol>li,.styleguide-richtext ul>li{display:list-item;list-style:disc;margin-left:2em}.styleguide-richtext ol>li{display:list-item;list-style:inside}.styleguide-richtext a{text-decoration:underline;text-underline-offset:4px}.styleguide-richtext a:not(:hover){color:#0e4194}.Styleguide--nav{position:relative}.styleguide_nav{background:#f2f2f2;border:1px solid #f2f2f2}.styleguide_nav .Styleguide_nav--modules{box-sizing:border-box;height:0;overflow:hidden;transition:all .2s;visibility:hidden}.styleguide_nav li{display:block;margin:6px 0}.styleguide_nav a{line-height:1.2;text-decoration:none}.styleguide_nav .Styleguide_nav--category{font-weight:700}.styleguide_nav .Styleguide_nav--group{border-bottom:1px solid #0000001a;margin:0;padding:5px 12px}.styleguide_nav .Styleguide_nav--group:last-child{border-bottom:0}.Styleguide_nav--category{cursor:pointer;font-weight:700;position:relative}.Styleguide_nav--category>button{height:100%;left:0;position:absolute;text-align:left;text-indent:-9999px;width:100%}.Styleguide_nav--module>a{display:inline-block;padding:1px 2px}.Styleguide_nav--group.is-active>.Styleguide_nav--modules,.styleguide_nav.is-filtered .Styleguide_nav--modules{height:auto;margin-bottom:1em;padding-left:18px;visibility:visible}.Styleguide_nav--module.is-active>a{background:#000;color:#fff;font-weight:700}.Styleguide_nav--filter{box-sizing:border-box;font-size:18px;margin-bottom:20px;width:100%}.Styleguide_nav--back{display:block;margin-bottom:20px}.Styleguide_nav--back:before{content:"← "}.Styleguide_nav--toggle{background:#f0f0f0;color:#0000;display:block;float:right;height:34px;letter-spacing:-1ex;position:relative;text-indent:-9999px;width:34px}.Styleguide_nav--toggle:before{border-color:#000;border-style:solid none;border-width:2px;height:14px;top:calc(50% - 7px);transition:border-width .15s,height .15s,transform .15s,top .15s}.Styleguide_nav--toggle:after,.Styleguide_nav--toggle:before{content:"";display:block;left:calc(50% - 8px);position:absolute;width:16px}.Styleguide_nav--toggle:after{background:#000;height:2px;top:calc(50% - 1px);transition:transform .15s}.Styleguide_nav--toggle:hover:after{transform:scale(.75) translateY(-5px) rotate(45deg);transition:transform .15s}.Styleguide_nav--toggle:hover:before{border-width:1px;height:0;top:calc(50% - 1px);transform:scale(.75) translateY(5px) rotate(-45deg);transition:transform .15s}.Styleguide_grid--nav:not(.collapsed) .Styleguide_nav--toggle:after{transform:rotate(-45deg);transition:transform .15s}.Styleguide_grid--nav:not(.collapsed) .Styleguide_nav--toggle:before{border-width:1px;height:0;top:calc(50% - 1px);transform:rotate(45deg);transition:transform .15s}.Styleguide_grid--nav:not(.collapsed) .Styleguide_nav--toggle:hover:after{transform:scale(.75) translateY(-5px) rotate(-45deg);transition:transform .15s}.Styleguide_grid--nav:not(.collapsed) .Styleguide_nav--toggle:hover:before{transform:scale(.75) translateY(5px) rotate(45deg);transition:transform .15s}.styleguide_header{align-items:flex-end;background-color:#e40421;border-bottom:1px solid #00000080;color:#fff;display:flex;margin-bottom:20px;padding:20px 40px}@media (max-width:600px){.styleguide_header{padding-left:20px;padding-right:20px}}.Styleguide_header--title{font-size:120%;font-weight:700;margin-right:auto}.Styleguide_header--title>img{height:1.8em;margin:-.5em .5ex -.5em 0;vertical-align:initial}.Styleguide_header--nav a{margin-right:1em}.Styleguide_header--nav a:last-child{margin-right:0}.Styleguide_header--nav a.is-active{font-weight:700}.styleguide-example{background-color:#fff;border:5px solid #f2f2f2;box-shadow:inset 0 0 0 20px #fafafa;clear:both;margin-top:20px;min-height:20px;padding:20px;position:relative}.styleguide-code{background:#f2f2f2;border:10px solid #f2f2f2;border-top:0;box-sizing:border-box;font-size:14px;max-height:40em;min-height:0;overflow:hidden;padding:10px;transition:all .29s ease-in-out;white-space:pre}.styleguide-code>*{flex:1;min-width:0}.styleguide-code.alone{border:0;max-height:10em;overflow:auto;padding:0}.styleguide-code.alone>pre{margin:0;padding:10px 20px}.styleguide-code.auto-height{max-height:none}.styleguide-code .json-formatter-value{display:none}.styleguide-code .CodeMirror{background:#f2f2f2;height:auto}.styleguide-code .CodeMirror-scroll{max-height:400px}.styleguide-code .CodeMirror-focused .CodeMirror-selected{background:#b2d8e7}.styleguide-code .cm-highlightPatterns{background:#ffcc0080}.styleguide-code.is-new{padding-bottom:0;padding-top:0}.styleguide-example_section{margin:2em 0}.styleguide-codebutton{text-align:right}.styleguide-codebutton.no-margin{margin:0}.styleguide-codebutton>a,.styleguide-codebutton>button{color:#777;font-size:75%;margin-top:10px}.styleguide-codebutton>a+button:before{content:" | "}.styleguide_category_intro{margin-bottom:120px}.styleguide_category_intro li>a>.styleguide-id{font-size:12px}.styleguide_category_intro li>[data-styleguide-status]{background:none;float:left;font-size:12px;margin-right:1ex;margin-top:1.5ex;padding:0;position:relative}.styleguide_category_intro li>[data-styleguide-status]>span{display:none}.styleguide_category_intro li>[data-styleguide-status]:hover>span{background:#000;bottom:0;color:#fff;display:block;padding:5px;position:absolute;right:22px;white-space:nowrap}.Styleguide_category_intro--graphic{background:#e40421;color:#e40421;display:block;height:0;margin-bottom:1em;margin-top:1em;padding-top:100%;position:relative}.Styleguide_category_intro--graphic>svg{left:50%;max-width:120px;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%}.Styleguide_category_intro--filter{display:block;font-size:inherit;margin-bottom:1em;margin-top:1em;width:100%}.styleguide_category_intro_container{margin-left:auto;margin-right:auto;max-width:1280px}.styleguide_category_intro_container:after{clear:both;content:"";display:table}.styleguide_category_intro_container>.styleguide_category_intro{float:left;margin-right:16px;width:calc(25% - 12px)}@media (max-width:600px){.styleguide_category_intro_container>.styleguide_category_intro{margin-right:16px;width:calc(50% - 8px)}.styleguide_category_intro_container>.styleguide_category_intro:nth-child(2n){margin-right:0}}.styleguide_category_intro_container>.styleguide_category_intro:last-child{margin-right:0}.styleguide_category_intro_container>.styleguide_category_intro .js-styleguide-element>a:not(:focus)>.jira{border:1px solid #adff2f;color:green;font-size:80%;margin-left:5px;padding:2px;position:absolute;vertical-align:middle}.styleguide_category_intro_container>.styleguide_category_intro .js-styleguide-element>a:not(:focus)>.jira[hidden=until-found]{border-color:#0000;content-visibility:visible;opacity:.25}.styleguide-richtext .styleguide_category_intro_container h2,.styleguide_category_intro_container .styleguide-h2,.styleguide_category_intro_container .styleguide-richtext h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styleguide,.styleguide_grid{margin:0 40px}.styleguide_grid:after,.styleguide_grid:before{content:"";display:table}.styleguide_grid:after{clear:both}.Styleguide_grid--nav{float:left;padding-right:40px;position:relative;width:18em;z-index:100}.Styleguide_grid--nav .Styleguide_nav--toggle{margin-left:20px;transition:margin .2s ease-out}.Styleguide_grid--nav .Styleguide_nav--back{display:inline-block;transition:margin-left .2s ease-out}.Styleguide_grid--nav.collapsed{padding:0;white-space:nowrap;width:0}.Styleguide_grid--nav.collapsed .Styleguide--nav>*{display:none}.Styleguide_grid--nav.collapsed .Styleguide_nav--back,.Styleguide_grid--nav.collapsed .Styleguide_nav--toggle{display:block;white-space:nowrap}.Styleguide_grid--nav.collapsed .Styleguide_nav--toggle{display:inline-block;float:none;margin-left:0;margin-right:10px}.Styleguide_grid--nav.collapsed .Styleguide_nav--back{display:inline-block;margin-left:10px}.Styleguide_grid--nav.collapsed+.Styleguide_grid--content{margin-left:0}.Styleguide_grid--nav.collapsed+.Styleguide_grid--content>.styleguide-h1,.styleguide-richtext .Styleguide_grid--nav.collapsed+.Styleguide_grid--content>h1{margin-top:60px}.Styleguide_grid--content{margin-left:18em;overflow:hidden;padding-bottom:100px}.Styleguide_grid--content>.styleguide-h1,.styleguide-richtext .Styleguide_grid--content>h1{margin-top:0}.styleguide-shownav{display:none}@media (max-width:600px){.styleguide,.styleguide_grid{margin:0 20px}}.styleguide-listing:after{clear:left;content:"";display:table}.styleguide-listing [data-styleguide-status]{font-size:60%;margin-top:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styleguide-component_link{background-color:#eee;border:3px solid;box-sizing:border-box;display:inline-block;float:left;font-size:14px;font-weight:700;margin-bottom:5px;margin-right:5px;min-height:115px;padding:5px 6px 4px 8px;position:relative;vertical-align:top;width:125px}.styleguide-component_link>strong{display:block}.styleguide-component_link strong>a{text-decoration:none}.styleguide-component_link.is-component{background-color:#555;border:0;color:#fff;min-height:85px}.styleguide-component_link .styleguide-id{color:#000;display:block;font-size:80%}.styleguide-status{display:inline-flex;position:relative;top:-1px;vertical-align:middle}.styleguide-status>span{border:1px solid;display:block;font-size:9px;height:13px;line-height:12px;text-align:center;text-transform:uppercase;width:13px}.styleguide-status>span+span{display:none}.styleguide-status.draft{color:#ddd}.styleguide-status.complete{color:#27a800}.styleguide-error{background-image:linear-gradient(45deg,#fdf3f3 25%,#fff 0,#fff 50%,#fdf3f3 0,#fdf3f3 75%,#fff 0,#fff);background-size:56.57px 56.57px;border:2px dashed #a55454;border-radius:5px;display:block;font-family:Menlo,monospace;font-size:10px;margin:50px auto;max-width:800px;overflow:auto;padding:20px;position:relative;tab-size:3ex;white-space:pre}.styleguide-error>summary{cursor:pointer;font-weight:700}.styleguide-error:hover:after{background:#fff;border-radius:3px;box-shadow:0 0 10px #0003;color:#000;content:"⛑ Sorry!";font-family:Helvetica,Arial;font-size:14px;font-weight:700;padding:6px 8px;position:absolute;right:10px;top:3px;transform:rotate(-10deg);transform-origin:right top}