.style-guide-wrapper .colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1rem;margin-top:1rem}.style-guide-wrapper .colors-grid .color-sample{border-radius:5px;height:60px;width:100px;margin-botttom:.5rem}.style-guide-wrapper code{border:1px dashed var(--color-brand-blue);border-radius:10px;display:block;font-size:1rem;padding:1rem;width:-moz-fit-content;width:fit-content}.style-guide-wrapper .wrapper{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.style-guide-wrapper .block{border:1px dotted var(--color-brand-dark-blue);border-radius:10px;margin-bottom:2rem;margin-top:2rem;padding:1rem}.style-guide-wrapper .block.buttons-block .wrapper{justify-content:space-between}.style-guide-wrapper .main-title,.style-guide-wrapper .secondary-title{margin-bottom:1rem}.style-guide-wrapper .main-title:after{background-color:var(--color-brand-blue);content:"";display:block;height:1px;margin-top:.5rem;width:100%}.style-guide-wrapper .secondary-title{-webkit-text-decoration:underline;text-decoration:underline}