pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#1e1e1e;color:#dcdcdc}.hljs-keyword,.hljs-link,.hljs-literal,.hljs-name,.hljs-symbol{color:#569cd6}.hljs-link{text-decoration:underline}.hljs-built_in,.hljs-type{color:#4ec9b0}.hljs-class,.hljs-number{color:#b8d7a3}.hljs-meta .hljs-string,.hljs-string{color:#d69d85}.hljs-regexp,.hljs-template-tag{color:#9a5334}.hljs-formula,.hljs-function,.hljs-params,.hljs-subst,.hljs-title{color:#dcdcdc}.hljs-comment,.hljs-quote{color:#57a64a;font-style:italic}.hljs-doctag{color:#608b4e}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-tag{color:#9b9b9b}.hljs-template-variable,.hljs-variable{color:#bd63c5}.hljs-attr,.hljs-attribute{color:#9cdcfe}.hljs-section{color:gold}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-bullet,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{color:#d7ba7d}.hljs-addition{background-color:#144212}.hljs-addition,.hljs-deletion{display:inline-block;width:100%}.hljs-deletion{background-color:#600}
@keyframes fade-in{0%{opacity:0}to{opacity:1}}#componentCatalog{display:flex;font-size:1.6rem;margin:1rem 0}#componentCatalog .componentCatalog__nav{border:solid #eee;border-radius:0 4px 0 0;border-width:1px 1px 0;flex:1;max-width:15em;padding:0 1em;width:15em}#componentCatalog .componentCatalog__nav:after{content:"* no presets have been set for this component";font-size:.75em;font-style:italic}#componentCatalog .componentCatalog__nav--collapsed{margin-left:-15em;transform:translateX(-100%)}#componentCatalog .componentCatalog__navUl{display:flex;flex-direction:column;list-style:none;margin:0 0 2rem;padding:0;width:100%}#componentCatalog .componentCatalog__navUl:before{content:attr(aria-label);font-size:1.25em;font-weight:500;line-height:1.1}#componentCatalog .componentCatalog__navUl:first-child{margin-top:2rem}#componentCatalog .componentCatalog__navUl li{font-size:.85em;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}#componentCatalog .componentCatalog__navUl li a{font-weight:500}#componentCatalog .componentCatalog__navUl li a:hover{text-decoration:underline}#componentCatalog .componentCatalog__navUlItem--noPresets:before{color:#000;content:"*"}#componentCatalog .componentCatalog__component{animation:fade-in .115s ease-in;display:flex;flex:1;flex-direction:column;margin:0 1em;width:100%}#componentCatalog .componentCatalog__componentSection>*{min-height:5em}#componentCatalog .componentCatalog__componentNav{border:1px solid #eee;border-radius:4px;margin-top:1em;overflow:hidden;padding:0}#componentCatalog .componentCatalog__componentNav>div{animation:fade-in .115s ease-in;padding:1em}#componentCatalog .componentCatalog__componentNavList{background:url(../../../../etc.clientlibs/thrivent/mcs/clientlibs/clientlib-site/resources/images/header-bg.png),rgba(0,0,0,.75);background-size:cover;display:flex;list-style:none;margin:0;padding:0 .5em;width:100%}#componentCatalog .componentCatalog__componentNavList button{background:none;border:solid transparent;border-width:0 0 3px;color:#efefef;font-size:.75em;opacity:.25;padding:calc(.8em + 3px) 1.2em .8em;position:relative;text-transform:uppercase;transition:all .115s linear}#componentCatalog .componentCatalog__componentNavList button[aria-selected=true]{border-bottom-color:hsla(0,0%,100%,.4);border-image:linear-gradient(90deg,#e1d307 0,#65c5b4 50%,#006b35) 2;opacity:1}#componentCatalog .componentCatalog__componentTitle{font-size:1.25em;margin:0 0 .5em}#componentCatalog .componentCatalog__componentDesc{margin:0 0 .5em}#componentCatalog .componentCatalog__componentDetails{list-style:none;margin:1em 0 0 .5em;padding:0}#componentCatalog .componentCatalog__componentDetails li{font-size:.85em;padding:0 1.25em;position:relative}#componentCatalog .componentCatalog__componentDetails li:before{content:"⇾";font-size:1.5em;left:0;line-height:0;position:absolute;top:35%}#componentCatalog .componentCatalog__code{margin:0;padding:0}#componentCatalog .componentCatalog__preset{background:#eee;border:0;border-radius:4px;color:inherit;font-size:.75em;margin:0 1em 1em 0;padding:.8em 1.2em}#componentCatalog .componentCatalog__presetList{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;width:100%}