body{color:#696f6e;color:#262020;font-size:.8125rem;line-height:1.3;font-weight:500;width:100vw;font-family:Poppins,sans-serif;background-color:hsla(0,0%,84%,.259);background-color:rgba(217,232,233,.26)}.cp-section{padding:.3rem .4rem}.button{border-radius:.3rem;background-color:var(--primary-color);color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;padding:.5rem}.button.ripple{background-position:50%;transition:background .6s}.button.ripple:hover{background:var(--primary-color) radial-gradient(circle,transparent 1%,var(--primary-color) 1%) center/15000%}.button.ripple:active{background-color:#6eb9f7;background-color:rgb(var(--rgb-page-background)/100%);background-size:100%;transition:background 0s}.button[data-color=secondary],.button[data-variant=contained][data-color=secondary]{background-color:var(--secondary-color)}.button[data-variant=outlined]{background-color:#fff;color:var(--primary-color);border:1px solid var(--primary-color)}.button[data-variant=outlined][data-color=secondary]{border:1px solid var(--secondary-color);color:var(--secondary-color)}.button[data-size=small]{padding:.3rem .5rem;font-size:14px}.button[data-size=xs]{font-size:.7rem;padding:.2rem .5rem}.textarea{border:1px solid #d7d7d7;border-radius:.3rem;padding:.5rem;font-size:1rem}.select,.textarea{outline:none;width:100%}.select{height:2.3rem;border-radius:5px;background:#fff;border:1px solid #d4d4d4;text-indent:.5rem;font-weight:500}.select:focus{border-color:var(--primary-color)}.select option{font-weight:500}.select option:checked{background-color:var(--primary-color);color:#fff}