body{font-size:18px;padding-bottom:0}.styleguide-directional-menu a{border-radius:1rem;display:flex;flex-direction:column;justify-content:center;position:relative;text-align:left}.styleguide-directional-menu a::after{border-bottom:2px solid;border-right:2px solid;content:"";height:1rem;position:absolute;top:50%;width:1rem}.styleguide-directional-menu .next{padding:1rem 4rem 1rem 1.5rem}.styleguide-directional-menu .next::after{right:1.5rem;transform:translateY(-50%) rotate(-45deg)}.styleguide-directional-menu .prev{padding:1rem 1.5rem 1rem 4rem}.styleguide-directional-menu .prev::after{left:1.5rem;transform:translateY(-50%) rotate(135deg)}.styleguide-footer{border-top:2px solid #e8e7e7}.styleguide-footer-menu{-moz-column-gap:2rem;column-gap:2rem;display:flex;justify-content:center;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;row-gap:1rem}:root{--styleguide-header-width: 30rem}.styleguide-logo{display:block;width:12rem}.styleguide-logo img{height:auto;width:100%}.styleguide-main-menu ul{list-style-type:none;margin:0;padding:0}.styleguide-main-menu li{border-top:2px solid #e8e7e7}.styleguide-main-menu a{color:hsl(0,0%,15%);display:block;padding:1.6rem 4rem 1.6rem 2rem;position:relative;text-decoration:none;transition:background-color 250ms}.styleguide-main-menu a.is-current .underline::after{opacity:1;transform:scaleX(1)}.styleguide-main-menu a.has-children::after{border-bottom:1px solid;border-right:1px solid;content:"";height:8px;margin-top:-4px;position:absolute;right:1.5rem;top:50%;transform:rotate(45deg);transition:transform 250ms;width:8px}.styleguide-main-menu a .underline::after{background:linear-gradient(90deg, #afca0b 0%, #3E6C28 100%);height:3px;left:0;opacity:0;position:absolute;top:100%;transform:scaleX(0);transition:transform 250ms,opacity 250ms;width:100%}.styleguide-main-menu li.is-active>a.has-children::after{transform:rotate(-135deg)}.styleguide-sub-menu{display:grid;grid-template-rows:0fr;transition:grid-template-rows 300ms ease-out}.is-active>.styleguide-sub-menu{grid-template-rows:1fr}.styleguide-sub-menu>ul{overflow:hidden}.styleguide-sub-menu a{padding-left:5rem}.styleguide-main-menu-toggle{align-items:center;aspect-ratio:1;background-color:rgba(0,0,0,0);border:none;display:inline-flex;justify-content:center;outline:none;padding:0;width:4rem}.styleguide-main-menu-toggle:active{background-color:#ddd}.styleguide-main-menu-toggle svg{height:auto;width:80%}.styleguide-page-header{border-bottom:2px solid #e8e7e7}.styleguide-page-header::before{background-image:linear-gradient(24deg, #3E6C28 36%, #afca0b 100%);content:"";display:block;height:8px}.styleguide-page-header-title{padding:1rem 0}@media (min-width: 992px){.styleguide-main-menu a .underline::after{content:""}}@media (min-width: 1200px){.styleguide-header{border-right:2px solid #e8e7e7;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:var(--styleguide-header-width)}.styleguide-page-header-title{height:89px;padding:0}.styleguide-wrapper{margin-left:var(--styleguide-header-width);min-height:100vh}}@media (max-width: 1199.98px){.styleguide-main-menu{display:grid;grid-template-rows:0fr;transition:grid-template-rows 300ms ease-out}.styleguide-main-menu.is-active{grid-template-rows:1fr}.styleguide-main-menu>ul{overflow:hidden}}@media (hover: hover){.styleguide-main-menu a:hover .underline::after{opacity:1;transform:scaleX(1)}}@media print{:root{--styleguide-header-width: 0}}

/*# sourceMappingURL=styleguide.css.map */