.hh--styleguide{margin-bottom:20rem}.style-guide__nav a:not(:first-child){padding:var(--hh-spacing-xs) var(--hh-spacing-sm)}.style-guide__section{padding:0 0 var(--hh-spacing-xl);margin:0 0 var(--hh-spacing-3xl);border-bottom:1px solid var(--hh-color-subdued)}.style-guide__heading{color:var(--hh-color-day);background-color:var(--hh-color-brand-primary);padding:1rem;border-radius:.5rem;display:inline-block;margin:0 0 var(--hh-spacing-2xl)}.style-guide__category{margin:0 0 var(--hh-spacing-xl)}.style-guide__category-heading{margin:0 0 var(--hh-spacing-md);text-decoration:underline}.style-guide__typography{display:flex;gap:var(--hh-spacing-2xl)}.style-guide__breakpoint{max-width:200px;padding:var(--hh-spacing-sm) var(--hh-spacing-xs);margin:var(--hh-spacing-xs) 0;border-radius:.5rem}@media screen and (max-width: 639px){.style-guide__breakpoint--sm{border:1px solid var(--hh-color-brand-primary)}}@media screen and (min-width: 640px) and (max-width: 1023px){.style-guide__breakpoint--md{border:1px solid var(--hh-color-brand-primary)}}@media screen and (min-width: 1024px) and (max-width: 1399px){.style-guide__breakpoint--lg{border:1px solid var(--hh-color-brand-primary)}}@media screen and (min-width: 1400px){.style-guide__breakpoint--xl{border:1px solid var(--hh-color-brand-primary)}}.style-guide__breakpoint{display:flex;justify-content:space-between}.style-guide__spacing{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--hh-spacing-lg)}.style-guide__space{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--hh-spacing-xs)}.style-guide__space-block{display:block!important;background-color:var(--hh-color-brand-primary);width:var(--hh-spacing-4xl)}.style-guide__space:nth-child(1) .style-guide__space-block{height:var(--hh-spacing-xxs)}.style-guide__space:nth-child(2) .style-guide__space-block{height:var(--hh-spacing-xs)}.style-guide__space:nth-child(3) .style-guide__space-block{height:var(--hh-spacing-sm)}.style-guide__space:nth-child(4) .style-guide__space-block{height:var(--hh-spacing-md)}.style-guide__space:nth-child(5) .style-guide__space-block{height:var(--hh-spacing-lg)}.style-guide__space:nth-child(6) .style-guide__space-block{height:var(--hh-spacing-xl)}.style-guide__space:nth-child(7) .style-guide__space-block{height:var(--hh-spacing-2xl)}.style-guide__space:nth-child(8) .style-guide__space-block{height:var(--hh-spacing-3xl)}.style-guide__space:nth-child(9) .style-guide__space-block{height:var(--hh-spacing-4xl)}.style-guide__space:nth-child(10) .style-guide__space-block{height:var(--hh-spacing-5xl)}.style-guide__space:nth-child(11) .style-guide__space-block{height:var(--hh-spacing-6xl)}.style-guide__color-row{display:flex;flex-wrap:wrap;gap:var(--hh-spacing-3xl);background-color:var(--hh-color-day);padding:var(--hh-spacing-md)}.swatch{text-align:center;width:15rem}.swatch__color{display:block!important;width:10rem;height:10rem;border-radius:50%;margin:0 auto var(--hh-spacing-lg);box-shadow:0 0 0 1px #0000001a}.swatch__purpose{margin:var(--hh-spacing-lg) 0 0}.swatch__var{color:#217dc2}@media screen and (min-width: 640px){.style-guide__table--full-width{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:0 var(--hh-spacing-2xl)}}.style-guide__table-row{display:block;align-items:center;border-bottom:1px solid var(--hh-color-subdued);padding:var(--hh-spacing-lg) 0}@media screen and (min-width: 640px){.style-guide__table-row{display:flex;flex-wrap:wrap}}.style-guide__table-row--header .style-guide__table-col{text-align:center}.style-guide__table-col{flex:1}.button-size__desc{margin:var(--hh-spacing-md) 0}.style-guide__table-col--button{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--hh-spacing-lg);padding:var(--hh-spacing-lg) var(--hh-spacing-md)}.style-guide__table-col--primary-inverted,.style-guide__table-col--secondary-inverted{background-color:var(--hh-color-brand-secondary)}.special-button__wrapper,.loading-button{margin:0 0 var(--hh-spacing-lg)}.special-button__wrapper hh-button{margin:0 0 var(--hh-spacing-lg)}.special-button__wrapper .inverse{background-color:var(--hh-color-brand-secondary)}.icon-button__wrapper{display:grid;place-items:center;gap:var(--hh-spacing-lg);grid-template-columns:1fr 1fr;padding:var(--hh-spacing-sm);background-color:var(--hh-color-day)}.tertiary-button{align-self:flex-start}.tertiary-button__wrapper{padding:var(--hh-spacing-lg)}.tertiary-button__wrapper>*{margin:0 0 var(--hh-spacing-lg)}.style-guide__section--forms{background-color:var(--hh-color-day)}.style-guide__textfields,.style-guide__textarea,.style-guide__select,.style-guide__radio,.style-guide__checkbox,.style-guide__switch,.style-guide__components{max-width:600px;padding:var(--hh-spacing-sm);margin:0 auto var(--hh-spacing-2xl)}.style-guide__textfields>*{margin:0 0 var(--hh-spacing-lg)}.style-guide__textarea{max-width:400px}.style-guide__select hh-custom-select{display:block;margin:0 0 var(--hh-spacing-lg)}.style-guide__radio-group,.style-guide__checkbox-group{display:flex;flex-wrap:wrap;column-gap:var(--hh-spacing-2xl);row-gap:var(--hh-spacing-sm)}.style-guide__checkbox-group:not(:last-child){margin:0 0 var(--hh-spacing-2xl)}.style-guide__switch-group{display:grid;grid-template-columns:repeat(2,1fr);column-gap:var(--hh-spacing-2xl);row-gap:var(--hh-spacing-4xl)}@media screen and (min-width: 640px){.style-guide__switch-group{grid-template-columns:repeat(4,1fr)}}.style-guide__category--accordion{margin:0 auto;width:100%;max-width:60rem}
/*# sourceMappingURL=/cdn/shop/t/352/assets/section-style-guide.css.map */