style-guide-sidebar{z-index:1;flex-shrink:0;width:30rem;height:100vh;position:sticky;top:0;left:0}@media screen and (min-width:750px){style-guide-sidebar{width:40rem}}style-guide-sidebar.is-narrow:before{width:0}style-guide-sidebar.is-narrow:after{width:inherit}style-guide-sidebar:before,style-guide-sidebar:after{z-index:-1;height:inherit;pointer-events:none;position:absolute;top:0;left:0}style-guide-sidebar:before{content:"";background-color:var(--color-secondary);width:100vw;transition:width .35s ease-in-out}style-guide-sidebar:after{content:"";background-color:var(--color-gray-lighter);width:50vw;transition:width .35s ease-in-out .1s}.style-guide{align-items:start;display:flex}.style-guide h1,.style-guide h2,.style-guide h3,.style-guide h4,.style-guide h5,.style-guide h6{text-transform:uppercase;margin:2.2rem 0}.style-guide h5:first-child{margin-top:0;margin-bottom:1rem}.style-guide .caps{text-transform:uppercase;font-weight:600}.style-guide__sidebar{width:100%;height:inherit;flex-direction:column;align-items:flex-start;padding:6rem 4rem 4rem;display:flex}.style-guide__sidebar-logo{width:8rem}.style-guide__sidebar-logo svg{width:100%;height:auto}.style-guide__sidebar-top-arrow{transform:scale(1.1)}.style-guide__sidebar-info-wrapper{justify-content:space-between;align-items:center;gap:3rem;width:100%;margin-top:auto;display:flex}.style-guide__sidebar-info{text-transform:uppercase;margin-bottom:0!important}.style-guide__sidebar-nav-list{margin:4rem 0;padding:0}.style-guide__sidebar-nav-list-item{text-transform:uppercase;font-weight:400}.style-guide__sidebar-nav-list-item:not(:first-of-type){margin-top:1.2rem}.style-guide__sidebar-nav-list-item .link{color:var(--color-primary-black)}.style-guide__content{min-height:100vh;max-width:var(--width-style-guide-max);width:100%;margin-top:calc(100vh + 6rem)}.style-guide__section{color:var(--color-primary-black);padding:4rem}.style-guide__section-layout{flex-direction:column;gap:4rem;display:flex}@media screen and (min-width:1200px){.style-guide__section-layout{flex-direction:row}}.style-guide__section-layout+.style-guide__section-layout{margin-top:8rem}.style-guide__section-unit{flex:1 1 0}.style-guide__section-unit small{text-transform:lowercase}.style-guide__section hr{background-color:var(--color-gray-lighter);border:none;width:100%;height:1px;margin:2rem 0;display:inline-block}.style-guide__section-unit-inner{align-items:flex-start;gap:4rem;margin:0 auto;display:flex}.style-guide__section-unit-inner+.style-guide__section-unit-inner{margin-top:4rem}.style-guide__section-unit-inner>*{flex:1 1 0}.style-guide__section-unit-inner p{max-width:48rem;margin:0}.style-guide__section-unit-inner h1,.style-guide__section-unit-inner h2,.style-guide__section-unit-inner h3,.style-guide__section-unit-inner h4,.style-guide__section-unit-inner h5,.style-guide__section-unit-inner h6{text-transform:initial;margin:1rem 0}.style-guide__section-unit-inner+h6{margin-top:8rem}.style-guide__section-unit-inner svg,.style-guide__section-unit-inner img{margin:4rem auto 2rem;display:block}.style-guide__section-unit-inner .placeholder-box svg{width:100%;height:auto;margin:0}.style-guide__section-unit-inner .coloured-box{text-align:left;border:.1rem solid var(--color-gray-lighter);padding:2rem}.style-guide__section-unit-inner .coloured-box--dark{color:var(--color-gray-lightest)}.style-guide__section-unit-inner .coloured-box p{text-transform:uppercase}.style-guide__section-unit-inner .element-box{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.style-guide__section-unit-inner .element-box span{text-transform:uppercase;margin-bottom:1rem}.style-guide__section-unit-inner .element-box .button--anatomy{color:#2a71f6;background:#2a71f610;border:.1rem solid #2a71f6}.style-guide__section-unit-inner .element-box .button--anatomy:hover{color:#2a71f6;-webkit-box-shadow:none;box-shadow:none;background:#2a71f610;border-color:#2a71f6}.style-guide__section-unit-inner .element-box .button--accordion{color:var(--color-tertiary);min-width:unset;min-height:unset;border:.1rem solid var(--color-tertiary);background-color:#0000;border-radius:50%;width:auto;min-width:4rem;min-height:4rem;padding:0}.style-guide__section-unit-inner .element-box .custom.field .input{color:var(--color-primary-black);border-radius:3rem;width:100%;transition:border .1s ease-in;position:relative}.style-guide__section-unit-inner .element-box .custom.field .input::placeholder{color:var(--color-gray)}.style-guide__section-unit-inner .element-box .custom.field .input:focus,.style-guide__section-unit-inner .element-box .custom.field .input.frozen-focus{border:.1rem solid var(--color-accent-blue)}.style-guide__section-unit-inner .element-box .custom.field .input--anatomy{color:#2a71f6;background-color:#2a71f610;border:.1rem solid #2a71f6}.style-guide__section-unit-inner .element-box .custom.field .input--anatomy::placeholder{color:#2a71f6}.style-guide__section-unit-inner .element-box .accordion__trigger-icon{margin-bottom:0}.style-guide__section-unit-inner .heading-box__specs{gap:15px;display:flex}.style-guide__section-unit-inner .icon-box{border:.1rem solid var(--color-gray-lighter);flex:initial;justify-content:center;align-items:center;width:12rem;height:12rem;display:flex;position:relative}.style-guide__section-unit-inner .icon-box span{text-align:center;width:100%;padding:.2rem .4rem;position:absolute;top:0;left:0}.style-guide__section-unit-inner .icon-box svg{margin:unset}.style-guide .transparent{opacity:0}.style-guide .utils{margin-bottom:7rem}pre{color:#bec6ff;width:100%;white-space:inherit;background:#222e39;border-radius:1rem;padding:2rem;display:flex}
/*# sourceMappingURL=style-guide.css.map */