@layer styleguide
{
pre code{display:block;padding:1em;margin:0 0 2em 0;width:100%;overflow-x:scroll;overflow-x:auto;font-size:12px}pre code>*{max-width:100%}pre[class*=language-]{padding:0 !important;margin:0em 0 5em 0;overflow:visible;background:none;border:0 none}pre code[class*=language-]{margin:0;background:#fff;color:#000;border:1px solid #adbddc;border-left-width:10px;border-left-color:#358ccb;box-shadow:4px 4px 7px #d6d6d6;background-color:#fdfdfd;background-image:linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%) !important;background-size:3em 3em;background-origin:content-box;background-attachment:local}.sg-collapse{margin-bottom:3em}.sg-collapse code{margin:0}form+.sg-collapse{margin-top:-20px}.sg-code-inline{display:inline;margin:0;vertical-align:top;background-color:rgba(0,0,0,.05);color:#bd4147;font-size:12px;padding:0rem .4rem;font-family:monospace;display:inline-block;width:auto;margin:0}.sg-tabs-list{list-style:none;padding:0}.sg-boxeditems ul{overflow:hidden;list-item-style:none}.sg-boxeditems ul h4{margin-top:0}.sg-boxeditems ul>li{margin:0 .2em .2em 0;overflow:hidden;float:left;width:13em;text-align:left}.sg-boxeditems ul>li::before{display:none}.sg-boxeditems ul .sg-swatch{display:block;height:5em;text-align:left;border:1px solid #ddd}.sg-boxeditems ul .sg-swatch .fa-icon{vertical-align:middle;text-align:left}.sg-boxeditems ul .sg-swatch .fa-icon::after{display:inline-block;content:"";height:100%;vertical-align:middle}.sg-boxeditems ul .sg-label{text-align:left;display:block;font-size:11px}.sg-boxeditems ul .sg-label::after{display:block}.styelguide-colors .sg-label{text-align:left;display:block}.styelguide-colors .sg-label::after{display:block}.styleguide .sg-def-p{display:block}.styleguide .sg-def-pb{display:block}.styleguide .sg-def-a{display:block}.styleguide .sg-color-greyBorder::after{content:"var(--color-border)"}.styleguide .sg-color-lightestTextGrey::after{content:"var(--color-text-lightest)"}.styleguide-grids .grid__item>*:not([class*=grid]){min-height:60px;box-shadow:0 0 1px inset;display:block;margin-bottom:20px}.styleguide-toc a[aria-current=page]{font-weight:700}.styleguide-heading-section{border-bottom:1px solid #ddd;margin-top:3em;margin-bottom:2em;color:#000}.sg_dummy_dotted_border{border:1px dotted aqua}.sg-layout-html{width:100%;border:1px solid #000;background-color:#fff;padding:0 2em}.sg-layout-html .sg-layout-page{box-shadow:0px,0px,10px,0px,rgba(100,100,100,.2);background-color:#fff}.sg-layout-html .sg-layout-page .sg-layout-header{min-height:5em;background:#ddd;margin-bottom:20px}.sg-layout-html .sg-layout-page .sg-layout-content{min-height:10em;padding-left:12px;padding-right:12px}.sg-layout-html .sg-layout-page .sg-layout-content .grid__item span{min-height:5em;border:1px dotted #000;background-color:#fafafa;display:block;margin-bottom:.7em}.sg-layout-html .sg-layout-page .sg-layout-footer{min-height:5em;background:#ddd;color:#000}.sg-page-landmarks{color:#000}.sg-landmark,.sg-landmark-light{padding:.5em;margin:.5em;position:relative}.sg-landmark .sg-landmark-name,.sg-landmark .sg-landmark-name-light,.sg-landmark-light .sg-landmark-name,.sg-landmark-light .sg-landmark-name-light{position:relative;top:-0.5em;left:-0.5em;padding:.2em .3em;display:inline-block}.sg-landmark{border:1px dotted #000}.sg-landmark-light{border:1px dotted blue}.sg-landmark-name{background:#ff0;font-weight:bold;color:#000}.sg-landmark-name-light{background:blue;font-weight:bold;color:#fff}.sg-tabs{display:flex;flex:1 1 auto;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;flex-direction:column;margin-bottom:50px}.sg-tabs .tab{position:relative;list-style:none;text-align:center;cursor:pointer;margin:0}.sg-tabs .tab[aria-selected=false]{opacity:.5}.sg-tabs .tablist{align-self:flex-end;margin-bottom:.5em;display:inline-flex !important;list-style:none;width:auto !important}.sg-tabs .panel{display:block;border:1px solid rgba(0,0,0,0);background:#f8f8f8;padding:8px 12px}

}