.style-guide-wrapper{background:#f7f4f1;display:flex;flex-flow:column;gap:20px;padding:20px}.style-guide-wrapper>div{background:#fff;border-radius:10px;padding:60px}.style-guide-wrapper>div>h2{border-bottom:1px solid var(--color-warm-stone);margin-bottom:5rem;margin-top:0;padding-bottom:2.5rem}.style-guide-wrapper code{border:1px dashed var(--color-sky-blue);border-radius:10px;display:block;font-size:1.3rem;padding:1.5rem;width:-moz-fit-content;width:fit-content}.style-guide-wrapper .buttons-container{display:flex;flex-wrap:wrap;gap:2rem}.style-guide-wrapper .buttons-container>div{display:flex;flex-flow:column;gap:2rem;margin-bottom:3rem}.style-guide-wrapper .buttons-container>div>div{align-items:center;display:flex;gap:2rem}.style-guide-wrapper .button-sizes-container{display:flex;flex-flow:column;gap:2rem;margin-top:4rem}.style-guide-wrapper .button-sizes-container>div,.style-guide-wrapper .link-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem}.style-guide-wrapper .link-container{padding-top:4rem}.style-guide-wrapper .logos-section{display:flex;flex-flow:column;gap:2rem}.style-guide-wrapper .logos-section .logos-examples{align-items:center;display:flex;flex-wrap:wrap;gap:6rem;padding-bottom:4rem}.style-guide-wrapper .style-guide-icons-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin-bottom:6rem;margin-top:0;padding:20px 20px 20px 0}.style-guide-wrapper .style-guide-icons-container:last-child{margin-bottom:1rem}.style-guide-wrapper .style-guide-icons-container .style-guide-icon-box{align-items:center;border:1px solid var(--color-neutral-300);border-radius:5px;display:flex;gap:20px;padding:0 20px}.style-guide-wrapper .style-guide-icons-container svg{height:25px;width:25px}.style-guide-wrapper .base-elements-section .inputs-section .checkbox-container,.style-guide-wrapper .base-elements-section .inputs-section .text-inputs-container{display:flex;gap:6rem;margin-bottom:3rem}.style-guide-wrapper .base-elements-section .inputs-section .checkbox-container>div,.style-guide-wrapper .base-elements-section .inputs-section .text-inputs-container>div{display:flex;flex-flow:column;gap:2rem;margin-bottom:3rem}.style-guide-wrapper .base-elements-section .accordion-section{padding-top:4rem}.style-guide-wrapper .base-elements-section .accordion-section code{white-space:pre-wrap}.style-guide-wrapper .base-elements-section .badges{padding-top:1rem}