@keyframes wip{0%{background-position-x:0}to{background-position-x:113px}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.styleguide,.styleguide-wrapper{display:flex;flex-direction:column}.styleguide{height:100vh}.styleguide-wrapper{height:100%}@media (min-width:768px){.styleguide-wrapper{flex-direction:row;height:100vh;overflow:hidden}}.styleguide-sidebar{background-color:var(--blue-100);display:flex;flex-basis:360px;scrollbar-width:thin;scrollbar-color:var(--primary) var(--white)}.styleguide-sidebar::-webkit-scrollbar{width:5px}.styleguide-sidebar::-webkit-scrollbar-track{background:var(--white)}.styleguide-sidebar::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:0;border:0}@media (min-width:768px){.styleguide-sidebar{max-width:30%;overflow-y:auto}}@media (min-width:992px){.styleguide-sidebar{max-width:25%}}.styleguide-nav{margin:0;width:100%}.styleguide-nav ul{list-style:none;padding-left:0}.styleguide-nav>ul>li{border-left:4px solid transparent}.styleguide-nav>ul>li.active{background-color:var(--white);border-color:var(--primary)}.styleguide-nav .child.active a,.styleguide-nav>ul>li.active>a{color:var(--primary)}.styleguide-nav>ul>li.separator{padding:0}.styleguide-nav>ul>li.separator:before{background-color:var(--primary);content:"";display:block;height:1px;left:1rem;position:relative;width:calc(100% - 2rem)}.styleguide-nav>ul>li>a{padding:.25rem 1rem}.styleguide-nav .has-children{position:relative}.styleguide-nav .has-children button{background-color:transparent;border:0;border-radius:50%;color:var(--primary);cursor:pointer;height:30px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:30px}.styleguide-nav .has-children button:hover{background-color:var(--gray-100)}.styleguide-nav .has-children button.collapsed i{display:block;transform:rotate(-90deg)}@media (min-width:768px){.styleguide-nav .has-children button{right:2rem}}.styleguide-nav .has-children+.children{border-left:0}.styleguide-nav .child{border-left:4px solid transparent;padding:.25rem 1rem}.styleguide-nav .child.active{background-color:var(--white);border-color:var(--primary)}.styleguide-nav .child a,.styleguide-nav>ul>li>a{color:var(--text);display:block;font-size:var(--fs-sm);text-decoration:none}.styleguide-nav .section{color:var(--primary);font-size:var(--fs-xs);font-weight:var(--fw-extra);letter-spacing:2px;padding:.5rem 1rem;text-transform:uppercase}@media (min-width:768px){.styleguide-nav{margin:2rem 0}.styleguide-nav>ul>li.separator:before{left:2rem;width:calc(100% - 4rem)}.styleguide-nav>ul>li>a{padding:.25rem 2rem}.styleguide-nav .section{padding-left:2rem;padding-top:2rem}}.styleguide-content{border:1px solid var(--red);display:flex;flex:1;flex-direction:column;padding:1rem 0;scrollbar-width:thin;scrollbar-color:var(--primary) var(--white)}.styleguide-content::-webkit-scrollbar{width:5px}.styleguide-content::-webkit-scrollbar-track{background:var(--white)}.styleguide-content::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:0;border:0}@media (min-width:768px){.styleguide-content{overflow-y:auto;padding:3rem}}.styleguide-swatches{display:flex;flex-wrap:wrap;margin-bottom:2rem}.styleguide-swatch{align-items:center;border:1px solid var(--gray-100);border-radius:.15rem;color:var(--text);cursor:pointer;display:flex;flex-direction:column;margin-bottom:.5rem;margin-right:.25rem;overflow:hidden;width:80px}.styleguide-swatch:hover .styleguide-color:after{opacity:1}.styleguide-swatch-name{align-items:center;color:var(--muted);display:flex;font-size:var(--fs-xs);line-height:1;padding:.5rem .25rem;height:2rem}.styleguide-icon{background-color:var(--gray-100);padding:1rem .5rem;text-align:center;transition:all .15s ease-in-out;width:100%}.styleguide-icon i{color:var(--primary);font-size:1.5rem;margin-bottom:.5rem}.styleguide-color{align-items:center;background-color:var(--color);color:var(--white);display:flex;font-size:var(--fs-lg);height:80px;justify-content:center;width:100%}.styleguide-color:after{content:"";font-family:"icomoon";opacity:0}.styleguide-icon-btn:hover,.styleguide-swatch-icon:hover .styleguide-icon{background-color:var(--gray-200)}.styleguide-swatch-icon:hover i:before{content:""}.styleguide-card{background-color:var(--white);background-clip:border-box;display:flex;flex-direction:column;margin-block:1rem 2rem;min-width:0;position:relative;word-wrap:break-word}.styleguide-card.white .styleguide-card-example{background-color:var(--white);border:1px solid var(--gray-100)}.styleguide-card-example{background-color:var(--gray-50);border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding:1rem}.styleguide-code pre code.hljs{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;padding-block:0;padding-inline:0}.styleguide-code-toolbar{align-items:center;background-color:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:.5rem 1rem}.styleguide-code-lang{color:var(--muted);font-size:var(--fs-xs);text-transform:uppercase}.styleguide-icon-btn{background-color:var(--gray-100);border-color:transparent;border-radius:50%;cursor:pointer;flex:0 0 auto;font-size:.85rem;padding:.25rem;text-align:center;transition:all .15s ease-in-out}.styleguide-block{align-items:center;background-color:var(--blue-400);color:var(--white);display:flex;font-weight:var(--fw-semi);height:120px;justify-content:center;text-align:center;width:100%}.styleguide-note{background-color:var(--warning-subtle);border:1px solid var(--warning);border-radius:5px;margin-block:1rem;padding:1rem 1rem 1rem 2.5rem;position:relative}.styleguide-note:before{color:var(--warning-darker);content:"";font-family:"icomoon";left:1rem;position:absolute}.styleguide-note p{margin:0}.styleguide-wip{animation:wip 4s linear infinite;background-color:#2c3e50;background-image:repeating-linear-gradient(45deg,transparent,transparent calc(80px/2),#f1c40f calc(80px/2),#f1c40f 80px);border-radius:5px;box-shadow:0 10px 13px -6px rgba(44,62,80,.5);color:var(--white);font-size:2rem;margin-bottom:1rem;padding:.5rem 1rem;text-shadow:2px 2px rgba(44,62,80,.5);width:100%;will-change:background-position}