*{margin:0;box-sizing:border-box}.components{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5%;gap:1rem}.badge{padding:.125rem .75rem;display:inline-block;text-align:center}.badge-text{font-size:.875em;font-weight:500}.square{border-radius:.25rem}.pill{border-radius:.75rem}.badges-container{display:inline-flex;width:60%;flex-wrap:wrap;gap:.625rem}.banner{max-width:56rem;padding:1rem;display:flex;column-gap:.75rem;border-radius:6px}.banner-text{display:flex;flex-direction:column;row-gap:.5rem}.banner-title{font-size:.875em;font-weight:500}.banner-child{font-size:.875em;font-weight:400}.success{background-color:#ecfdf5;color:#047857}.warning{background-color:#fffbeb;color:#b45309}.error{background-color:#fef2f2;color:#b45309}.neutral{background-color:#eff6ff;color:#1c51b9}.banner-container{display:flex;flex-direction:column;gap:10px}.text-components{align-self:flex-start;width:100%;text-align:justify}.text-components h1{text-align:center}.text-components p{margin-bottom:5px}