@charset "UTF-8";.styleguide-h1{font-size:120px;font-weight:100;line-height:1;margin:50px 0 .5em}
@media (max-width:1600px){.styleguide-h1{font-size:calc(33.33333px + 5.41667vw)}}
@media (max-width:750px){.styleguide-h1{font-size:60px;font-weight:300}}
@media (max-width:750px) and (max-width:1600px){.styleguide-h1{font-size:calc(22.66667px + 2.33333vw)}}
.styleguide-h2{font-size:30px;font-weight:600;margin:1.5em 0 .25em}
@media (max-width:1600px){.styleguide-h2{font-size:calc(16.66667px + .83333vw)}}
.styleguide-h3{font-size:24px;font-weight:600;margin:1em 0 .1em}
@media (max-width:1600px){.styleguide-h3{font-size:calc(14.66667px + .58333vw)}}
.styleguide-h4{font-size:20px;font-weight:600;margin:1em 0 0}
@media (max-width:1600px){.styleguide-h4{font-size:calc(13.33333px + .41667vw)}}
.styleguide-layout-sample{background-color:#f0f0f0}
.styleguide-intro{font-size:40px;font-weight:300;line-height:1;margin-bottom:.5em;margin-top:-2ex}
@media (max-width:1600px){.styleguide-intro{font-size:calc(18.66667px + 1.33333vw)}}
@media (max-width:750px){.styleguide-intro{font-size:30px;margin-top:-1ex}}
@media (max-width:750px) and (max-width:1600px){.styleguide-intro{font-size:calc(16.66667px + .83333vw)}}
.styleguide-notes{list-style-image:none;list-style-type:none;margin:1ex 0 2em;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 #2727264d;text-decoration:underline solid #2727264d}
[data-styleguide-status]{background:#f2f2f2;border-radius:3px;color:#333;display:inline-block;font-size:80%;font-weight:600;line-height:1;padding:5px 7px 5px 5px;text-transform:uppercase}
[data-styleguide-status]:before{font-size:10px;margin-right:6px}
@media (max-width:1600px){[data-styleguide-status]:before{font-size:10px}}
[data-styleguide-status=ready_for_impl_]{color:#686868}
[data-styleguide-status=ready_for_impl_]:before{content:"✌🏿 "}
[data-styleguide-status=in_progress]{color:#e09d00}
[data-styleguide-status=in_progress]:before{content:"☢️ "}
[data-styleguide-status=rejected]{color:#8b0000}
[data-styleguide-status=rejected]:before{content:"❗️ "}
[data-styleguide-status=testing]{color:#b300cc}
[data-styleguide-status=testing]:before{content:"⚛️ "}
[data-styleguide-status=closed],[data-styleguide-status=ready_for_deployment]{color:#4a8b00}
[data-styleguide-status=closed]:before,[data-styleguide-status=ready_for_deployment]:before{content:"✅ "}
[data-styleguide-status=deployed],[data-styleguide-status=done]{color:#7eba39;font-weight:600}
[data-styleguide-status=deployed]:before,[data-styleguide-status=done]:before{content:"❎ "}
.styleguide-alarm:before{animation:styleguide-blink .35s infinite;content:"🚨 "}
@keyframes styleguide-blink{50%{opacity:.5}}
.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 em,.styleguide-richtext strong{font-weight:600}
.styleguide-richtext>p{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>:first-child{margin-top:0}
.styleguide-richtext a{color:#008b8b;-webkit-text-decoration:underline;text-decoration:underline}
.styleguide-richtext code,.styleguide-richtext pre{background:#f4f4f4;border:1px solid #ddd;padding:.25em}
.styleguide-richtext code pre,.styleguide-richtext pre code{border:0;padding:0}
.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;-webkit-text-decoration:none;text-decoration:none}
.styleguide_nav .styleguide_nav--category{font-weight:600}
.styleguide_nav .styleguide_nav--group{border-bottom:1px solid #2727261a;margin:0;padding:5px 12px}
.styleguide_nav .styleguide_nav--group:last-child{border-bottom:0}
.styleguide_nav--category{cursor:pointer;font-weight:600;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:600}
.styleguide_nav--filter{box-sizing:border-box;font-size:18px;margin-bottom:20px;width:100%}
@media (max-width:1600px){.styleguide_nav--filter{font-size:calc(12.66667px + .33333vw)}}
.styleguide_nav--back{display:block;margin-bottom:20px}
.styleguide_nav--back:before{content:"← "}
.styleguide_nav--toggle{background:#f0f0f0;color:#0000;display:inline-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:10px;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:active:after,html:not(.can-touch) .styleguide_nav--toggle:hover:after{transform:scale(.75) translateY(-5px) rotate(45deg);transition:transform .15s}
.styleguide_nav--toggle:active:before,html:not(.can-touch) .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:active:after,html:not(.can-touch) .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:active:before,html:not(.can-touch) .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;box-shadow:0 2px 10px 0 #0000001a;display:flex;margin-bottom:20px;padding:20px 40px}
@media (max-width:750px){.styleguide_header{padding-left:20px;padding-right:20px}}
.styleguide_header--title{font-size:140%;font-weight:600;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:600}
.styleguide-example{--background-color:$c-white;background-color:var(--background-color);border:10px solid #f2f2f2;margin-top:20px;min-height:20px;padding:20px;position:relative}
@media (prefers-color-scheme:dark){.styleguide-example{--background-color:$c-black}}
.styleguide-example:after{clear:both;content:"";display:block}
@media (max-width:500px){.styleguide-example{border-width:5px;margin:0 -15px;padding:15px 10px}}
.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}
@media (max-width:1600px){.styleguide-code{font-size:calc(11.33333px + .16667vw)}}
.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{max-height:0;overflow:hidden;padding-bottom:0;padding-top:0}
.styleguide-example_section{margin:2em 0}
.styleguide-codebutton{text-align:right}
.styleguide-codebutton>button{color:#777;font-size:75%;margin-top:10px}
.styleguide_category_intro{margin-bottom:120px}
.styleguide_category_intro:first-child .styleguide_category_intro--graphic{background:#ff4773}
.styleguide_category_intro:nth-child(2) .styleguide_category_intro--graphic{background:#ff0a00}
.styleguide_category_intro:nth-child(3) .styleguide_category_intro--graphic{background:#db001c}
.styleguide_category_intro:nth-child(4) .styleguide_category_intro--graphic{background:#b50024}
.styleguide_category_intro li>a.is-backend{border-bottom:1px solid;color:green}
.styleguide_category_intro li>a>.styleguide-id{font-size:12px}
@media (max-width:1600px){.styleguide_category_intro li>a>.styleguide-id{font-size:calc(10.66667px + .08333vw)}}
.styleguide_category_intro li>[data-styleguide-status]{background:none;display:none;float:left;font-size:12px;margin-right:1ex;margin-top:1.5ex;padding:0;position:relative}
@media (max-width:1600px){.styleguide_category_intro li>[data-styleguide-status]{font-size:calc(10.66667px + .08333vw)}}
.styleguide_category_intro li>[data-styleguide-status]>span{display:none}
.styleguide_category_intro li>[data-styleguide-status]:active>span,html:not(.can-touch) .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:#ff0a00;border-radius:24px;display:block;height:0;margin-bottom:1em;margin-top:1em;padding-top:100%;position:relative}
.styleguide_category_intro--graphic img{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{display:flex;flex-wrap:wrap;gap:32px;margin-left:auto;margin-right:auto;margin-top:0;max-width:1440px}
@media (max-width:580px){.styleguide_category_intro_container{gap:24px}}
.styleguide_category_intro_container>.styleguide_category_intro{flex:1 0 12em}
.styleguide_category_intro_container .styleguide-h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.styleguide,.styleguide_grid{margin:0 40px}
.styleguide_grid:after{clear:both;content:"";display:block}
.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;overflow:visible}
.styleguide_grid--content{border:1px solid #0000;margin-left:18em;overflow:hidden;padding-bottom:100px}
.styleguide-shownav{display:none}
.styleguideDocs{margin-left:auto;margin-right:auto;max-width:60em}
@media (max-width:750px){.styleguide,.styleguide_grid{margin:0 20px}}
.styleguide-toc{margin-bottom:3em}
.styleguide-toc a{color:#b50024}
.styleguide-toc a:hover{color:#000}
.styleguide-toc a:before{border-style:solid;border-width:0 1px 1px 0;content:"";display:inline-block;height:8px;margin-right:1ex;transform:translateY(-2px) rotate(45deg);width:8px}
.styleguide-toc li li{margin-left:3em}
.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{box-sizing:border-box;color:#577678;display:block;font-size:16px;font-weight:600;position:relative}
.styleguide-component_link [data-styleguide-status]{display:none;margin-top:0;vertical-align:middle}
.styleguide-component_link>a{align-items:baseline;display:flex}
.styleguide-component_link strong>a{-webkit-text-decoration:none;text-decoration:none}
.styleguide-component_link .styleguide-id{background-color:#ffffff80;border-radius:4px;color:#000;display:inline;font-size:75%;margin-left:1ex;order:1;padding:1px 3px}